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

1 Like 0 留言 1676 瀏覽

鐵人賽 Modern Web DAY 2

挑戰 CSS 30 天系列第 2 篇

技術 day2_background

挑戰 CSS 第二天，練習基本與重要的背景屬性：background-color 和 background-image 範例如下： <!DOCTYPE h...

小斑 ‧ 2017-12-05

1 Like 1 留言 1979 瀏覽

鐵人賽 Modern Web DAY 1

挑戰 CSS 30 天系列第 1 篇

技術 day1_連接樣式

在網頁上連接的預設樣式為藍色，且有下劃線。改變此預設的樣式之範例： <!DOCTYPE html> <html> <head&...

小斑 ‧ 2017-12-04

0 Like 0 留言 3056 瀏覽

鐵人賽 Modern Web DAY 2

重新學習網頁設計系列第 2 篇

技術 DAY 2. CSS 特定度 Specificity

很抱歉 Day 2 並沒有承接著Day 1的內容原因是我在思考內容時總會聯想到許多東西, 而那些東西都讓我想好好地複習、更新且該篇核心內容並不足以成為一篇文章，...

Cian ‧ 2017-12-05

0 Like 0 留言 1956 瀏覽

徵才日商公司招募企業內部員工(正社員)：IT工程師

日商公司招募企業內部員工(正社員)：IT工程師１１／２７、１１／２８將來台灣開辦選考會，有興趣的人，歡迎留言哦！雇用形態：正社員※入社後2ヶ月の試用期間あり。た...

apptlitaiwan ‧ 2017-11-16

2 Like 0 留言 1750 瀏覽

徵才 PHP軟體工程師(工作地：台中市)

工作內容：依據任務分組負責軟體系統的程式撰寫、版本測試及上線後的維護工作，確保系統正常運行。技能要求：熟悉PHP、MariaDB(或MySQL)、Apac...

hirecruitor ‧ 2017-11-14

0 Like 0 留言 3556 瀏覽

徵才【日商公司】徵➀前端工程師➁HTML碼編(網頁製作)

【公司簡介】沖縄県最大的網路媒體在台灣設點！主要從事網路行銷専門的公司。數位行銷、Web網站制作、SNS等活用、有日本国内、海外，有効果的行銷、提升販賣等實績。...

star03117 ‧ 2017-06-19

1 Like 1 留言 1894 瀏覽

鐵人賽自我挑戰組 DAY 18

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

技術 30 天 CSS 隨手筆記 - 第 18 天 - UX 相關的眉角 ( 2/3 )

主要參考 CSS SECRETS 這本書裡面的內容作筆記~ 可滾動的提示我自己是個很遲鈍的使用者 =艸=不知道大家有沒有類似的經驗，還記得之前我一直找不到在...

lazy_shyu ‧ 2017-01-02

1 Like 0 留言 2631 瀏覽

鐵人賽自我挑戰組 DAY 17

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

技術 30 天 CSS 隨手筆記 - 第 17 天 - UX 相關的眉角 ( 1/3 )

主要參考 CSS SECRETS 這本書裡面的內容作筆記~ 添加點擊的感應範圍現在使用手機瀏覽網頁的人越來越多了，在頁面的設計上，當然也要更考慮在小螢幕上的...

lazy_shyu ‧ 2017-01-01

1 Like 1 留言 3000 瀏覽

鐵人賽 Modern Web DAY 30

CSS 實戰心法系列第 30 篇

技術 CSS 鐵人賽的結束與接下來的研究

相較於 Javascript 來說，CSS 的演進速度算是非常緩慢的，主要原因當然是瀏覽器的相容性，瀏覽器不太能因為新的特色加入而毀了以前所建置的網站。在這個...

卡斯伯 ‧ 2016-12-30

1 Like 0 留言 4775 瀏覽

鐵人賽 Modern Web DAY 29

CSS 實戰心法系列第 29 篇

技術 CSS 實戰小技巧 - 不使用 important 的高優先值技巧

在維護舊的專案很多必須放下自尊，用一些手段來維持成果的運作，但有些作法如果過於殘暴可能會影響到未來的維護，CSS !important 就是一個很好用的手段，他...

卡斯伯 ‧ 2016-12-29

1 Like 0 留言 2807 瀏覽

鐵人賽 Modern Web DAY 28

CSS 實戰心法系列第 28 篇

技術實戰小技巧 - iOS 表單的使用者體驗優化

最後幾篇再來額外介紹一些小技巧，這些小技巧都是非常冷門的卻是實用的手法，分享給大家參考看看。先前有一位朋友詢問到 iOS 表單有個小問題讓他困擾，就是用戶在...

卡斯伯 ‧ 2016-12-28

3 Like 0 留言 2965 瀏覽

鐵人賽 Modern Web DAY 27

CSS 實戰心法系列第 27 篇

技術 CSS 框架自幹心得 - 失敗三次的框架建構經驗

先前提到過有自幹過框架，主要的經驗是兩次，第三次就不再完全重新自幹了，每次到了最後都會發現有些概念不夠完美，然後修正前一版的錯誤再出發一次!?後來發現自幹本身就...

卡斯伯 ‧ 2016-12-27

1 Like 0 留言 2944 瀏覽

鐵人賽 Modern Web DAY 26

CSS 實戰心法系列第 26 篇

技術實戰心法 - 應避免的 Sass @extend

Sass 的 @extend 可以將相同的樣式整理再一起，在其他語言來說是非常帥氣的技法，但在 CSS 中請警慎使用。就如同本篇鐵人賽一開始所介紹到的 OOC...

卡斯伯 ‧ 2016-12-26

1 Like 1 留言 2494 瀏覽

鐵人賽 Modern Web DAY 25

CSS 實戰心法系列第 25 篇

技術實戰心法 - Sass Map 快出產出大量樣式

上一篇介紹了很短的程式碼產生一整組 Grid System，然後還提供變數讓 Grid 還有額外的參數可以設定，手寫的 CSS 如果要重新計算 12 組以上的計...

卡斯伯 ‧ 2016-12-25

1 Like 1 留言 2613 瀏覽

鐵人賽 Modern Web DAY 24

CSS 實戰心法系列第 24 篇

技術實戰心法 - 自幹 Grid System

自己本身是不常自幹 Grid，但透過自幹會了解更細的運作原理，grid system 和其他元件不太一樣，他是屬於外容器型的元件，一層包覆著一層變化性相當高，如...

卡斯伯 ‧ 2016-12-24

2 Like 0 留言 2808 瀏覽

鐵人賽 Modern Web DAY 23

CSS 實戰心法系列第 23 篇

技術實戰心法 - 常見的垂直置中手法

上一章節介紹了各種 Utilities ，唯獨垂直置中不介紹，因為在製作、使用垂直置中時要先思考 "支援的瀏覽器"，就算現在全部 IE 的使...

卡斯伯 ‧ 2016-12-23

1 Like 0 留言 2206 瀏覽

鐵人賽 Modern Web DAY 22

CSS 實戰心法系列第 22 篇

技術實戰心法 - 經常使用，但卻容易被忽視的 CSS

Bootstrap 3 載入以後其實就有包含大部分的元件，原本的設計概念上是希望透過一套框架就能滿足大多的需求，但實際在專案運作時有許多客製化需要微調，而很多微...

卡斯伯 ‧ 2016-12-22

1 Like 1 留言 3253 瀏覽

鐵人賽 Modern Web DAY 21

CSS 實戰心法系列第 21 篇

技術 Bootstrap 透過 Sass 新增自定義元件

許多人在使用 Bootstrap 時，如果有需要新增、調整，都是寫在 CSS 的後方或是另開一個新檔透過 "覆蓋" 的特性來新增、調整。先前...

卡斯伯 ‧ 2016-12-21

3 Like 0 留言 3990 瀏覽

鐵人賽 Modern Web DAY 20

CSS 實戰心法系列第 20 篇

技術 Sass 資料夾結構

對於 Bootstrap 有一定了解後，我們即將要開始新增元件，不過在新增前我在分享一下 Sass 開發時的資料結構。 Sass 資料夾結構相信大家也聽說 SM...

卡斯伯 ‧ 2016-12-20

1 Like 0 留言 8222 瀏覽

鐵人賽 Modern Web DAY 19

React - DOM界的彼方系列第 19 篇

技術 Day19: React篇: TodoList程式 + 樣式(Style)

本章的目標是在React元件中的套用樣式(Style)，而且可以因狀態改變的作樣式變化，從上一章的程式碼作這些修改都是很簡單的，在React中使用CSS的樣式...

eyesofkids ‧ 2016-12-19

1 Like 0 留言 3233 瀏覽

鐵人賽 Modern Web DAY 19

CSS 實戰心法系列第 19 篇

技術 Bootstrap 一次看懂元件的使用組合

Bootstrap 的官方文件有完整的說明以及範例，就算是如此，還是會有許多朋友希望有快速入門的介紹，本篇就來介紹絕大部分 Bootstrap 元件的組合手法，...

卡斯伯 ‧ 2016-12-19

2 Like 0 留言 2864 瀏覽

鐵人賽 Modern Web DAY 18

CSS 實戰心法系列第 18 篇

技術 Bootstrap 元件分類概觀 (content, container)

接下來我們依循著 OOCSS 與 Bootstrap 的設計模式繼續擴資、修改元件，不過在繼續下一個階段以前，我們先來了解一下 Bootstrap 的設計模式。...

卡斯伯 ‧ 2016-12-18

2 Like 0 留言 2802 瀏覽

鐵人賽 Modern Web DAY 16

CSS 實戰心法系列第 16 篇

技術將 Bootstrap 導入自動化流程

先前的流程我們將 Gulp 的基礎流程已經建立起來了，現在我們要將 Bootstrap 導入自動化流程，讓接下來的客製化更為容易。 Bower 本範例是使用大...

卡斯伯 ‧ 2016-12-16

1 Like 0 留言 2858 瀏覽

鐵人賽 Modern Web DAY 15

CSS 實戰心法系列第 15 篇

技術為什麼 Boostrap (這篇很短~)

Bootstrap 是目前主流的 CSS 框架，先前也有提到，在起初我是很不喜歡 Bootstrap 的框架，認為他搶走我大部分的工作且缺乏特色，但在研究後會發...

卡斯伯 ‧ 2016-12-15

1 Like 0 留言 2287 瀏覽

鐵人賽 Modern Web DAY 14

CSS 實戰心法系列第 14 篇

技術 Gulp - Webserver

Gulp 很適合搭配任何其他的前後端結構，就先前介紹的幾個章節，只要略為修改輸入及輸出的路徑即可；除了搭配其他後端結構外，Gulp 也有適合直接開發的方法，本章...

卡斯伯 ‧ 2016-12-14

1 Like 0 留言 3374 瀏覽

鐵人賽 Modern Web DAY 13

CSS 實戰心法系列第 13 篇

技術 Gulp - 在本地端製作 Icon Fonts

網頁設計都會需要大量的小 icon，現在的 icon 都傾向使用 web fonts 來處理，因為 web font 所製作的 icon 有以下的好處：載入...

卡斯伯 ‧ 2016-12-13

1 Like 0 留言 2080 瀏覽

鐵人賽 Modern Web DAY 12

CSS 實戰心法系列第 12 篇

技術 Gulp - 定義預設開發環境

今天的進度來做個小調整，讓大家在使用 Gulp 時就能相容於目前的環境，目前使用的主要套件有：gulp-sass、gulp-postcss，這次調整後會有一個主...

卡斯伯 ‧ 2016-12-12

1 Like 0 留言 3084 瀏覽

鐵人賽 Modern Web DAY 11

CSS 實戰心法系列第 11 篇

技術 Gulp - 透過 PostCSS 加入 CSS Prefix

說到 CSS prefix 相信大家都不是很清楚當下主流版本的 prefix 有哪些是必要？又有哪些是不必要的？以往都是使用 Sass 的 Compass 來...

卡斯伯 ‧ 2016-12-11

0 Like 0 留言 1831 瀏覽

技術 JavaScript專案學習筆記 -鍵盤監聽 1/30天

感謝https://javascript30.com/的免費教程 Demo：http://codepen.io/FutureFronterAndy/pen/Vm...

阿盧 ‧ 2016-12-11

8 Like 0 留言 5662 瀏覽

鐵人賽 Modern Web DAY 5

Half-Stack Developer 養成計畫系列第 5 篇

技術為自己的人生鮮艷上色：CSS

為自己的人生鮮艷上色：CSS 在大概熟悉 HTML 以後，你可能會發現一件事：靠腰，我的網頁為什麼長那麼醜？沒錯，慘不忍睹的程度大概就跟你照鏡子差不多吧（開玩笑...

huli ‧ 2016-12-15