iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 Like 0 留言 4334 瀏覽

鐵人賽自我挑戰組 DAY 3

30 天 CSS 隨手筆記系列第 3 篇

技術 30 天 CSS 隨手筆記 - 第 03 天 - WTF... Flexbox~!! ( 2 / 3 - 屬性介紹 )

完全無關的前言昨天發現文章如果寫太長的話，要點擊編輯器的 toolbar 的話，要滑到很上面才能使用，有這麼一點不方便。因此簡單的寫了一個小書籤，會讓 too...

lazy_shyu ‧ 2016-12-18

1 Like 1 留言 4395 瀏覽

鐵人賽自我挑戰組 DAY 2

30 天 CSS 隨手筆記系列第 2 篇

技術 30 天 CSS 隨手筆記 - 第 02 天 - WTF... Flexbox~!! ( 1 / 3 - what & why & how )

前言標題是來自這個 flexbox.io 這個網站的頁首網路上有非常多的資源了，例如： CSS Flexible Box Layout Module L...

lazy_shyu ‧ 2016-12-17

4 Like 4 留言 3464 瀏覽

技術 [贈書 & 抽獎] HTML5、CSS、JavaScript 認證教科書（碁峰）

小弟新書上市，出版社送了幾本給我我準備十本書送給有緣人、或是有興趣的朋友 HTML5、CSS、JavaScript 網頁程式設計與 MCSD 70-480 認...

mis2000lab ‧ 2015-04-14

0 Like 0 留言 1240 瀏覽

鐵人賽開發技術 DAY 25

HTML5 & CSS3 系列第 28 篇

技術 30天分享(30) - CSS3 區塊設定

CSS3 可以對一個區塊更細微的設定，以下介紹三個功能 : resize box-sizing outline-offset 1. resize : 能設...

cretise0415 ‧ 2014-10-27

0 Like 0 留言 1456 瀏覽

鐵人賽開發技術 DAY 25

HTML5 & CSS3 系列第 27 篇

技術 30天分享(29) - CSS3 多欄文字

文章有時候太長不好閱讀該怎麼讓閱讀體驗變好呢? 如果寬度都不做調整，跟內頁一樣塞滿整頁的寬，或者是太長沒有適度空白的空間讓讀者休息，都是極差的閱讀體驗。就...

cretise0415 ‧ 2014-10-27

0 Like 0 留言 1378 瀏覽

鐵人賽開發技術 DAY 25

HTML5 & CSS3 系列第 26 篇

技術 30天分享(28) - CSS3 動畫

CSS3 動畫跟互動式動畫不同，互動式動畫需要使用者有執行動作才會反應， CSS3 動畫是開啟頁面後會直接自動播放，可以應用的範圍很廣，我們先來看看是怎麼使用...

cretise0415 ‧ 2014-10-27

0 Like 0 留言 1277 瀏覽

鐵人賽開發技術 DAY 25

HTML5 & CSS3 系列第 25 篇

技術 30天分享(27) - CSS3 Can I Use?

設計 CSS3 網頁最麻煩的就是各家瀏覽器的支援度，如果在測試時沒跑出效果的話很可能是瀏覽器不支援，但 CSS3 這麼多功能，該如何知道我的瀏覽器支援那些呢...

cretise0415 ‧ 2014-10-27

5 Like 0 留言 4655 瀏覽

鐵人賽開發技術 DAY 30

MIS2000Lab.的「HTML5 認證考試，從零開始」--菜鳥的30天馬拉松系列第 30 篇

技術 MIS2000Lab.的「HTML5 認證考試，從零開始」#30-- 參加微軟認證考試（如何報名，以Prometric為例）

上一篇文章：MIS2000Lab.的「HTML5 認證考試，從零開始」#29-- 使用Web Workers處理背景程序 http://ithelp.ithom...

mis2000lab ‧ 2014-10-25

0 Like 0 留言 1135 瀏覽

鐵人賽開發技術 DAY 24

HTML5 & CSS3 系列第 24 篇

技術 30天分享(26) CSS3 RGBA 色彩

透明度除了最常用的 opacity 屬性之外，還可以用 rgba 的數值修改透明度，使用的方式如下 : background-color: rgba(255...

cretise0415 ‧ 2014-10-24

0 Like 0 留言 1420 瀏覽

鐵人賽開發技術 DAY 23

HTML5 & CSS3 系列第 23 篇

技術 30天分享(25) - CSS3 互動式動畫

CSS3 新定義了互動式動畫，這是一個很棒的改變，提供了直接在 CSS 檔裡設定完，不需依靠 javascript 就能做出簡單的動畫，比方說能以純 CSS...

cretise0415 ‧ 2014-10-23

4 Like 1 留言 3621 瀏覽

鐵人賽開發技術 DAY 27

MIS2000Lab.的「HTML5 認證考試，從零開始」--菜鳥的30天馬拉松系列第 27 篇

技術 MIS2000Lab.的「HTML5 認證考試，從零開始」#27-- 將使用者介面（UI）變成動畫 ( CSS動畫 )

上一篇文章：MIS2000Lab.的「HTML5 認證考試，從零開始」#26-- 先進圖形 / Canvas API http://ithelp.ithome....

mis2000lab ‧ 2014-10-22

1 Like 0 留言 1126 瀏覽

鐵人賽開發技術 DAY 22

HTML5 & CSS3 系列第 22 篇

技術 30天分享(24) - CSS3 字型

網頁字型在 CSS3 可以使用自訂的字型，但必須是以下三種檔案類型， TTF 、 OTF 、 WOFF 這些檔案類型主要瀏覽器都有支援，使用自訂自型的程式碼...

cretise0415 ‧ 2014-10-22

0 Like 0 留言 985 瀏覽

鐵人賽開發技術 DAY 21

HTML5 & CSS3 系列第 21 篇

技術 30天分享(23) - CSS3 文字

30天分享(23) - CSS3 文字 CSS3 文字部分新增了陰影及自動斷行功能等等，來看看新增以下那些功能 ----- 陰影使用方式 : text-sh...

cretise0415 ‧ 2014-10-21

2 Like 0 留言 1312 瀏覽

鐵人賽開發技術 DAY 20

HTML5 & CSS3 系列第 20 篇

技術 30天分享(22) - CSS3 漸層

30天分享(22) - CSS3 漸層 CSS3 新增許多漸層，讓我們直接來看看使用方式 : background: linear-gradient(red,...

cretise0415 ‧ 2014-10-20

0 Like 0 留言 1329 瀏覽

鐵人賽開發技術 DAY 19

HTML5 & CSS3 系列第 19 篇

技術 30天分享(21) - CSS3 背景

30天分享(21) - CSS3 背景 CSS3 的背景新增了兩個屬性， 1.background-size 2.background-origin 1.bac...

cretise0415 ‧ 2014-10-19

0 Like 0 留言 1083 瀏覽

鐵人賽開發技術 DAY 18

HTML5 & CSS3 系列第 18 篇

技術 30天分享(20) - CSS3 邊框樣式

CSS3 邊框多了圓角、陰影及邊框圖片，讓我們來看看使用方法，至於產生的效果，請大家貼以下的程式碼試試看 : 如要使用圓角 : div { border-...

cretise0415 ‧ 2014-10-18

1 Like 0 留言 1003 瀏覽

鐵人賽開發技術 DAY 17

HTML5 & CSS3 系列第 17 篇

技術 30天分享(19) - CSS3 hack

30天分享(19) - CSS3 hack 由於 CSS3 在各家瀏覽器支援度不同，除了產生不同的樣式外，也可能會影響某些功能無法顯示，所以需要在 CSS 裡...

cretise0415 ‧ 2014-10-17

1 Like 0 留言 3052 瀏覽

鐵人賽開發技術 DAY 16

HTML5 & CSS3 系列第 16 篇

技術 30天分享(18) - 行內元素 & 區塊元素

30天分享(18) - 行內元素 & 區塊元素 CSS 的行內元素與區塊元素有不同的規則與預設樣式，區塊元素有以下標籤等 : <div>...

cretise0415 ‧ 2014-10-16

1 Like 0 留言 5741 瀏覽

鐵人賽開發技術 DAY 15

HTML5 & CSS3 系列第 15 篇

技術 30天分享(17) - 內部CSS & 外部CSS

CSS 置入檔案的方式有兩種，一種是從 HTML 外部匯入，另一種是從 CSS 內部匯入，(其實有四種方式，但其他兩種已經不建議使用) 先介紹外部匯入 :...

cretise0415 ‧ 2014-10-15

3 Like 1 留言 11858 瀏覽

鐵人賽 IT技術 DAY 28

新手前端日記系列第 28 篇

技術 [新手前端]CSS3動畫效果 transition, animation

簡介CSS3 裡的動畫效果，其實... 是W3C的文件精簡翻譯版另附神人範例說明。 CSS3的動畫效果可以藉由CSS的 keyframe 參數來控制動畫的...

chibc ‧ 2012-11-05

5 Like 2 留言 6640 瀏覽

鐵人賽 IT技術 DAY 27

新手前端日記系列第 27 篇

技術 [新手前端] 你還在點[網際網路]上網嗎? 快把IE換掉吧!!

這雖然和前端技術有點像是扯不上關係但是這和前端的美好未來可能有很多的關係，私心啦!! 你知道判斷一個網站有沒有運用HTML5技術最好的方法嗎? 就是用IE開啊...

chibc ‧ 2012-11-04

2 Like 1 留言 3963 瀏覽

鐵人賽 IT技術 DAY 20

新手前端日記系列第 20 篇

技術 [新手前端]純CSS喬巴又來了，css3- boxshadow

有病的人才會去做的東西，我有病 http://chibc.net/demo/purecss/ 點連結後可以看到，有個喬巴的圖示出現在畫面上，看原始碼，會發現只...

chibc ‧ 2012-10-28

3 Like 1 留言 12508 瀏覽

鐵人賽 IT技術 DAY 19

新手前端日記系列第 19 篇

技術 [翻譯]Border-radius:用CSS畫圓角

CSS3的圓角參數讓網頁開發者能輕鬆的使用圓角設計，不需要使用圖片或是大量的DIV標記，這大概是CSS3裡最令人印象深刻的功能了。自從2005年發佈的圓角屬性...

chibc ‧ 2012-10-27

3 Like 2 留言 4801 瀏覽

技術分享不分大小事-鐵人賽31/30MS Tech.Days Tw分享9：IE9Beta Night Party熱歌勁舞同歡

我想最近最受囑目的iT界大事莫過於Microsoft Tech.Days 2010 Taiwan這件事了！今天開始熊會陸陸續續分享參加的實際過程、跟大家一起分享...

台灣熊 ( gric ) ‧ 2010-11-01

10 Like 4 留言 6510 瀏覽

鐵人賽 IT人生鐵人 DAY 30

2010鐵人賽、iT馬克跟您一請分享iT人生！系列第 30 篇

技術分享不分大小事-30/30 MS Tech.Days 2010 Taiwan 分享8：WP-7&Silverlight

話說「地球是圓的」、「科技是神奇的」…咦？熊在講啥？喔～！是說時間很快到了30這個敏感數字、還記得30天前我是使用「分享不分大小事-2010鐵人賽1/30 年...

台灣熊 ( gric ) ‧ 2010-10-30

8 Like 0 留言 5411 瀏覽

鐵人賽 IT人生鐵人 DAY 28

2010鐵人賽、iT馬克跟您一請分享iT人生！系列第 28 篇

技術分享不分大小事-鐵人賽28/30 MS Tech.Days 2010 Taiwan 分享8：連接未來的 ASP.NET

我想最近最受囑目的iT界大事莫過於Microsoft Tech.Days 2010 Taiwan這件事了！今天開始熊會陸陸續續分享參加的實際過程、跟大家一起分享...

台灣熊 ( gric ) ‧ 2010-10-28

技術 30 天 CSS 隨手筆記 - 第 03 天 - WTF... Flexbox~!! ( 2 / 3 - 屬性介紹 )

技術 30 天 CSS 隨手筆記 - 第 02 天 - WTF... Flexbox~!! ( 1 / 3 - what & why & how )

技術 [贈書 & 抽獎] HTML5、CSS、JavaScript 認證教科書（碁峰）

技術 30天分享(30) - CSS3 區塊設定

技術 30天分享(29) - CSS3 多欄文字

技術 30天分享(28) - CSS3 動畫

技術 30天分享(27) - CSS3 Can I Use?

技術 MIS2000Lab.的「HTML5 認證考試，從零開始」#30-- 參加微軟認證考試（如何報名，以Prometric為例）

技術 30天分享(26) CSS3 RGBA 色彩

技術 30天分享(25) - CSS3 互動式動畫

技術 MIS2000Lab.的「HTML5 認證考試，從零開始」#27-- 將使用者介面（UI）變成動畫 ( CSS動畫 )

技術 30天分享(24) - CSS3 字型

技術 30天分享(23) - CSS3 文字

技術 30天分享(22) - CSS3 漸層

技術 30天分享(21) - CSS3 背景

技術 30天分享(20) - CSS3 邊框樣式

技術 30天分享(19) - CSS3 hack

技術 30天分享(18) - 行內元素 & 區塊元素

技術 30天分享(17) - 內部CSS & 外部CSS

技術 [新手前端]CSS3動畫效果 transition, animation

技術 [新手前端] 你還在點[網際網路]上網嗎? 快把IE換掉吧!!

技術 [新手前端]純CSS喬巴又來了，css3- boxshadow

技術 [翻譯]Border-radius:用CSS畫圓角

技術 分享不分大小事-鐵人賽31/30MS Tech.Days Tw分享9：IE9Beta Night Party熱歌勁舞同歡

技術 分享不分大小事-30/30 MS Tech.Days 2010 Taiwan 分享8：WP-7&Silverlight

技術 分享不分大小事-鐵人賽28/30 MS Tech.Days 2010 Taiwan 分享8：連接未來的 ASP.NET

標記使用者

技術分享不分大小事-鐵人賽31/30MS Tech.Days Tw分享9：IE9Beta Night Party熱歌勁舞同歡

技術分享不分大小事-30/30 MS Tech.Days 2010 Taiwan 分享8：WP-7&Silverlight

技術分享不分大小事-鐵人賽28/30 MS Tech.Days 2010 Taiwan 分享8：連接未來的 ASP.NET