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

9 Like 2 留言 21886 瀏覽

達標好文技術 CSS - 網頁列印與樣式

今天要來介紹一個比較不常用的東西，那就是 CSS 中的列印，在以前常常會將網頁列印出來，所以經常會使用到這個屬性，時到今日，使用的時機越來越少，只有一些報表有用...

Ares ‧ 2020-06-21

5 Like 0 留言 4562 瀏覽

技術 Sass/Scss 基礎知識學習筆記

Sass/Scss是一個非常好用的預處理器，所謂預處理器，就是可以在我們轉變成CSS之前，更有結構性寫、簡潔、清晰且好維護的 CSS 程式碼，在大型專案中可說是...

no027843 ‧ 2020-06-02

2 Like 0 留言 11183 瀏覽

技術 CSS - Grid 介紹與使用

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

Ares ‧ 2020-06-02

1 Like 1 留言 4593 瀏覽

技術 [鼠年全馬鐵人挑戰] Week15 - 超新手學前端 - Bootstrap 4 概念筆記

什麼是 Bootstrap 4 Bootstrap 是一種由 HTML、CSS 和 JavaScript 寫成的前端框架，可以更快更方便的開發網站Bootstr...

a841722 ‧ 2020-05-17

2 Like 0 留言 3189 瀏覽

技術 [鼠年全馬鐵人挑戰] Week13 - 超新手學習筆記：如何開始撰寫 RWD

又過了一週啦~一樣是超忙的一週~~下班回家努力練習切版直播的作業，不過這次的版型比較複雜所以卡關了QQ真的是燒腦燒到一個極點這次的作業除了 PC 版之外，還需練...

a841722 ‧ 2020-05-03

3 Like 0 留言 1367 瀏覽

技術 JS30 Day 2 - CSS + JS Clock 學習筆記

以下為原始檔 https://github.com/87JoJo/02---JS-and-CSS-Clock 這次的練習，是要做一個小時鐘，而重點在於CSS的撰...

no027843 ‧ 2020-04-23

4 Like 0 留言 1935 瀏覽

技術 [鼠年全馬鐵人挑戰] Week 7-從別人的部落格(轉職歷程)領悟到學習應不疾不徐

從別人的部落格(轉職歷程)領悟到學習應不疾不徐今天分享筆記之外的心境，最近因為開始工作，在學習的時間變的比較無法自由掌握。因此學習有些緩慢下來!! 那為什...

Dy.H ‧ 2020-04-23

3 Like 0 留言 7781 瀏覽

技術 CSS-Grid 學習筆記

今天也來分享一下，自己昨天從AMOS大大的直播，所學到的CSS grid知識，有誤的地方，歡迎指證並還請見諒，謝謝! CSS Grid有點線面的概念，可以應用在...

no027843 ‧ 2020-04-22

2 Like 0 留言 13148 瀏覽

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

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

a841722 ‧ 2020-04-18

2 Like 0 留言 5179 瀏覽

技術 [鼠年全馬鐵人挑戰] Week10 - 超新手入門：CSS - 文字的不同變化

Hi~~大家這週的過的好嗎?現在最好防疫就是待在家別亂跑吧~當然我也好好待在家好好寫文啦~雖然好燒腦(大誤XDD上星期介紹完 CSS 的基本語法後，今天來寫寫...

a841722 ‧ 2020-04-12

4 Like 1 留言 2578 瀏覽

技術 [鼠年全馬鐵人挑戰] Week09 - 超新手入門：CSS 的基本語法

大家好啊~~又見面惹~ 不知道清明連假大家有沒有乖乖待在家防疫還是有出遠門走走呢? 四天連假只待在離家不遠的地方走走運動，其餘時間就是待在家休息感覺待在家才是...

a841722 ‧ 2020-04-04

0 Like 2 留言 6656 瀏覽

徵才【均一平台教育基金會】徵【軟體工程師】

團隊介紹均一平台教育基金會（Junyi Academy Foundation，簡稱均一）是一個致力於「讓每一位孩子都有機會成為終身學習者」的非營利組織。我們...

junyiacademy_小均 ‧ 2020-03-16

2 Like 1 留言 1387 瀏覽

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

切版練習日期: 2020/02/14觀看影片 : CssCoke - "金魚都能懂的網頁切版 : 網頁頁尾版塊 NO006" &&a...

Fandix ‧ 2020-02-15

3 Like 2 留言 2898 瀏覽

技術 [鼠年全馬鐵人挑戰] Week 2-網頁排版筆記: 修練前的寶物

暨上一篇學習遇到低潮期，搜尋網友的#技術文章分享在iT邦幫忙，發現這篇「金魚都能懂網頁設計入門」 Amos 老師分享的技術文，說到筆記學習方法「XMind」...

Dy.H ‧ 2020-02-14

2 Like 0 留言 1992 瀏覽

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

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

Fandix ‧ 2020-02-12

0 Like 0 留言 5998 瀏覽

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

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

TOM ‧ 2020-01-09

2 Like 0 留言 5524 瀏覽

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

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

菜鳥碼農 ‧ 2019-12-26

1 Like 0 留言 3562 瀏覽

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

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

laidasan ‧ 2019-12-04

3 Like 0 留言 2279 瀏覽

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

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

Mack Chan ‧ 2019-12-09

5 Like 3 留言 32775 瀏覽

鐵人賽自我挑戰組

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

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

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

Alec ‧ 2019-11-01

5 Like 1 留言 19528 瀏覽

鐵人賽自我挑戰組

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

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

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

Alec ‧ 2019-10-28

3 Like 11 留言 2110 瀏覽

鐵人賽 Modern Web DAY 30

重新認識 CSS 系列第 30 篇

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

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

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

4 Like 13 留言 21324 瀏覽

鐵人賽自我挑戰組 DAY 30

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

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

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

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

16 Like 4 留言 16358 瀏覽

鐵人賽 Modern Web DAY 30

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

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

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

CSScoke ‧ 2019-10-15

5 Like 1 留言 14802 瀏覽

鐵人賽 Modern Web DAY 29

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

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

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

CSScoke ‧ 2019-10-14

4 Like 0 留言 4204 瀏覽

鐵人賽影片教學 DAY 29

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

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

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

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

1 Like 0 留言 2114 瀏覽

鐵人賽 Modern Web DAY 29

重新認識 CSS 系列第 29 篇

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

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

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

1 Like 1 留言 1802 瀏覽

鐵人賽自我挑戰組 DAY 29

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

技術 flex 7

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

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

1 Like 1 留言 4694 瀏覽

鐵人賽自我挑戰組 DAY 29

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

技術 Day25 CSS：Position

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

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

1 Like 0 留言 1580 瀏覽

鐵人賽自我挑戰組 DAY 29

每天來點 CSS Specification 系列第 29 篇

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

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

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

達標好文 技術 CSS - 網頁列印與樣式

技術 Sass/Scss 基礎知識 學習筆記

技術 CSS - Grid 介紹與使用

技術 [鼠年全馬鐵人挑戰] Week15 - 超新手學前端 - Bootstrap 4 概念筆記

技術 [鼠年全馬鐵人挑戰] Week13 - 超新手學習筆記：如何開始撰寫 RWD

技術 JS30 Day 2 - CSS + JS Clock 學習筆記

技術 [鼠年全馬鐵人挑戰] Week 7-從別人的部落格(轉職歷程)領悟到學習應不疾不徐

技術 CSS-Grid 學習筆記

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

技術 [鼠年全馬鐵人挑戰] Week10 - 超新手入門：CSS - 文字的不同變化

技術 [鼠年全馬鐵人挑戰] Week09 - 超新手入門：CSS 的基本語法

徵才 【均一平台教育基金會】 徵【軟體工程師】

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

技術 [鼠年全馬鐵人挑戰] Week 2-網頁排版筆記: 修練前的寶物

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

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

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

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

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

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

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

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

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

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

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

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

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

技術 flex 7

技術 Day25 CSS：Position

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

標記使用者

達標好文技術 CSS - 網頁列印與樣式

技術 Sass/Scss 基礎知識學習筆記

徵才【均一平台教育基金會】徵【軟體工程師】

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

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

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

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

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

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

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

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

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

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