web development resources
1.0.0
網頁設計人員和開發人員的開源前端工具和資源列表。
| 姓名 | 描述 |
|---|---|
| W3C標準 | W3C標准定義了一個用於應用程序開發的開放網絡平台，該平台具有前所未有的潛力，可以使開發人員能夠在任何設備上都可以使用，該開發人員能夠構建由大量數據存儲提供的豐富交互式體驗。 |
| CSSDB | CSS功能及其位置的全面列表在成為實施的Web標準的過程中。 |
| MDN Web文檔 | 開發人員的資源，開發人員。 |
| Google Web開發人員 | 建立下一代的網絡體驗。 |
| W3Schools | 在線網絡教程。 |
| CSS-tricks | 有關CSS，HTML，JavaScript的每日文章以及與Web設計和開發有關的所有內容。 |
| 粉碎雜誌 | 用於網頁設計師和開發人員。 |
| webglossary.info | 網絡開發和設計術語的廣泛詞彙表。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| HTML5樣板 | 網絡最受歡迎的前端模板。 |
| 引導程序 | Bootstrap是最受歡迎的HTML，CSS和JS框架，用於在網絡上開發響應迅速的移動第一個項目。 |
| 基礎 | 世界上最先進的前端框架。 |
| - | - |
| 根據 | 岩石固體，響應靈敏的HTML/CSS框架。 |
| BASSCSS | 低級CSS工具包。 |
| 布爾瑪 | 基於Flexbox的現代CSS框架。 |
| 簡潔的框架 | 輕巧的前端框架，提供許多沒有膨脹的功能。 |
| 紅衣主教 | 紅衣主教是一個模塊化的“移動優先” CSS框架，構建了性能和可擴展性。 |
| 偷工CSS | CSS Micro-Framework。 |
| 榨汁 | Flexbox CSS框架。 |
| 材料設計精簡版 | 香草CSS，JS和HTML中材料設計組件的實現 |
| 實現 | 基於材料設計的現代響應式前端框架。 |
| 光子 | 使用簡單的HTML和CSS構建美麗的電子應用程序的最快方法。 |
| 底漆CSS | GitHub設計系統團隊構建和維護底漆。 |
| 純的 | 您可以在每個Web項目中使用的一組響應式CSS模塊。 |
| 響應迅速 | 一個功能強大，易於訪問，開發人員友好的框架，用於構建響應式網站。 |
| 語義UI | 一個開發框架，有助於使用人類友好的HTML創建美麗，響應的佈局。 |
| Skel | www的輕巧響應框架。 |
| 骨骼 | 一個簡單，響應靈敏的樣板。 |
| 尾風CSS | 實用優先的CSS框架，用於快速構建自定義設計。 |
| Uikit | 一個輕巧和模塊化的前端框架，用於開發快速，強大的Web接口。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| Onsen UI | 開發HTML5混合動力和移動網絡應用程序的最美麗，最有效的方法。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| Formstone | Formstone是前端組件的集合。 |
| LE Wagon UI組件 | - |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| 引導起動器 | 免費的Bootstrap入門主題和模板來啟動您的項目。 |
| HTML5空白WordPress主題 | 最好的HTML5 WordPress樣板主題，由Adobe注意，Smashing Mag，.net mag。 |
| html5起來！ | 響應式HTML5和CSS3站點模板。 |
| 啟動引導程序 | 免費下載引導主題和模板的庫。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| 哈姆爾 | HTML抽象標記語言 |
| 降價 | Web作者的文本到HTML轉換工具。 |
| 苗條的 | 輕巧的模板引擎。 |
| 玉 | 節點模板引擎。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| 較少的 | 節點CSS預處理器 |
| SCSS / SASS | 世界上最成熟，最穩定和強大的專業級CSS擴展語言。 |
| 手寫筆 | 表達，動態，健壯，功能豐富的CSS預處理器。 |
| Postcss | 使用JavaScript轉換CSS的工具。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| 咖啡本 | 一種編譯為JavaScript的小語言。 |
| 生活記錄 | 一種編譯JavaScript的語言。 |
| 打字稿 | 縮放的JavaScript。 |
| 別貝 | 撰寫下一代JavaScript的編譯器。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| 波旁威士忌 | 一個簡單且輕巧的Mixin庫，用於Sass。 |
| 羅盤 | 開源CSS創作框架。 |
| 蘇西 | SASS的自定義佈局引擎。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| NPM | JavaScript的包裝管理器。 |
| - | - |
| 瀏覽 | 瀏覽器端require()節點方式 |
| 咕unt | JavaScript任務跑步者 |
| g | 流構建系統 |
| 包裹 | 快速，零配置Web應用程序捆綁包。 |
| 滾動 | 下一代ES模塊Bundler。 |
| webpack | JavaScript和朋友的捆綁者。 |
| - | - |
| eslint | 在JavaScript代碼中查找並解決問題。 |
| 更漂亮 | Prettier是一種自以為是的代碼格式。 |
| 樣型 | 一個強大的現代林格，可幫助您避免樣式中的錯誤和執行慣例。 |
| 提交 | ？皮棉提交消息 |
| 鏈接器 | 一個超級簡單的站點爬網和斷開的鏈接檢查器。 |
| - | - |
| 瀏覽 | 構建網站時，將多個瀏覽器和設備保持同步。 |
| http-server | 一個簡單的，零配置的命令行HTTP服務器。 |
| 服務 | 靜態文件服務和目錄列表。 |
| server.js | 簡單而強大的node.js的服務器 |
| - | - |
| Chokidar | 圍繞Node.js fs.Watch / fs.watchfile / fsevents的有效包裝器。 |
| Nodemon | 監視您的node.js應用程序中的任何更改，並自動重新啟動服務器 - 非常適合開發。 |
| Onchange | 當添加，更改或刪除任何內容時，請使用Glob模式觀察文件集並運行命令。 |
| - | - |
| 同時 | 同時運行命令。像npm run watch-js & npm run watch-less但更好。 |
| NPM-RUN-ALL | 一個並行或順序運行多個npm-scripts的CLI工具。 |
| 平行外殼 | 一個超級簡單的NPM模塊，可以並行運行shell命令。 |
| - | - |
| concat | 加入多個文件。 |
| CPY-CLI | 複製節點文件。 |
| del | 使用Globs刪除文件和目錄。 |
| 表達 | 快速，未開放，簡約的節點網絡框架。 |
| 節點sass | 它允許您以驚人的速度將其本地編譯為CSS，並通過Connect Middleware自動自動。 |
| NPM檢查更新 | 升級您的軟件包。 JSON依賴關係到最新版本，忽略了指定的版本。 |
| 珀格斯 | Purgecss是刪除未使用的CSS的工具。 |
| Rimraf | 節點的Unix命令rm -rf 。 |
| - | - |
| 鮑爾[貶值] | Web的軟件包管理器。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| jQuery | 寫的少，做更多的JavaScript庫。 |
| 現代化 | Modernizr告訴您HTML，CSS和JavaScript功能用戶的瀏覽器必須提供的功能。 |
| - | - |
| Bliss.js | 是否想使用香草JS，但發現本地API有點笨拙？幸福適合您。 |
| 雨傘JS | ☔輕巧的JavaScript庫，用於DOM操縱和事件。 |
| Zepto JS | Zepto是一個極簡主義的JavaScript庫，適用於具有jQuery兼容API的現代瀏覽器。 |
| 現金JS | 現代瀏覽器的一種荒謬的小型替代品。 |
| Chibi JS | 微小的JavaScript微型圖書館 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| 錨 | 將深錨鏈接添加到您的文檔。 |
| 動漫 | Anime.js（/ˈæn.ə.meɪ/）是一個輕巧的JavaScript動畫庫，具有簡單而功能強大的API。它可以與CSS屬性，SVG，DOM屬性和JavaScript對像一起使用。 |
| 圖表 | 設計師和開發人員的簡單，乾淨和引人入勝的圖表。 |
| Chartist.js | 簡單響應式圖表。 |
| （a）darkmode.js （b）暗模式開關 | ？在幾秒鐘內將深色模式 /夜間模式添加到您的網站 |
| 速度 | 加速JavaScript動畫。 |
| favico.js | 利用帶有徽章，圖像或視頻的Favicon。 |
| fluidvids.js | 流體寬度（響應式）視頻模塊，1KB，自定義播放器，動態元素/XHR支持。 |
| 亮點 | 亮點.js是用JavaScript編寫的語法熒光筆。 |
| 淨空 | 隱藏您的標題直到需要它。 |
| holder.js | 客戶側圖像佔位符。 |
| lazysizes.js | 高性能和SEO友好的懶惰裝載機用於圖像（響應式和正常），iFrame等。 |
| Littlefoot.js | Littlefoot是一個輕巧的JavaScript庫，可創建出色的腳註。 |
| lunr.js | 在瀏覽器中簡單的全文搜索。 |
| nprogress.js | 納米進度棒。 |
| pace.js | 自動網頁進度欄。 |
| Prism.js | 棱鏡是一個輕巧，健壯，優雅的語法突出顯示庫。 |
| 反應燃燒的菜單 | 使用CSS過渡和SVG路徑動畫的效果和样式的集合，側欄側欄反應組件。 |
| 響應式NAV | 響應式導航插件，無庫依賴性以及快速觸摸屏支持。 |
| slideout.js | 移動網絡應用程序的觸摸滑動導航菜單。 |
| smartcrop.js | 內容意識到圖像裁剪。 |
| 塔塔 | 響應式表。 |
| 繫繩 | JavaScript庫有效地使絕對位置的元素停留在頁面上的另一個元素旁邊。 |
| tippy.js | 輕巧的香草JavaScript工具提示庫。 |
| tooltip.js | Tooltip.js是一個JavaScript和CSS庫，用於創建可風格的工具提示。 |
| 渦輪鏈接 | Turbolinks®使您的網絡應用程序更快。 |
| 排版 | 使用零客戶端JavaScript的HTML的印刷前處理器。 |
| Zeroclipboard.js | 將文本複製到剪貼板的簡便方法。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| Formstone-背景 | 用於全畫幅圖像和視頻背景的jQuery插件。 |
| bigfoot.js | 用於授權腳註的jQuery插件。 |
| bigslide.js | 一個小的幻燈片小組導航插件，帶有大夢想。 |
| fitvids.js | 輕巧，易於使用的jQuery插件，用於嵌入流體寬度視頻。 |
| fullpage.js | 一頁滾動部分站點插件。 |
| 懶負荷 | 懶負載是長網頁中圖像的延遲加載。 |
| 愛 | 一個超輕質，易於訪問且響應式的Lightbox插件，該插件支持圖像，IFRAMES和INLINGLINE內容。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| Terser | ？ JavaScript解析器，Mangler和Compressor工具包用於ES6+ |
| uglifyjs | uglifyjs是JavaScript解析器，微型，壓縮機和美化工具包。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| Animate.css | CSS動畫的跨瀏覽器庫。 |
| CSSGram | 一個很小的(<1kb gzipped!)庫，用於使用CSS過濾器和混合模式重新創建Instagram過濾器。 |
| CSS過濾器遊樂場 | 播放新的CSS3過濾器效果。 |
| EQCSS | CSS中的容器式元素查詢語法的規格。 |
| 屈曲網格 | 基於Flex Display屬性的網格系統。 |
掌握:nth-child | CSS3偽類和：nth-Child範圍。 |
| Eric Meyer CSS重置 | Eric Meyer CSS重置 |
| 格拉夫 | 純CSS網格疊加層設計。 |
| 漢堡 | 美味的CSS動畫漢堡包。 |
| Mueller網格系統 | 基於指南針的響應/自適應和非響應佈局的模塊化網格系統。 |
| 歸一化 | CSS重置的現代，可用於HTML5的替代方案。 |
| RTLCSS | 從左到右（LTR）級聯樣式表（CSS）轉換為左至左（RTL）的框架。 |
| 烤麵包 | 瘋狂的，無意識的CSS網格。 |
| CSSWAND | 這實際上只是少數簡單的，純粹的基於CSS的動畫庫 |
| water.css | 製作簡單網站的樣式集合 |
| 葡萄乾CSS | 公用事業CSS僅庫。 |
| 頻譜CSS | 內部和第三方的標準CSS實施頻譜設計語言 |
| box-shadows.css | 基於盒子陰影 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| 如何使用SVG圖標 | - |
| 將SVG圖標與文字結盟，並告別字體圖標 | - |
| - | - |
| 引導圖標 | Bootstrap圖標是SVG，因此它們可以快速，輕鬆地擴展，並且可以使用CSS進行樣式。當它們用於引導程序時，它們將在任何項目中工作。 |
| Creative Commons許可圖標 | 下載SVG，EPS和PNG Creative Commons許可圖標將在您的網站中使用。 |
| 弗拉提頓 | PNG，SVG，EPS，PSD和基本64格式的最大免費圖標數據庫。 |
| 羽毛 | 羽毛是簡單的美麗開源圖標的集合。 |
| 字體很棒 | 標誌性字體和CSS工具包。 |
| 字體可觀的svg-png | 字體很棒，分為不同尺寸的單個SVG和PNG文件，以及基於Node.js的生成器。 |
| fontforge | 一個免費的開源字體編輯器由類型戀人社區帶給您。 |
| fontello | 為您的網站創建自定義圖標字體的一種簡單方法。從我們的大型收藏中選擇圖像，然後單擊一鍵製作WebFont Pack。 |
| Icomoon | Icomoon提供了一包矢量圖標，以及一個免費的HTML5應用程序，用於製作自定義圖標字體或SVG Sprites。在成千上萬的像素完美圖標中瀏覽或導入您自己的向量。 |
| 離子 | 離子框架的高級圖標字體。 |
| 材料設計圖標 | 查看社區的所有材料設計圖標以及更多內容。 |
| CSS-Triks的平面圖標和圖標字體的大列表 | 有許多這樣的綜述。這是我的。 |
| 名詞項目 - 所有內容的圖標 | 由全球社區創建的近一百萬個策劃圖標。 |
| 八孔 | GitHub用<3手工製作的可擴展圖標字體。 |
| 完美的圖標 | 創建獨立社會偶像的最簡單方法。 |
| 簡單圖標 | 流行品牌的免費SVG圖標。 |
| SVG-ICON | 最終的SVG圖標集合正確完成。 |
| SVG圖標 | 準備將SVG圖標用於Web。 |
| 向量圖標綜述 | 流行圖標字體之間的並排比較。 |
| 我們喜歡圖標字體 | 免費和開源圖標字體託管服務用於測試目的。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| Tinyjpg | 智能WebP，JPEG和PNG壓縮 |
| 壓縮PNG | - |
| 壓縮JPEG | - |
| 壓縮GIF | - |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| 圖表 | 在幾秒鐘內製作圖表。 |
| formspree | 靜態位點的功能性HTML形式。 |
| 網格 | 使用Google電子表格在靜態網站上顯示您的電子表格數據。 |
| jotform | 形式構建器 |
| WTF，表格？ | 友好的HTML形式控制著一些CSS魔術。為IE9+以及最新的Chrome，Safari和Firefox設計。 |
| wufoo | 使用雲存儲數據庫的在線形式構建器。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| 抽象API的 | 一套為開發人員提供的簡單而功能強大的實用程序API，例如電子郵件驗證，用戶頭像生成器，圖像壓縮等。所有API都有免費版本。 |
| Autodraw | 為每個人快速繪畫。 Autodraw將機器學習與有才華的藝術家的圖紙配對，以幫助您快速繪製東西。 |
| 二進制翻譯器 | 免費的二進制代碼翻譯器，將二進制代碼轉換為文本。 |
| 基礎16 | 一種基於精心選擇的語法構建主題的體系結構，使用16種顏色的基礎突出顯示。 |
| Bootstrap 5備忘單 | Bootstrap 5類，變量和Mixins的交互式列表。 |
| colors.css | 網絡的更好默認顏色。一系列皮膚課程，用於更快的原型製作和更美觀的網站。 |
| 顏色六角顏色代碼 | Color-Hex提供了有關顏色的信息，包括顏色型號（RGB，HSL，HSV和CMYK），三合會顏色，單色顏色和類似的顏色。 |
| 彩色狩獵 | 精選的美麗色彩集合，每天更新。 |
| CSS3發電機 | CSS3經典 |
| CSSMATIC | Web設計師的最終CSS工具。 |
| draw.io | draw.io是免費的在線圖軟件，用於製作流程圖，過程圖，組織圖，UML，ER和網絡圖。 |
| 純色 | 瀏覽超過2300個扁平調色板中的11,000多種扁平顏色。複製它們或下載用於Photoshop中的.ACO文件。 |
| 前端教條前端開發工具 | 為網站開發人員和所有者提供基於網絡的工具，用於分析和探索。 |
| 梯度背景 | 作為整個Internet上最佳梯度網站的精選列表，漸變背景使您可以探索，嘗試從數百種美麗的混合調色板中進行選擇。 |
| 造型嚮導：Google地圖API | 自定義顏色，道路，標籤等。然後在Google Maps平台項目中使用您的自定義樣式。 |
| 時髦地圖 | 針對網絡設計人員和開發人員的Google地圖的不同樣式的存儲庫。 |
| 太陽化 - 機器和人的精密顏色 | 正式化是一個16個調色板（八個單調，八種重音顏色），旨在與終端和GUI應用一起使用。 |
| SRI哈希發電機 | 每當從第三方來源加載庫時，建議使用SRI作為最佳實踐。 |
| 超級人物 | 檢查域的可用性。 |
| 在線創建乳膠表 | 快速使用在線生成器創建複雜的乳膠表 - 牢房合併以及邊框編輯。 |
| uigradients | 設計師和開發人員精心挑選的精美色彩梯度集。 |
| 未建立 | 免費的在線工具，可以解開JavaScript，CSS和HTML代碼（拆卸，DeObfuscate），使其可讀性且漂亮。 |
| Web代碼工具 | CSS3，HTML5，Microdata，Open Graph和Twitter卡生成器 |
| 我的屏幕分辨率是什麼 | 一個在線工具，用於檢查任何顯示設備的屏幕分辨率。 |
| Webgradients | 免費收集背景梯度，您可以在網站的任何部分中用作內容背景。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| Bootstrapcdn | 推薦的Bootstrap，Font Awesome和Bootswatch的CDN。 |
| CDNJS | 與Web相關庫的免費開源CDN，可加快您的網站！ |
| Coralcdn | 一個基於對等技術的免費內容分發網絡，該網絡由Web代理和名稱服務器的全球網絡組成。 |
| fontcdn | Google Web字體的搜索工具。 |
| Google字體 | 為Web優化了數百種免費的開源字體。 |
| Google託管了庫 | 最受歡迎的開源JavaScript庫穩定，可靠，高速，全球可用的內容分銷網絡。 |
| jsdelivr | 開發人員和網站管理員的免費超快速CDN。 |
| Microsoft Ajax CDN | 受歡迎的第三方JavaScript庫（例如JQuery），使您可以輕鬆地將它們添加到Web應用程序中。 |
| 開源軟件CDN | MaxCDN開源軟件CDN。 |
| Yandex CDN | Service主持JavaScript庫，可為站點開發人員提供訪問Yandex內容交付（CDN）的訪問權限，並可以處理來自Yandex服務器的各種開源JavaScript-FrameWorks和庫。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| 我可以使用嗎？ | 檢查CSS3和HTML5屬性的瀏覽器兼容性。 |
| 我應該前綴嗎？ | 只需顯示較新的CSS屬性所需的前綴即可。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| 我反應靈敏嗎？ | 查看您的網站在台式機，筆記本電腦，iPad和iPhone上的外觀。 |
| Browserstack | 使用瀏覽器設備測試器並為您的VM下載Internet Explorer圖像。 |
| 設備調子 | 快速展示您網站對MacBook，iPad或iPhone等不同設備分辨率的響應。與您的客戶分享此預覽。 |
| 響應性應用程序 | Web開發人員必不可少的DevTool，可快速響應式Web開發。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| Google PagesPeed工具 | pagespeed工具按照網絡最佳實踐來分析和優化您的網站。 |
| WebPagetest | 使用真實瀏覽器和實際消費者連接速度從全球多個位置運行免費的網站速度測試。 |
| 網站速度測試 | 使用此免費的網站速度測試來分析網站的負載速度，並了解如何使其更快。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| jsonplaceholder | 偽造在線REST API用於測試和原型製作 |
| lorem ipsum | Lorem Ipsum只是印刷和排版行業的虛擬文本。 |
| lorempixel | 每種情況的佔位符圖像。 |
| 佔位物 | 快速簡單的圖像佔位符服務。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| 地方 | 在任何設備上下文中刪除項目的最佳選擇。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| Favicon發電機 | 在線Favicon發電機。真正的。 |
| 建立我的固定網站 | 在線工具在不到一分鐘的時間內為您的網站創建自定義的Windows啟動屏幕瓷磚。 |
| 在Windows /為IE11網站創建自定義圖塊上的網站增強功能 | 為Windows設置實時瓷磚和通知 |
| 配置Apple的Web應用程序 | 有關使用HTML和CSS創建有效的Web內容的概念信息和技術。 |
| 可安裝的Web應用程序具有Web應用程序清單在Chrome中用於Android /清單文件格式 | 使用Web應用清單來控制您的Web應用程序啟動方式。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| Codemyui | 您可以在Web項目中使用的手工挑選代碼片段。使用代碼樣本查找Web設計靈感。 |
| 科迪豪斯 | HTML，CSS，JS掘金的免費庫。 |
| CODROPS | CODROPS是一個網頁設計和開發博客，發表有關最新網絡趨勢，技術和新可能性的文章和教程。 |
| 移至HTTPS | 輕鬆地從HTTP遷移到HTTP。 |
| NAVNAV | 來自網絡上的大量CSS，jQuery和JavaScript響應式導航示例，演示和教程。 |
| papersizes.io-紙張尺寸的最佳資源 | 一種簡單，免費的資源，用於在公制和帝國中找到國際紙張尺寸的國際標準。 |
| PDF糖果 | 使用PDF Candy編輯PDF文件 - 免費的在線PDF編輯器。將PDF轉換為Word，PDF為JPG，合併PDF，Split PDF，Compress PDF等。 |
| 蘇格蘭 | 一個網絡開發博客，討論了編程，開發，網絡和生活的所有事物。 |
| 粉碎雜誌 | 專業網絡設計師和開發人員的在線雜誌，重點是有用的技術，最佳實踐和寶貴資源。 |
| W3Schools在線網絡教程 | 世界上最大的Web開發人員網站。 |
↥回到頂部
| 姓名 |
|---|
| Mozilla Web文檔 |
| CSS開發文檔 |
| CSS屬性索引 |
| CSS參考 |
| CSS參考-CODROPS |
| 佈局： |
| Flexbox -CSS技巧 |
| CSS網格-CSS技巧 |
| GABI的CSS Flexbox操場 |
| Flexbox Froggy |
| CSS網格花園 |
| CSS動畫： |
| 使用CSS動畫-MDN |
| 動畫-CSS技巧 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| 瀏覽器安全字體 | 所有版本的Windows＆Mac等效版本的通用字體。 |
| CSS字體堆棧 | Web Safe CSS字體堆棧的完整集合。 |
| CSS大綱屬性 - 概述：無和輪廓：0 | CSS大綱屬性是可訪問性的要求，但經常被許多網頁設計師濫用，他們為什麼要這樣做？ |
| CSS選擇器參考 | 在CSS中，選擇器是用於選擇要樣式元素的模式。 |
| CSS特異性 | CSS特異性。 CSS特異性分配了選擇器的數值表示，以便在存在樣式衝突的情況下進行比較。 Web海報以Stanley Kubrick的“ The Shining”電影的圖標顯示CSS特異性。 |
| 以身式網格 | 學習CSS網格佈局所需的一切。 |
| 網格花園 | 學習CSS網格的遊戲。 |
| 格里迪 | 學習CSS網格！ |
| 哈希標籤鏈接不主導瀏覽器窗口 | Chris Coyier的CSS-Tricks帖子。 |
| 學習CSS網格 | 學習CSS網格指南。 |
| 學習CSS網格 | 詹·西蒙斯（Jen Simmons）的許多奇妙資源。 |
| 學習CSS佈局 | 該網站教授任何網站佈局中使用的CSS基礎知識。 |
| 用CSS覆蓋默認文本選擇顏色 | Chris Coyier的CSS-Tricks帖子。 |
| 每個網站的智能鏈接強調 | Adam Schwartz發帖。 |
| 選擇文本時瀏覽器默認背景顏色是什麼？ | 在堆棧溢出上回答 |
| 為什麼我從少切換到Sass？ | 雨果·吉羅（Hugo Giraudel）發帖。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| 內政部海報 | 海報的內部辦公室存儲庫涵蓋了不同的主題 - 研究，訪問需求，可訪問性，設計。 |
↥回到頂部
| 姓名 |
|---|
| 欣賞網絡 |
| awwards |
| 表情 |
| 最佳網站畫廊 |
| codepen |
| CSS畫廊 |
| CSS冠軍 |
| 設計冰箱 |
| deviantart |
| 運球 |
| 最喜歡的網站獎（FWA） |
| Goodui |
| Google設計 |
| HTML靈感 |
| 搜索UI效果的靈感 |
| 一頁愛 |
| 我喜歡的好人 |
| Siiimple |
| 最好的設計 |
| 非常好的網站 |
| 網頁設計靈感 |
| WebDesign -Tumblr搜索 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| 探索響應類型量表 | 找到您的（適當的，多設備和垂直）節奏 |
| 字體對 | 字體對可幫助設計人員將Google字體配對在一起。美麗的Google字體組合和對。 |
| 使用StackSwell生成類型秤 | 使用StackSwell的最新版本節省時間，並在幾秒鐘內創建類型系統！ |
| 材料設計類型系統 | 使用字體盡可能清晰有效地呈現您的設計和內容。 |
| 模塊化尺度 | 計算，可視化和了解模塊化尺度。 |
| 類型連接 | 類型連接是一個可以幫助您學習如何配對字體的遊戲。 |
| 開發人員的版式 | 這旨在作為開發人員學習Web排版的實用指南。 |
| 打字 | 什麼是類型的趨勢 |
| 類型秤 - 視覺計算器 | 預覽並為您的項目選擇正確的類型秤。實驗字體尺寸，比例和不同的WebFonts。 |
| WhatFont-鉻延長 | 在網頁上識別字體的最簡單方法。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| schema.org | 一項協作，社區活動，其使命是在Internet，網頁，電子郵件中及其他方面創建，維護和推廣用於結構化數據的模式。 |
| 微型成像 | 在HTML中標記結構化信息的最簡單方法。 |
| 了解結構化數據的工作方式 | 本文檔描述了具有特殊含義的結構化數據，需要，建議或可選的是Google搜索。 |
| Google結構化數據測試工具 | Google結構化數據測試工具。 |
| Google的PagesPeed Insights | 使您的網頁在所有設備上快速。 |
| JSON用於鏈接數據 | 數據是混亂且斷開連接的。 JSON-LD組織並連接它，創建一個更好的網絡。 |
| JSON-LD | Wiki |
| 緯度和經度查找器 | 緯度和經度是代表地理坐標系坐標的單位。要進行搜索，請使用位置，城市，州或地址的名稱，或單擊地圖上的位置以查找lat lat坐標。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| 軟件包管理系統列表 | 這是軟件包管理系統的列表，首先按軟件包格式（二進制，源代碼，混合）進行分類，然後按操作系統家族進行分類。 |
| 易於 | 位於Debian的Linux OS軟件包管理器。 |
| 百勝 | 基於Fedora的Linux OS軟件包管理器。 |
| 自製 | Homebrew是一個軟件包管理系統，可簡化Apple MacOS操作系統和Linux上的軟件安裝。 |
| Winget | Windows Package Manager（又名Winget）是專為Microsoft Windows 10設計的免費開源軟件包管理器。 |
| 巧克力 | 巧克力是為Windows平台構建的軟件包的機器級包裝管理器和安裝程序。 |
| Goenv | Goenv的目標是盡可能簡單，並遵循Pyenv和Rbenv的已建立的成功版本管理模型。 |
| NPM | NPM（最初是Node軟件包管理器的簡短）是JavaScript編程語言的軟件包管理器。 |
| Nodenv | 使用Nodenv為您的應用程序選擇節點版本，並確保您的開發環境與生產匹配。 |
| Pyenv | Pyenv使您可以輕鬆地在多個版本的Python之間切換。 |
| 紗 | 紗線是NPM的替代品。 |
| RVM | RVM是一種命令行工具，可讓您輕鬆地安裝，管理，與從解釋器到寶石集的多個紅寶石環境一起工作。 |
| rbenv | 使用RBENV為您的應用程序選擇Ruby版本，並保證您的開發環境與生產相匹配。 |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| Netlify | 用Netlify部署現代靜態網站。獲取CDN，連續部署，1鍵式HTTP和您需要的所有服務。免費入門。 |
| sticgen | 頂部開源靜態站點生成器列表。 |
| 靜態者 | staticman是一個node.js應用程序，它接收用戶生成的內容並將其作為數據文件上傳到github和/或gitlab存儲庫。 |
| Gitalk | 基於GitHub問題和預先反應的現代評論組件。 |
| 話語 | 輕巧的評論小部件構建了GitHub問題。使用GitHub問題進行博客評論，Wiki頁面等等！ |
↥回到頂部
| 姓名 |
|---|
| TLDR頁面 |
| tldr inbrowser.app |
| tldr-book.pdf |
| Brew Basic Commands -DevSheet |
| 作弊 |
| Devhints |
| 自製作弊地圖 |
| 手動github cli |
| 降價作弊表 |
| github-cheat-neet |
| 作弊表 |
| twitter上的octonator：“將.pibb添加到任何要點URL的末尾，以使僅html版本適合嵌入任何其他網站。http://t.co/hytfqbm2do”/Twitter” |
↥回到頂部
| 姓名 | 描述 |
|---|---|
| 56獨特的lorem ipsum發電機 | 使用這些熱鬧的Lorem Ipsum發電機為您的填充文本和設計項目增添色彩。 |
| HTTP狀態代碼的摘要指南 | HTTP狀態代碼的列表和說明 |
| 驚人的 | 精選的列表列表。 |
| 太棒了 | 精心挑選的令人敬畏的令人敬畏的清單。 |
| 很棒 | 精心策劃的許多主題列表。 |
| Bootstrap Resources by Start Bootstrap | 引導和相關資源的全面列表。 |
| Bootstrap片段啟動引導程序 | Bootstrap 4代碼片段的精選庫，非常適合在無需下載整個主題的情況下放入您的項目！ |
| 設計必需品，GitHub收藏 | 該設計庫的集合是網絡上最好的，它將完成您的工具集，以設計令人驚嘆的產品。 |
| 為開發人員設計資源 | 為開發人員提供的免費設計和UI資源列表，包括庫存照片，模板，框架，UI套件，在線工具等等。 |
| github-開源展示櫃 | 根據您最感興趣的主題瀏覽流行的存儲庫。 |
| 梯度背景 | 作為整個Internet上最佳梯度網站的精選列表，漸變背景使您可以探索，嘗試從數百種美麗的混合調色板中進行選擇。 |
| JavaScript插件存儲庫 | 香草JS工具，用於編寫無jQuery的強大Web應用程序。 |
| JavaScript領域 | Jster JavaScript目錄。 |
| javassripting | JavaScript庫，框架和插件的數據庫。 |
| 圖書館 | 開源發現服務。 |
| HTTP狀態代碼列表 | 超文本傳輸協議（HTTP）響應狀態代碼的列表。 |
| 社交分享URL | 該項目旨在幫助您將共享在代碼中集成在社交媒體上。 |
| 不吮吸的庫存照片 | 找到最佳免費庫存照片的地方列表。 |
| 文本編輯器，github收藏 | 展示一些令人驚訝的開源編輯器。 |
| 解開 | 分類為類別的jQuery插件的整潔存儲庫。 |
↥回到頂部
