iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
自我挑戰組

30天的切版日記 系列

30天的切版日記

鐵人鍊成 | 共 30 篇文章 | 20 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day1: 起個頭

這次是第一次參加,就只希望能夠堅持下去完成30天的任務。 主題是訂30天的切版日記,內容大概是紀錄這30天工作上或做自己想做的東西時,做了什麼、遇到什麼問題、如...

2017-12-04 ‧ 由 yuning 分享
DAY 2

Day2: RWD斷點

因為前陣子客戶找了外包的設計公司做網頁設計稿,該設計公司主要是做平面設計的,問起了"這網頁可以用手機看嗎? 現在很多人都用手機瀏覽網頁",&...

2017-12-05 ‧ 由 yuning 分享
DAY 3

Day3 : 引入reset.css之後

從一些網站當中右鍵檢視網頁原始碼,會看到這麼一隻css - reset.css <link type="text/css" rel=&...

2017-12-06 ‧ 由 yuning 分享
DAY 4

Day4 : 人人都說Sass好,所以我來參一腳

都說Sass消除樣式表冗余、還有變數跟繼承的概念等等的,說有多好用就有多好用... 馬上來安裝步驟123....456 首先裝ruby然後裝sass 安裝ru...

2017-12-07 ‧ 由 yuning 分享
DAY 5

Day5 : 預覽效果

今天來做一個即時預覽的效果。 使用html5 blob 、iframe demo demo裡面的聖誕卡是codepen上找到的這個 demo中按下按鈕就會執行g...

2017-12-08 ‧ 由 yuning 分享
DAY 6

Day6 : 幾個Sass寫法

研究幾個看過卻還未明白的sass寫法 縮寫形式的嵌套 nav { border-width : 1px; border-style : solid;...

2017-12-09 ‧ 由 yuning 分享
DAY 7

Day7 : 做個DatePicker (一) - 靜態結構+樣式

日曆是網頁上常用的工具,也來自己做做看 今天先做靜態結構+樣式 首先是html結構 **日曆這種東西很容易被使用在各種頁面,class命名上取的略長,以防在網...

2017-12-10 ‧ 由 yuning 分享
DAY 8

Day8 : 做個DatePicker (二) - 數據

加入日曆數據的 js data.js (寫了一大堆註解) (function(){ var datepicker = {}; datepick...

2017-12-11 ‧ 由 yuning 分享
DAY 9

Day9 : 做個DatePicker (三) - 事件

點擊input 展開收起日曆的事件 css的部分將日曆設定為絕對定位、預設不顯示並增加一個class並設定顯示 (由js控制)。 將日曆設定為絕對定位、假設這是...

2017-12-12 ‧ 由 yuning 分享
DAY 10

Day 10 : Bootstrap 列印

Bootstrap在工作當中算是很常使用 維基百科上的介紹 : Bootstrap是一組用於網站和網路應用程式開發的開源前端框架,包括HTML、CSS及Java...

2017-12-13 ‧ 由 yuning 分享