iT邦幫忙

css相關文章
共有 402 則文章

技術 JQuery製作Button滑入動畫

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

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

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

技術 動態載入CSS/JS

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

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

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

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

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

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

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

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

技術 [十分鐘學習] Store.js - 前端微型暫存DB

針對任何專案,都可以做的跨瀏覽器的資料存取,全站都可以運作,瀏覽器支援度高,小專案不想導入大型框架不錯的選擇 GitHub Star: 10,000 Jav...

鐵人賽 Modern Web

技術 [十分鐘學習] fullPage.js - 全頁式導覽

建立一個全頁式導覽的網站 GitHub Star: 22,000 Javascripting Overall: 88% 瀏覽器: Chrome、Firefo...

鐵人賽 Modern Web

技術 [十分鐘學習] p5.js - 繪畫套件

p5.js是一套JavaScript函式庫,有完整的繪畫功能,並不侷限在畫布上,你可以把整個瀏覽器當作你的草稿,另外有套件可以讓你更容易去做HTML5物件互動...

鐵人賽 Modern Web

技術 [十分鐘學習] howler.js - 音源播放函式庫

howler.js是針對時下網站的一套音源播放函式庫,預設為Web Audio API和HTML5 Audio,可以透過JavaScript播放聲音變得更簡單...

鐵人賽 Modern Web

技術 [十分鐘學習] clipboard.js - 複製/貼上

複製內容到剪貼簿的小工具,不依賴Flash,大小只要3KB GitHub Star: 20,000 Javascripting Overall: 90% 瀏...