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

2 Like 0 留言 1606 瀏覽

技術 [紀錄] Day1 切版練習筆記

2020/02/12 觀看CssCoke大大的Youtube金魚也懂的網也切版，"金魚都能懂的網頁切版 : 超通用橫式版面 NO005"跟著...

Fandix ‧ 2020-02-12

0 Like 0 留言 5872 瀏覽

徵才【台北市】前端工程師(近捷運松江南京站)-APO

我們需要您具備以下能力：1、從事前端開發2年及以上，精通各種前端技術，包括HTML/CSS/JavaScript/Node.JS等2、具備跨終端的前端開發能力，...

TOM ‧ 2020-01-09

2 Like 0 留言 4917 瀏覽

技術 CSS線性漸層文字如何寫?

概念: 1.先用linear-gradient 在background 做出漸層效果 background: -webkit-linear-gradien...

菜鳥碼農 ‧ 2019-12-26

3 Like 0 留言 2019 瀏覽

技術 WordPress 教學：如何制作【平滑感】的 CSS 輕陰影？

有時要把陰影調整得非常 “Smooth 順滑” 是一件不輕鬆的事情，如果沒有受過正規的學術訓練，尤其容易弄巧成難看的陰影，雖然這非常主觀，但不妨多參考國外的優...

Mack Chan ‧ 2019-12-09

1 Like 0 留言 2524 瀏覽

技術【CSS筆記】實現等高欄位

第一種:border 解說:利用中間欄位的border-left與border-right來實現視覺上的等高效果，但缺點很明顯:「左右兩邊內容超出中間欄位時，會...

laidasan ‧ 2019-12-04

5 Like 3 留言 29888 瀏覽

鐵人賽自我挑戰組

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 34 篇

技術要開始使用 Bootstrap 4 前，我們先了解幾個它的通用模式吧

前情提要：讓我們站在巨人的肩膀上，如何在專案中導入 Bootstrap 4 並客製它 ★首先這篇文章適合以下背景的人閱讀：熟悉 HTML、CSS 知道如何...

Alec ‧ 2019-11-01

0 Like 0 留言 2364 瀏覽

技術淺談BEM CSS

淺談BEM CSS-CSS設計模式與架構前言 BEM是Block Element Modifier的縮寫，BEM 是一種為了讓CSS Class 更好維護...

yolala ‧ 2019-10-29

5 Like 1 留言 17603 瀏覽

鐵人賽自我挑戰組

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 33 篇

技術讓我們站在巨人的肩膀上，如何在專案中導入 Bootstrap 4 並客製它

程式設計的世界有一句俗話叫做，不要重複造輪子，意思就是說，別人已經寫好了的程式，就不要再自己重複寫了，除非是想要練習，想要了解原理，讓自己將來也有機會為別人造...

Alec ‧ 2019-10-28

3 Like 11 留言 1738 瀏覽

鐵人賽 Modern Web DAY 30

重新認識 CSS 系列第 30 篇

技術重新認識 CSS - 總結 & 系列目錄

前言「重新認識 CSS」這個系列名稱的由來就如其名，我想要重新認識它。雖然以前就有學過 CSS，但這次想從 CSS Spec 中學到最原始的定義和內容，更加...

Titangene ‧ 2019-10-15 ‧團隊好想工作室 v3.0

4 Like 13 留言 15840 瀏覽

鐵人賽自我挑戰組 DAY 30

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

達標好文技術 Day30 CSS：Transform: translate

Transform是CSS中，用來改變視覺格式化模型（visual formatting model）的各種型態，且它具有三維的概念，可以聲明元素的三維視覺效果...

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

15 Like 4 留言 14992 瀏覽

鐵人賽 Modern Web DAY 30

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

達標好文技術學習路徑懶人包 - CSS 選取器學習地圖

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

CSScoke ‧ 2019-10-15

5 Like 1 留言 12868 瀏覽

鐵人賽 Modern Web DAY 29

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

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

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

CSScoke ‧ 2019-10-14

4 Like 0 留言 3609 瀏覽

鐵人賽影片教學 DAY 29

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

技術金魚都能懂的這個網頁畫面怎麼切 : 拼拼版重構

大家好～我是 Amos，這次要跟大家分享的是切版的教學，如果您本身對於 HTML & CSS 的基礎還不了解的話，建議您可以先看去年鐵人的基礎教學金魚...

CSScoke ‧ 2019-10-14 ‧團隊Amos的推坑教2.0

1 Like 0 留言 1534 瀏覽

鐵人賽 Modern Web DAY 29

重新認識 CSS 系列第 29 篇

技術重新認識 CSS - z-index & stacking context

前言「重新認識 CSS」這個系列名稱的由來就如其名，我想要重新認識它。雖然以前就有學過 CSS，但這次想從 CSS Spec 中學到最原始的定義和內容，更加...

Titangene ‧ 2019-10-14 ‧團隊好想工作室 v3.0

1 Like 1 留言 1545 瀏覽

鐵人賽自我挑戰組 DAY 29

前端新手進化史系列第 29 篇

技術 flex 7

文章將陸續整理並更新至個人部落格。 flex 有自己專屬的對齊屬性，vertical-align、text-align 甚至 float 都是叫不動 f...

yachen ‧ 2019-10-14 ‧團隊好想工作室 v3.0

1 Like 0 留言 1022 瀏覽

鐵人賽自我挑戰組 DAY 29

每天來點 CSS Specification 系列第 29 篇

技術話說 Media Query 是什麼呢？（下）

Media feature 以下列出各種面向的 Media feature，一般來說較常使用的可能是有關於設備的顯示區域大小，應用在響應式網站時非常有用，除此以...

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

1 Like 1 留言 3894 瀏覽

鐵人賽自我挑戰組 DAY 29

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

技術 Day25 CSS：Position

position是用來定位元素的屬性。它是指定top、left、right、bottom的數值，來決定元素的位置。而它的定位是依照基準來位移，基準依positi...

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

4 Like 0 留言 1646 瀏覽

鐵人賽影片教學 DAY 28

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

技術金魚都能懂的這個網頁畫面怎麼切 : 快速版面拼拼樂

大家好～我是 Amos，這次要跟大家分享的是切版的教學，如果您本身對於 HTML & CSS 的基礎還不了解的話，建議您可以先看去年鐵人的基礎教學金魚...

CSScoke ‧ 2019-10-13 ‧團隊Amos的推坑教2.0

2 Like 0 留言 13830 瀏覽

鐵人賽 Modern Web DAY 28

重新認識 CSS 系列第 28 篇

技術重新認識 CSS - visibility

前言「重新認識 CSS」這個系列名稱的由來就如其名，我想要重新認識它。雖然以前就有學過 CSS，但這次想從 CSS Spec 中學到最原始的定義和內容，更加...

Titangene ‧ 2019-10-13 ‧團隊好想工作室 v3.0

0 Like 0 留言 3341 瀏覽

鐵人賽自我挑戰組 DAY 28

前端新手進化史系列第 28 篇

技術 flex 6

文章將陸續整理並更新至個人部落格。 vertical-align、text-align 甚至 float 都是叫不動 flex items 的，flex...

yachen ‧ 2019-10-13 ‧團隊好想工作室 v3.0

6 Like 1 留言 3861 瀏覽

鐵人賽 Modern Web DAY 28

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

技術 :disabled & :enabled 表單用僞類選取器 - 一眼看穿那些不能按的按鈕

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

CSScoke ‧ 2019-10-13

1 Like 0 留言 1137 瀏覽

鐵人賽自我挑戰組 DAY 28

每天來點 CSS Specification 系列第 28 篇

技術話說 Media Query 是什麼呢？（中）

倘若不斷向深處扎根，就能茁壯成長 - RM 前言昨天我們提到了 Media query 的構成以及意義，了解到在對不同設備有不同的樣式設定時可以使用 Me...

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

2 Like 1 留言 7343 瀏覽

鐵人賽自我挑戰組 DAY 28

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

技術 Day28 CSS：Float

Float浮動屬性 float的使用，通常是想在版面上做出文繞圖的效果，但也可以應用在元素的左右對齊。float屬性有下列定位特性：讓元素脫離normal...

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

1 Like 0 留言 1439 瀏覽

鐵人賽 Modern Web DAY 27

重新認識 CSS 系列第 27 篇

技術重新認識 CSS - overflow

前言「重新認識 CSS」這個系列名稱的由來就如其名，我想要重新認識它。雖然以前就有學過 CSS，但這次想從 CSS Spec 中學到最原始的定義和內容，更加...

Titangene ‧ 2019-10-12 ‧團隊好想工作室 v3.0

0 Like 0 留言 5863 瀏覽

鐵人賽自我挑戰組 DAY 27

前端新手進化史系列第 27 篇

技術 flex 5

文章將陸續整理並更新至個人部落格。上一篇文章中說明了 flex 屬性是 flex-grow、flex-shrink、flex-basis 三個屬性的...

yachen ‧ 2019-10-12 ‧團隊好想工作室 v3.0

7 Like 2 留言 6955 瀏覽

鐵人賽 Modern Web DAY 27

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

技術 :nth-of-type() & :nth-last-of-type() - 你覺得燒腦但其實根本不燒腦的選取器趴兔

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

CSScoke ‧ 2019-10-12

0 Like 0 留言 21616 瀏覽

鐵人賽自我挑戰組 DAY 27

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

技術 Day27 CSS：Display

在認識了normal flow中BFC與IFC的概念後，我們要來認識以這兩個佈局規則為基準的display屬性。display屬性也有特殊的佈局如flex及gr...

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

1 Like 2 留言 3214 瀏覽

鐵人賽自我挑戰組 DAY 27

每天來點 CSS Specification 系列第 27 篇

技術話說 Media Query 是什麼呢？（上）

倘若不斷向深處扎根，就能茁壯成長 - RM 前言現在透過桌機、筆電、手機、平板，輕輕一操作便可以上網，考慮到各種設備的顯示像素以及大小與維護網頁親和性之間...

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

11 Like 3 留言 23209 瀏覽

鐵人賽 Modern Web DAY 26

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

達標好文技術 :nth-child() & :nth-last-child() - 你覺得燒腦但其實根本不燒腦的選取器

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

CSScoke ‧ 2019-10-11

1 Like 0 留言 1114 瀏覽

鐵人賽 Modern Web DAY 26

重新認識 CSS 系列第 26 篇

技術重新認識 CSS - Inline formatting context (IFC)

前言「重新認識 CSS」這個系列名稱的由來就如其名，我想要重新認識它。雖然以前就有學過 CSS，但這次想從 CSS Spec 中學到最原始的定義和內容，更加...

Titangene ‧ 2019-10-11 ‧團隊好想工作室 v3.0

技術 [紀錄] Day1 切版練習筆記

徵才 【台北市】前端工程師(近捷運松江南京站)-APO

技術 CSS線性漸層文字如何寫?

技術 WordPress 教學：如何制作【平滑感】的 CSS 輕陰影？

技術 【CSS筆記】實現等高欄位

技術 要開始使用 Bootstrap 4 前，我們先了解幾個它的通用模式吧

技術 淺談BEM CSS

技術 讓我們站在巨人的肩膀上，如何在專案中導入 Bootstrap 4 並客製它

技術 重新認識 CSS - 總結 & 系列目錄

達標好文 技術 Day30 CSS：Transform: translate

達標好文 技術 學習路徑懶人包 - CSS 選取器學習地圖

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

技術 金魚都能懂的這個網頁畫面怎麼切 : 拼拼版重構

技術 重新認識 CSS - z-index & stacking context

技術 flex 7

技術 話說 Media Query 是什麼呢？（下）

技術 Day25 CSS：Position

技術 金魚都能懂的這個網頁畫面怎麼切 : 快速版面拼拼樂

技術 重新認識 CSS - visibility

技術 flex 6

技術 :disabled & :enabled 表單用僞類選取器 - 一眼看穿那些不能按的按鈕

技術 話說 Media Query 是什麼呢？（中）

技術 Day28 CSS：Float

技術 重新認識 CSS - overflow

技術 flex 5

技術 :nth-of-type() & :nth-last-of-type() - 你覺得燒腦但其實根本不燒腦的選取器趴兔

技術 Day27 CSS：Display

技術 話說 Media Query 是什麼呢？（上）

達標好文 技術 :nth-child() & :nth-last-child() - 你覺得燒腦但其實根本不燒腦的選取器

技術 重新認識 CSS - Inline formatting context (IFC)

標記使用者

徵才【台北市】前端工程師(近捷運松江南京站)-APO

技術【CSS筆記】實現等高欄位

技術要開始使用 Bootstrap 4 前，我們先了解幾個它的通用模式吧

技術淺談BEM CSS

技術讓我們站在巨人的肩膀上，如何在專案中導入 Bootstrap 4 並客製它

技術重新認識 CSS - 總結 & 系列目錄

達標好文技術 Day30 CSS：Transform: translate

達標好文技術學習路徑懶人包 - CSS 選取器學習地圖

技術金魚都能懂的這個網頁畫面怎麼切 : 拼拼版重構

技術重新認識 CSS - z-index & stacking context

技術話說 Media Query 是什麼呢？（下）

技術金魚都能懂的這個網頁畫面怎麼切 : 快速版面拼拼樂

技術重新認識 CSS - visibility

技術話說 Media Query 是什麼呢？（中）

技術重新認識 CSS - overflow

技術話說 Media Query 是什麼呢？（上）

達標好文技術 :nth-child() & :nth-last-child() - 你覺得燒腦但其實根本不燒腦的選取器

技術重新認識 CSS - Inline formatting context (IFC)