標籤: CSS 頁1

CSS相關的文章,目前共收錄 229 篇內容。

GDB online Debugger:簡單易用的線上程式編輯與除錯工具
網路資源

GDB online Debugger:簡單易用的線上程式編輯與除錯工具

GDB online Debugger 是一款功能強大的線上程式編輯與除錯平台,支援多種程式語言像是 C, C++, Python, PHP, Ruby, C#, VB, Perl, Swift, Prolog, Javascript, Pascal, HTML, CSS, JS ,提供即時編譯、除錯與協作功能,免安裝即可使用,適合各類開發者。

瞭解網站開發:專業網頁開發的完整學習資源
網路資源

瞭解網站開發:專業網頁開發的完整學習資源

瞭解網站開發是 Google 推出的網頁開發學習平台,提供系統化課程,涵蓋 HTML、CSS、JavaScript、性能優化和無障礙設計,適合初學者和專業開發者。平台結合互動教學和實作練習,強調性能優化和無障礙性,並隨技術更新內容,幫助用戶掌握現代網頁開發的最佳實踐。

CSSBattle:透過競賽讓開發者更加熟悉 CSS 開發的平台
網路資源

CSSBattle:透過競賽讓開發者更加熟悉 CSS 開發的平台

CSSBattle 是一個旨在幫助網頁開發人員提高 CSS 技能的網站。CSSBattle 通過提供一個競賽平台,讓開發人員可以展示自己的 CSS 技能,並與其他開發人員進行交流和學習。

TailConverter:快速將 CSS 轉換為 Tailwind CSS 的工具
網路資源

TailConverter:快速將 CSS 轉換為 Tailwind CSS 的工具

TailConverter 是一款瀏覽器擴充套件,讓開發者能夠輕鬆將現有的 CSS 轉換為 Tailwind CSS。該工具支援各種網站平台與框架,包括 WordPress、Shopify 以及 React,並且能準確地將顏色、媒體查詢及自定義字體匯出。只需點擊幾下,即可快速轉換網頁元素,並支援 Chrome、Firefox 和 Edge 瀏覽器,適合想要加快開發速度的網頁設計師。

Aceternity UI:豐富的網站前端動態效果元件庫
網路資源

Aceternity UI:豐富的網站前端動態效果元件庫

Aceternity UI 提供一套專為網站開發者打造的前端元件庫,例如3D卡片效果、星光背景、動態漸變背景等,讓使用者能輕鬆將最新趨勢的網頁元件直接複製、貼上到自己的專案中。它支援多種框架與技術,如 Next.js、React、TailwindCSS 和 Framer Motion,確保在不同開發環境中都能快速應用這些美觀的介面設計。Aceternity UI 讓設計與開發變得更高效,無需繁瑣的樣式調整,適合任何想快速提升網站外觀的開發者。

DevDocs:開發者必備的線上文件總匯,一站式查詢各類技術文檔
網路資源

DevDocs:開發者必備的線上文件總匯,一站式查詢各類技術文檔

DevDocs 是一個專為開發者設計的線上文件查詢平台,匯集了多種熱門的程式語言及技術框架文檔,提供快速、簡單且全面的查詢體驗。無論是前端開發、後端開發,還是資料庫、API 文件,你都可以在這個平台上找到所需的技術資源。

Devhints:開發者快速查詢程式語言語法的最佳捷徑
網路資源

Devhints:開發者快速查詢程式語言語法的最佳捷徑

Devhints 是一個專為開發者設計的速查指南網站,匯集了多種程式語言和工具的速查表(cheatsheets)。這些速查表涵蓋了從基本語法到高級功能的各種知識點,幫助開發者快速找到所需資訊,提升工作效率。包含 HTML、javascript、CSS、git、資料庫,前端的框架、函式庫還有後端的許多程式語言都有收錄,可以給做相關工作的參考。

Color4Bg:豐富多彩的抽象背景生成器
網路資源

Color4Bg:豐富多彩的抽象背景生成器

Color4Bg 是一個專業的抽象背景生成平台,提供多種動態和靜態的背景樣式,讓設計師和內容創作者可以輕鬆生成高品質的背景圖像。

CSS Author:專業設計師資源與靈感的寶庫
網路資源

CSS Author:專業設計師資源與靈感的寶庫

CSS Author 是一個專門為設計師及開發者打造的網站,提供豐富的資源和工具,讓使用者能輕鬆找到所需的設計素材和開發靈感。

[SCSS] 用預處理器來讓你的 CSS 更好維護
教學

[SCSS] 用預處理器來讓你的 CSS 更好維護

CSS 雖然嚴格說不能是程式,但如果在開發的時候加入一些程式的撰寫方式,是可以讓你的 CSS 更好維護的,而所謂的 CSS preprocessor(預處理器)就是幫我們來做這件事情的,寫起來會跟 CSS 有滿大的不同的,但如果習慣後開發速度跟維護都可以比原本的 CSS 更好,如果原本寫 CSS 就有好習慣的話,用起預處理器就會更加如虎添翼。

UnoCSS:即時按需的原子 CSS 引擎
網路資源

UnoCSS:即時按需的原子 CSS 引擎

UnoCSS 是一個強大的即時按需原子 CSS 引擎,旨在提供高度可自訂、快速且輕量的 CSS 解決方案。透過無需解析或掃描的設計,UnoCSS 比 Windi CSS 和 Tailwind CSS JIT 快 5 倍。其零依賴、瀏覽器友好的特性讓其僅有約 6kb 大小,且支援多種整合如 Vite、Webpack 和 PostCSS 等。

Coderbyte:技術評估與面試的最佳平台
網路資源

Coderbyte:技術評估與面試的最佳平台

Coderbyte 是一個專門為開發者提供技術評估和面試準備的平台。它提供各種程式挑戰、實際專案和即時面試模擬,幫助開發者提升技能並為技術面試做準備。Coderbyte 同時也為企業提供高效的候選人評估工具,提升招聘準確性和效率。

Dynaui:靈活高效的 UI 設計工具
網路資源

Dynaui:靈活高效的 UI 設計工具

Dynaui 是一個專為設計師和開發者設計的 UI 設計工具,旨在提供快速且靈活的介面設計方案。這個平台強調響應式設計和高效工作流程,幫助用戶創建出色的用戶介面。

SmallDev.Tools:一站式開發者工具平台
網路資源

SmallDev.Tools:一站式開發者工具平台

SmallDev.tools 是一個為開發者提供多功能線上工具的網站,涵蓋格式化、編碼、解碼、生成測試數據等多種實用工具,旨在提升開發效率和簡化工作流程。

UI Lib Picker:精選最佳的 Vue 和 Nuxt UI library
網路資源

UI Lib Picker:精選最佳的 Vue 和 Nuxt UI library

UI Lib Picker 是一個專門為 Vue 3 和 Nuxt 3 項目提供 UI library 挑選指南的網站。該平台整理了多種 UI library,並提供詳細的功能比較,幫助開發者根據不同需求選擇最適合的庫。每個library都標示了其主要特點,包括是否有樣式、無樣式、是否免費、是否支援 Dark Mode、是否有 Figma 文件等,方便用戶快速篩選。

Coding Fantasy:透過遊戲學習程式設計,讓學習更有趣
網路資源

Coding Fantasy:透過遊戲學習程式設計,讓學習更有趣

Coding Fantasy 是一個創新的學習平台,專為希望透過遊戲學習 HTML、CSS 和 JavaScript 的使用者設計。此平台致力於解決傳統學習方式中的兩大問題:缺乏練習和低參與度。透過互動式遊戲,學習者可以在有趣且引人入勝的環境中練習程式撰寫技能,增強記憶力並提升學習效果。平台提供多款遊戲,每1-2個月更新一次,涵蓋多種程式技術,讓學習者在遊戲中獲得大量練習機會。

Motion One:精簡高效的網頁動畫庫
網路資源

Motion One:精簡高效的網頁動畫庫

Motion One 是一個基於 Web Animations API 的輕量級動畫庫,專為網頁開發者設計。這個工具的檔案大小非常小巧,但效能強大,能夠提供硬體加速的動畫效果,保持用戶界面的流暢性和響應性。Motion One 包含了選擇器、個別變換、時間軸排序等功能,並且支援多元素的複雜動畫設計。該動畫庫使用 TypeScript 編寫,具備完整的測試覆蓋,並免費開放給所有開發者使用。

純 css 做到多行省略,讓超出區塊範圍的字變 ...:text-overflow 與 line-clamp
教學

純 css 做到多行省略,讓超出區塊範圍的字變 ...:text-overflow 與 line-clamp

排版的時候,若文字的長度不一樣,網頁預設會分行,如果後來的行數有的多有的少,版面可能就看起來不整齊,想要讓文字超過區塊長度就自動省落成 ...,我們可以使用 text-overflow 這個屬性。