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

5 Like 1 留言 15256 瀏覽

鐵人賽 Modern Web DAY 29

金魚都能懂的 CSS 選取器 - 金魚都能懂了你還怕學不會嗎系列第 29 篇

技術 :root 根目錄選取器 - 叫你阿爸出來講

本系列文章已集結成書，並於書中添加一些新篇章及細節補充，有興趣的朋友可至天瓏書局選購，感謝各位支持購書連結 https://www.tenlong.com.t...

CSScoke ‧ 2019-10-14

24 Like 3 留言 15229 瀏覽

鐵人賽影片教學 DAY 1

金魚都能懂的這個網頁畫面怎麼切 - 金魚都能懂了你還怕學不會嗎系列第 1 篇

達標好文技術金魚都能懂的這個網頁畫面怎麼切 : 圖文滿版區塊

本篇重點問題回顧: 列出重點希望各位可以好好的將影片回放複習喔，另外幾個重點問題中，Amos已經有影片的會直接附上連結給各位參考取用。為何需要reset...

CSScoke ‧ 2019-09-16 ‧團隊Amos的推坑教2.0

10 Like 2 留言 15156 瀏覽

鐵人賽開發技術 DAY 42

CSS沒有極限系列第 38 篇

技術 CSS - 利用jQuery套用Class(超簡單!)

CSS是專門處理網頁的樣式，在互動的部分都會使用javascript，雖然本網站之前的許多互動範例是純CSS，但會有相容性上的問題，而要簡易方式去寫互動的元件，...

卡斯伯 ‧ 2013-10-27

5 Like 3 留言 15149 瀏覽

鐵人賽自我挑戰組 DAY 1

前端之 " wow~原來是這樣啊 " 系列第 1 篇

達標好文技術 Day1 如何開始前端之路

抉擇從來不難，難在下定決心執行開始之前，說說自己踏入前端可能從來不在以前的自己想像中，也不會是長期規劃後的結果。大約兩個半月前，我還在前公司擔任 IE 工程...

Lai ‧ 2018-10-16 ‧團隊好想工作室第二屆鐵人賽

1 Like 0 留言 15104 瀏覽

鐵人賽開發技術 DAY 23

30天掌握Sass語法系列第 19 篇

技術 30天掌握Sass語法 - (23) 介紹Sass與Compass的config.rb設定

今天如果你創立了一個Compass專案後，會發現資料夾內會有一個config.rb，它的用處主要是拿來設定一些有用的參數，透過這一次分享來進行一一的介紹。...

廖洧杰 ‧ 2013-10-08

3 Like 3 留言 15028 瀏覽

鐵人賽 IT技術 DAY 28

只是路過 HTML5 系列第 28 篇

技術 ●筆記關於值的相對單位

現在來介紹一些CSS中的單位絕對大小：mm, cm, in, pt, pc 相對大小：em, ex 相對於設備(顯示器解析度)：px 常用的是px、em、%...

iamya ‧ 2012-11-05

5 Like 2 留言 15006 瀏覽

技術 30天掌握Sass語法 - (13)如何使用sublime text 2 打造撰寫Sass環境

Sublime text 2 網站連結： http://www.sublimetext.com/2 首先Sublime text 2是沒有提供Sass、Scss...

廖洧杰 ‧ 2013-09-28

3 Like 2 留言 15004 瀏覽

鐵人賽 Modern Web DAY 25

前端路上那些重要與不重要的小事系列第 25 篇

技術 Day25：小事之 CSS 偽元素與 content Property

W3C 寫道：content 屬性與 ::before 和 ::after 一起使用在文檔中生成內容。因此，使用 ::before 和 ::after 一定要...

小艾 ( Cami ) ‧ 2018-01-13 ‧團隊好想工作室第一屆鐵人賽

3 Like 0 留言 14772 瀏覽

鐵人賽自我挑戰組 DAY 24

每天來點 CSS Specification 系列第 24 篇

技術 CSS table

倘若不斷向深處扎根，就能茁壯成長 - RM 前言今天我們要介紹的是表格，表格本身屬於 table model，本身的結構在 HTML 中分別有對應的標籤（...

RURU Tseng ‧ 2019-10-09 ‧團隊好想工作室 v3.0

1 Like 0 留言 14718 瀏覽

鐵人賽 Modern Web DAY 14

Follow me! 來一場前端技能樹之旅系列第 14 篇

技術 [Day 14 - 小試身手] 用HTML、CSS、JS打造個人網站 (1)

所有的網站大概可以分成兩類：靜態網頁、動態網頁，靜態網頁顧名思義就是靜止的網頁，不會去太頻繁的更新內容；動態網頁則是會根據使用者的輸入而有不同的內容更新，包含的...

May ‧ 2021-09-27

2 Like 0 留言 14708 瀏覽

鐵人賽 Modern Web DAY 8

重新認識 Flex 和 Grid 系列第 8 篇

技術 [Day08] flexbox justify-content

接下來幾個屬性都和對齊有關，其中 justify-content 這個屬性擅長於操控"主軸上彈性項目的分布"，非常適合拿來調整內容。注意：...

placeholder name ‧ 2020-09-23

4 Like 1 留言 14555 瀏覽

鐵人賽開發技術 DAY 31

30天掌握Sass語法系列第 27 篇

技術 Sass開發流程設計 - (1) 切圖、規劃Layout

關於Sass的基礎在前30天已經介紹得差不多了，但畢竟理論的東西要導入自己的實務開發流程始終會有陣痛期。所以之後的文章我會用Sass從無到有實際做一個版型出...

廖洧杰 ‧ 2013-10-16

3 Like 0 留言 14232 瀏覽

鐵人賽 Modern Web DAY 26

前端新手村系列第 26 篇

技術前端新手村 @import 開心的結構化 CSS

「當你迷惘的時候，就回到原點想一想」-中華一番蘭飛鴻前言網頁前端新手村系列文章，宗旨並不在技術本身的教導，重點放在技術與技術之間的脈胳關係。讓零碎的網...

Chris ‧ 2018-01-05

11 Like 0 留言 13974 瀏覽

鐵人賽 Modern Web DAY 22

金魚都能懂的 CSS 選取器 - 金魚都能懂了你還怕學不會嗎系列第 22 篇

達標好文技術 :first-child & :last-child 頭尾選取器 - 有頭有尾有始有終的選取器

本系列文章已集結成書，並於書中添加一些新篇章及細節補充，有興趣的朋友可至天瓏書局選購，感謝各位支持購書連結 https://www.tenlong.com.t...

CSScoke ‧ 2019-10-07

5 Like 2 留言 13925 瀏覽

鐵人賽其他技術 DAY 27

快寫HTML靜態網頁系列第 24 篇

技術套用 Bootstrap 裡的導覽列

常會用到的導覽列，透過 Bootstrap 可快速地套用。常在網頁上的每一頁常用的樣版裡，會有同樣的導覽列出現，最常用的是連結、搜尋或登入的表格以及按鍵...

逮丸逮丸 ‧ 2013-10-12

4 Like 2 留言 13818 瀏覽

鐵人賽 Modern Web DAY 3

前端三十 - 成為更好的前端工程師系列第 3 篇

達標好文技術 03. [CSS] Reflow 及 Repaint 是什麼？

昨天聊了 HTML 控制 JavaScript 載入順序的方法，設定得宜可以提升不少效能；那麼今天就來聊聊可能造成 CSS 影響效能的其中兩位兇手：回流（R...

Gary ‧ 2019-09-19 ‧團隊Wow Doge!

0 Like 1 留言 13769 瀏覽

鐵人賽 Modern Web DAY 27

30天學習30套前端技術(2018年) 系列第 27 篇

技術 [十分鐘學習] Timeline.js - 時間軸

jQuery時間軸套件，使用簡單是它的優點 GitHub Star: 469Javascripting Overall: -瀏覽器: Chrome、Firef...

mfhsueh ‧ 2018-01-15

10 Like 1 留言 13545 瀏覽

鐵人賽開發技術 DAY 40

CSS沒有極限系列第 36 篇

技術 CSS - Flex的排版方式

css 範例：http://ashareaday.wcc.tw/#2013-10-25 flex是用來排版的CSS屬性，在本章就用所了解的flex來排版看看，並...

卡斯伯 ‧ 2013-10-25

2 Like 0 留言 13440 瀏覽

技術 [鼠年全馬鐵人挑戰] Week11 - 超新手學習筆記：CSS-container容器標籤

Hi~大家這周過的好嗎? 上週開始參加六角學院切版直播班，希望讓自已的切版能力越來越好但現在的程度還算是很新~所以希望能把在這八週學到的寫成筆記更加深印象~這週...

a841722 ‧ 2020-04-18

6 Like 0 留言 13432 瀏覽

鐵人賽 Modern Web DAY 23

金魚都能懂的CSS必學屬性系列第 23 篇

技術 Border & outline- 金魚都能懂的CSS必學屬性

border 主要用途是設定物件的邊框線， outline 是設定物件的外框線，這兩個很類似，但卻有一些細節有所差異，若是不清楚的話就可能會誤用，兩者的原始碼中...

CSScoke ‧ 2020-10-08

1 Like 1 留言 13063 瀏覽

鐵人賽 Modern Web DAY 11

30天學習30套前端技術(2018年) 系列第 11 篇

技術 [十分鐘學習] jquery-loading - 讀取中提示

起源於為了在讀取或運作中，鎖住特定物件，並同時保持讓瀏覽者可以操作頁面其他部分 GitHub Star: 131Javascripting Overall:...

mfhsueh ‧ 2017-12-30

5 Like 2 留言 12981 瀏覽

鐵人賽開發技術 DAY 41

30天掌握Sass語法系列第 37 篇

技術 Sass開發流程設計 - (11) Prepos 前端利器介紹

如果你希望可以立即寫Sass，不用去設定繁瑣的安裝流程，除了fire.app以外，你也可以選擇使用prepos，只要下載安裝完就可以直接玩Sass，這...

廖洧杰 ‧ 2013-10-26

3 Like 1 留言 12966 瀏覽

鐵人賽 IT技術 DAY 28

新手前端日記系列第 28 篇

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

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

chibc ‧ 2012-11-05

1 Like 0 留言 12937 瀏覽

鐵人賽自我挑戰組 DAY 18

從門外漢到前端新手系列第 18 篇

技術 Day18 CSS基本樣式-Background(上)

background屬性是用來聲明元素的背景，它可以大到網頁整個背景，也可以設定一個一個區塊的背景，或是小到像<button>、<a>都...

JinWen ‧ 2019-10-03 ‧團隊好想工作室 v3.0

5 Like 2 留言 12915 瀏覽

鐵人賽 IT技術 DAY 23

新手前端日記系列第 23 篇

技術 [新手前端]拿到視覺出的mockup，開始要切版了

就算是切版也是很講技巧的配圖和內文無關，只是我今天畫的萬聖應景圖而已... 前幾天的分享裡有聊到，前端的工作並不僅僅是切版而已，整個web的呈現部分都可以廣...

chibc ‧ 2012-10-31

2 Like 0 留言 12890 瀏覽

鐵人賽 Modern Web DAY 24

從平面轉型成網頁設計的 UI/UX 設計師系列第 24 篇

技術【Day 24】成為網頁設計師後，我再也不畫表格了！ - Word to HTML 線上工具

不知道各位網頁設計師，在製作設計稿的時候，有沒有遇過需要設計的表格內容超級多！類似部門人員介紹或人事績效考核的超長表格XD By 攝圖網 - 人事行政主管绩效考...

GG ‧ 2020-10-09 ‧團隊想吃薑母鴨

8 Like 0 留言 12846 瀏覽

鐵人賽 Modern Web DAY 4

金魚都能懂的CSS必學屬性系列第 4 篇

技術 Font-weight - 金魚都能懂的CSS必學屬性

Font-weight 的規則 font-weight基本上僅需指定一個值，其撰寫方式像是這樣 font-weight: bold; 好了!講完了，今天的金魚...

CSScoke ‧ 2020-09-19

0 Like 0 留言 12773 瀏覽

鐵人賽 Modern Web DAY 12

從零開始的網頁設計系列第 13 篇

技術 Day12 : 切版(2) _ 基礎樣式 2 ：滑鼠滑過變更顏色

那今天要來寫的是關於選單的部分那我們要讓他變成這樣這邊沒有什麼新的屬性 .menu ul li { font-size: 1.3em; fo...

樂樂 ‧ 2017-12-26

7 Like 1 留言 12596 瀏覽

鐵人賽 DAY 27

Rails 的簡單任務系列第 29 篇

技術 [RoR] 簡單加入 Tag Cloud 標籤雲功能

接續上一篇 [RoR] 簡單加入 Tag, Tagging 標籤功能，還需要把所有的標籤列出來，並且可以用 Tag Cloud 的方式呈獻，就是像 IT邦幫忙...

逮丸逮丸 ‧ 2008-10-11

2 Like 0 留言 12566 瀏覽

技術 CSS - Grid 介紹與使用

Gird 是一種 CSS 的網格系統，他出來也有一陣子了，直到最近突然想到我還沒認真看過XD，所以想說該來還債拉，這篇就跟大一起來學習一下如何使用 Gird，那...

Ares ‧ 2020-06-02