iT邦幫忙

css相關文章
共有 1577 則文章
0 Like 0 留言 2622 瀏覽
鐵人賽 Software Development DAY 17
Emacs 來寫程式 系列 第 17 篇

技術 [Emacs-17] 用 Emacs 來寫 HTML, CSS 設定篇

Emacs 對於編輯 html/css 的功能 html 程式自動補全: 使用 web-mode 的 Company-web 語法檢查: 使用 Tidy 為...

洋蔥 ‧ 2018-10-18
5 Like 0 留言 7345 瀏覽
鐵人賽 Modern Web DAY 3
連續30天的超實務網頁設計的垂直置中教學 系列 第 3 篇

技術 使用CSS ::before + inline-block 屬性來達到垂直置中

簡言 這是一個歷史最悠久的垂直置中方式了，支援度達到IE6+，這個方式基本上非常的符合垂直對齊的字面上意思，他是真的讓兩個物件之間做到垂直對齊。我們使用 :be...

CSScoke ‧ 2018-10-18
8 Like 0 留言 7493 瀏覽
鐵人賽 Modern Web DAY 2
連續30天的超實務網頁設計的垂直置中教學 系列 第 2 篇

技術 使用CSS line-height + inline-block 做多行文字的垂直置中

簡言 既然可以使用第一種方式對「行物件(inline) 」達成垂直置中的話，當然沒有理由不能做到多行啊！但是你需要將多個物件或多行物件當成一個「行」物件來看待，...

CSScoke ‧ 2018-10-17
10 Like 1 留言 5993 瀏覽
鐵人賽 Modern Web DAY 1
連續30天的超實務網頁設計的垂直置中教學 系列 第 1 篇

達標好文 技術 使用CSS Line-height 做垂直置中

簡言 這個方式應該是最多人知道的了，其實這符合資料垂直置中而非垂直對齊，常見於單行文字的應用，像是按鈕這一類物件，或者是選單、導覽列此類物件最常見到此方式了。此...

CSScoke ‧ 2018-10-16
3 Like 3 留言 12965 瀏覽
鐵人賽 自我挑戰組 DAY 1
前端之 " wow~原來是這樣啊 " 系列 第 1 篇

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

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

Lai ‧ 2018-10-16 ‧團隊好想工作室第二屆鐵人賽
3 Like 1 留言 4337 瀏覽

技術 JQuery製作Button滑入動畫

1.Hover改變字體大小及背景透明度 HTML中配置fadeBtn類別名稱按鈕 <a href="#" class="fa...

Amanda Hong ‧ 2018-08-27
0 Like 0 留言 1664 瀏覽

徵才 [徵才] 創順科技 - Front-end Engineer

Front-end Engineer (Junior/Senior) [50000 ~ 100000 ~ /per month] 依經驗決定薪資 ::熱愛前端工...

zhenatcs ‧ 2018-08-23
1 Like 0 留言 4393 瀏覽

技術 動態載入CSS/JS = 在js中載入CSS或JS

動態載入CSS 準備style.css p { color: green; text-align: center; } 準備HTML &l...

圓頭人 ‧ 2018-08-20
14 Like 7 留言 37184 瀏覽

達標好文 技術 其實Css的內心還住著一位Print

一、真實案例 聽說網頁按右鍵就可以列印了？ 但簡直就像卸了妝一樣 , 慘不忍睹啊!!! 二、那位來至邊緣地帶的Print 小明：欸 , P....? ,...

紅棗 ‧ 2018-08-17
1 Like 0 留言 1660 瀏覽

徵才 百萬年薪聘請 前端工程師【駐菲律賓】

崗位職責：1.根據設計師提供的設計稿生成HTML，搭建頁面模型；並實現相應的交互效果2.幫助團隊搭高性能，高可用和安全的前端技術開發框架，持續提升前端開發的效率...

166hr ‧ 2018-05-15
0 Like 0 留言 1464 瀏覽

徵才 【高薪福利優】SEO優化工程師 近港墘捷運站 / or駐菲

工作內容1 能熟練操作SEO並獲得搜索流量2 熟練html,css,asp及php程式語言，會使用常用CMS系統建站工具等3 網站架構動線規劃、條件優化4 產業...

166hr ‧ 2018-05-11
0 Like 0 留言 1358 瀏覽

徵才 [急徵]網頁設計師招募

☑️年終保障1個月☑️離捷運站超近☑️可活用日文能力日商178人力銀行急徵網頁設計師中，如果你喜歡聽人分享職涯規劃，想了解各行各業的生態，或是對人力資源行業有興...

job178 ‧ 2018-02-26
4 Like 0 留言 32367 瀏覽
鐵人賽 Modern Web
30天學習30套前端技術(2018年) 系列 第 60 篇

技術 [十分鐘學習] Infinite Scroll - 捲軸瀏覽至底載入新資料

Infinite Scroll是一套當捲軸至底時，會載入下一個頁面的資料的原生JavaScript套件，在網路上很常見。行動裝置也支援 GitHub Sta...

mfhsueh ‧ 2018-02-17
5 Like 0 留言 22238 瀏覽
鐵人賽 Modern Web
30天學習30套前端技術(2018年) 系列 第 59 篇

技術 [十分鐘學習] Cleave.js - 欄位格式化工具

各式化表單欄位的內容 GitHub Star: 7,900Javascripting Overall: -瀏覽器: Chrome、Firefox和IE9+R...

mfhsueh ‧ 2018-02-16
1 Like 0 留言 21844 瀏覽
鐵人賽 Modern Web
30天學習30套前端技術(2018年) 系列 第 58 篇

技術 [十分鐘學習] datedropper - 活潑風格日期選擇器

微型但功能強大的的jQuery時間選擇器。內建風格相當活潑可愛，可增加網站的活力 GitHub Star: 1,700Javascripting Overa...

mfhsueh ‧ 2018-02-15
1 Like 0 留言 23896 瀏覽
鐵人賽 Modern Web
30天學習30套前端技術(2018年) 系列 第 57 篇

技術 [十分鐘學習] ScrollReveal - 動態顯示內容

極簡，桌上型、行動裝置都可運行的卷軸動畫 GitHub Star: 14,000Javascripting Overall: 81%瀏覽器: Chrome、...

mfhsueh ‧ 2018-02-14
1 Like 0 留言 21266 瀏覽
鐵人賽 Modern Web
30天學習30套前端技術(2018年) 系列 第 56 篇

技術 [十分鐘學習] Tabulator - 表格內容強化工具

相當容易操作的表格內容產生器，只需要花短短的時間，就可以透過把陣列或JSON格式的資料，產生成HTML介面的表格。並支援響應式網頁，以及可以運用其他套件做成物...

mfhsueh ‧ 2018-02-13
1 Like 0 留言 17097 瀏覽
鐵人賽 Modern Web
30天學習30套前端技術(2018年) 系列 第 55 篇

技術 [十分鐘學習] Shave - 截斷文字

Shave根據物件的最大高度將文字截斷，是一套沒有任何依賴性的JavaScript套件。並將多出的文字藏在span後面，保留原文的完整性。CSS本身透過tex...

mfhsueh ‧ 2018-02-12
0 Like 3 留言 24999 瀏覽
鐵人賽 Modern Web
30天學習30套前端技術(2018年) 系列 第 54 篇

技術 [十分鐘學習] Quill - 文字編輯器

Quill是當代高相容性、強大、豐富且具有擴充延展性的文字編輯器。對於行動裝置支援度高 GitHub Star: 16,000Javascripting O...

mfhsueh ‧ 2018-02-11
1 Like 0 留言 17980 瀏覽
鐵人賽 Modern Web
30天學習30套前端技術(2018年) 系列 第 53 篇

技術 [十分鐘學習] sketch.js - 極簡動畫繪製

微型(約2KB)JavaScript平台效果函式庫 GitHub Star: 2,900Javascripting Overall: -瀏覽器: Chrom...

mfhsueh ‧ 2018-02-10
1 Like 0 留言 19563 瀏覽
鐵人賽 Modern Web
30天學習30套前端技術(2018年) 系列 第 52 篇

技術 [十分鐘學習] goodshare.js - 社群分享按鈕大補帖

快速建立像Facebook、Twitter等社群分享按鈕，安裝容易、有廣泛文件和開發者支援，對SEO友善，許多自訂選項，新版本透過ES6打造簡潔原始碼以及高速...

mfhsueh ‧ 2018-02-09
0 Like 0 留言 32988 瀏覽
鐵人賽 Modern Web
30天學習30套前端技術(2018年) 系列 第 51 篇

技術 [十分鐘學習] toastr - 簡易提示訊息

toastr是一套提示訊息JavaScript函式庫，必須載入jQuery，宗旨是利用簡單的程式碼函式庫來做客製化跟擴充。toastr提供一個範例頁面toas...

mfhsueh ‧ 2018-02-08
0 Like 1 留言 49728 瀏覽
鐵人賽 Modern Web
30天學習30套前端技術(2018年) 系列 第 50 篇

技術 [十分鐘學習] Swiper - 最新潮的幻燈片/跑馬燈效果

Swiper是時下完整的幻燈片/跑馬燈套件，使用效能高，並可運用在行動裝置上及混和式App上，不但在最新版本的iOS上運作很好，在Android、Window...

mfhsueh ‧ 2018-02-07
2 Like 0 留言 20374 瀏覽
鐵人賽 Modern Web
30天學習30套前端技術(2018年) 系列 第 49 篇

技術 [十分鐘學習] List.js - 資料排序

對表格、清單、各式各樣的物件，增加搜尋、排序、過濾和靈活性，無形的建立在HTML內，極簡易也易於使用。即便周邊套件不如DataTables，但不依賴jQuer...

mfhsueh ‧ 2018-02-06
0 Like 0 留言 36616 瀏覽
鐵人賽 Modern Web
30天學習30套前端技術(2018年) 系列 第 48 篇

技術 [十分鐘學習] TinyMCE - HTML編輯器

功能豐富的JavaScript的HTML編輯器，功能齊全且輕量級。另外要注意TinyMCE對IE11以上才可運行 GitHub Star: 5,000Jav...

mfhsueh ‧ 2018-02-05
0 Like 0 留言 24668 瀏覽
鐵人賽 Modern Web
30天學習30套前端技術(2018年) 系列 第 47 篇

技術 [十分鐘學習] Faker.js - 做假資料的利器

可以在瀏覽器或Node.js產生大量的假數據。測試時期相當方便的東西，也可以透過Google Extension來運作 GitHub Star: 12,90...

mfhsueh ‧ 2018-02-04
1 Like 0 留言 25420 瀏覽
鐵人賽 Modern Web
30天學習30套前端技術(2018年) 系列 第 46 篇

技術 [十分鐘學習] Handlebars.js - 輕量型模板套件

Handlebars主要是讓你在做語意型模板(semantic templates)更有效率、且不容易受挫，並且相容Mustache模板，大多數可以直接互換使用...

mfhsueh ‧ 2018-02-03
0 Like 0 留言 19318 瀏覽
鐵人賽 Modern Web
30天學習30套前端技術(2018年) 系列 第 45 篇

技術 [十分鐘學習] ScrollToFixed - 捲軸碰觸到即刻釘住

這是一套可以將元素釘住(置頂、置底都可以)的jQuery的套件，向左和向右則不影響 GitHub Star: 1,700Javascripting Over...

mfhsueh ‧ 2018-02-02
0 Like 0 留言 19404 瀏覽
鐵人賽 Modern Web
30天學習30套前端技術(2018年) 系列 第 44 篇

技術 [十分鐘學習] Headroom.js - 活化導覽列

把網站空間發揮至到極限，不需要導覽列時隱藏，需要的時候出現。搭配Animate.css可以讓畫面更活潑，另外也支援jQuery或Angluar。 GitHu...

mfhsueh ‧ 2018-02-01
0 Like 0 留言 42175 瀏覽
鐵人賽 Modern Web
30天學習30套前端技術(2018年) 系列 第 43 篇

技術 [十分鐘學習] FullCalendar - 滿版行事曆

設計一套滿版、且可拖曳事件的行事曆。Bootstrap的排版風格，可讀入JSON格式資訊，安裝容易，支援響應式排版，要做行事曆的極佳利器 GitHub St...

mfhsueh ‧ 2018-01-31
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23096 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css 程式設計 react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙