資源 - 收藏集 - 掘金
Coders' typeface, built from code. → Inziu Iosevka for Chinese and Japanese. ...
摘要：精緻多類型的 Web UI 元件 資源下載 連結： https://pan.baidu.com/s/1o7KStUa ; 密碼： 掃描下方二維碼或者搜索微信搜索【xituarea】關注回復808即可獲取下載密碼！ ...
Free and Open Source Cloud ERP Includes: Accounting, Inventory, Manufacturing, CRM, Sales, Purchase, Project Mana...
摘要：範本包含的模組有部落格、電子商務、媒體、形式、標題、頁腳、相關基礎元件。 有Photoshop和sketch版本。 資源下載 連結： https://pan.baidu.com/s/1qXOQWVU ; 密碼：...
摘要：本次帶來的UI套件包括150+精緻的介面，7個主題，完美適應Retina螢幕，而且100%為向量圖層。 另外UI套件合理的結構更易於我們輕鬆上手。 幫助設計師和開發者帶來不一樣的設計靈感。 資源下載 連結： https://pan.baidu....
使用bodymovin呈現一些有趣的After Effects向量圖示 ...
摘要：情人節快到了，特整理一些情人節相關 icon 圖示方便大家取用。 資源下載 連結： https://pan.baidu.com/s/1bp9XZFh ; 密碼： 掃描下方二維碼或者搜索微信搜索【xituarea】關注回復777即可獲取下載密碼...
Clean Resume Template Blog Media Kit Template - 2 Page Blog Media Kit Template - 2 Page Blog Media Kit Template - 3 Page Resum...
摘要：本套 UI 包含圖表，地圖，收件匣，日曆，按鈕，模態，消息，載入等 資源下載 連結： https://pan.baidu.com/s/1pKSSixH ; 密碼： 掃描下方二維碼或者搜索微信搜索【xituar...
摘要：作為一款優秀的瀏覽器，Chrome有很多擴展程式，而且其中一些還能幫你提升工作效率。 這篇文章中，我們就總結了30個效率類Chrome擴展程式，快看看有沒有適合你的吧！ 作為一款優秀的瀏覽器，Chrome 有很多...
這款在線筆記應用的服務物件主要是創意工作者。 它像一張工作臺亦或是一塊白板，讓你可以自由將收集到的文字、圖像等隨意擺放在這塊白板上。 也允許你快速連線，創建關係。 這款筆記應用服務剛剛推出，可以免費記錄100條訊息，無線存儲及團隊協作功能需升級付費計劃使用。 ...
摘要：創意卡片式設計鑒賞 AIGA CSSDSGN AWWWARDS SHOPIFY THEMES http://WORDPRESS.COM THEMES POLAROID CASUAL S...
NProgress - 實現和 Youtube 一樣的細長進度條
你也許已經在Youtube上看過了那道紅色鐳射脈衝，它會在你切換頁面時出現。 其實許多行動瀏覽器的進度條都是這個樣式，但是在網頁上實現可不多見。 不過，有了 NProgress 這個 jQuery 外掛程式，你也可以輕鬆實現！ Youtube 上的載入進度條...
摘要：簡潔清爽的 Web UI 元件，元件清晰明瞭，有 Photoshop 與 sketch 雙版本。 資源下載 連結： https://pan.baidu.com/s/1qYJF1O4密碼： 掃描下方二維碼或者搜索微信搜索【xituarea】關注...
日本免費設計資源網：PhotoshopVip - 設計 - 掘金
Photoshop Vip 是來自霓虹國的一個免費設計資源分享網站。 網站上，你可以搜尋關於前端開發、網頁設計、動畫素材、Photoshop 教程等方方面面的資源。 相信，你可以找到自己喜歡的 "菜"...
10 個 MATERIAL DESIGN 配色方案的網站與工具
摘要：精選10個 MATERIAL DESIGN 配色相關的網站，方便日常設計隨手取用。 Material Palette 在這個工具中，你可以先選擇主色和重點色。 選完之後工具會自動生成即時預覽圖並提供多種下載的方式。 Material UI 這是一個漂亮的...
簡潔精緻的 Web & mobile Wireframe Kits 線框圖
摘要：Web & mobile 兩個版本，包含功能表欄，登陸，表單，部落格，商城和一些基礎的Web 線框圖和APP線框圖的基本元件。 登陸註冊線框圖 頭部線框圖 Feature線框圖 展示線框圖 表單線框圖 團隊線框圖 評價類線框圖 部落格線框...
Chrome DevTools 官方文檔 - 鍵盤和 UI 快捷鍵參考
原文已經修改，只剩鍵盤快捷鍵，譯文暫不修改。 Chrome DevTools有幾個內置的快捷鍵，可以節省你的日常工作的時間。 本指南提供了Chrome DevTools中每個快捷鍵的快速參考。 雖然一些快捷方式在全域範圍內可用，但其他的快捷方式用於特定的某些...
免費的靈感啟發圖像資源網：RawPixel - 設計 - 掘金
RawPixel 是一個提供免費靈感圖像的資源網站。 它收錄了眾多具有質感的、獨特的相片素材。 你只需要註冊個帳號就可以免費下載使用了。 並且，所有的素材也適用於個人或商業用途。 來 Enjoy 吧！ ...
摘要：本次帶來的UI套件包括150+精緻的介面，7個主題，完美適應Retina螢幕，而且100%為向量圖層。 另外UI套件合理的結構更易於我們輕鬆上手。 幫助設計師和開發者帶來不一樣的設計靈感。 資源下載 連結： https://pan.baidu....
30 + 優質的配色工具、圖示合集、設計素材合集 - 稀土區
摘要：本次推薦的包含了配色工具、圖示合集、設計素材和Sketch外掛程式等，當然，免費的字體也都有，每次這一部分所挑選的字體都相當實用。 COLOR LIBRARY Color Library 能夠幫你將圖片中的色彩分離出來，來構成合理的配色方案。 PAPERW...
Travel Real Estate Sports Communication Food Music Hotel and Restaurant Electronics 資源下載 連結： https://pan.baidu.com/s/1qYMv...
摘要：線框圖有利於分析梳理確認需求，思考分析確認優化方案，開發者和設計師可以利用線框圖尋找靈感，為自己專案增加新想法。 資源下載 連結： https://pan.baidu.com/s/1slnKkVV密碼： 掃描下方二維碼或者搜索微信搜索【xi...
Flat-icon 2000 枚多分類簡潔精緻的 icon 圖示打包下載 - 稀土區
摘要：本次帶來2000+的簡潔多分類的icon圖示，分類包含衣服鞋子，媒體類，節日類，一些基礎UI控件圖示，網路設備類，資料夾，遊戲設備類，家居類，天氣和社交類等多種多樣的icon圖示。 更多精美圖示展示，點進文章內看看吧。 資...
摘要：如果你正在開發一個新的網站，新的APP，或者進行設計方面的工作，圖示在你的工作中不可或缺。 圖示的使用從APP到回應的網站使用無處不在。 稀土區特別收集了20+的icon圖示來説明大家更好的進行設計開發。 需要轉成SVG請留言。 Pioneer Icons F...
摘要：包含頭像，購物，工業，藥物，食物，音樂，服飾，玩具，建築，醫療，出行等分類的ICON 圖示。 avatars icon 圖示 tec...
摘要：如果你正在開發一個新的網站，新的APP，或者進行設計方面的工作，圖示在你的工作中不可或缺。 圖示的使用從APP到回應的網站使用無處不在。 稀土區特別收集了20+的icon圖示來説明大家更好的進行設計開發。 圖示包含PSD，Sketch，AI格式。 已經打包完成。 ...
開源的全功能型向量圖示：TypIcons - 設計 - 掘金
TypIcons 是一個開源的網頁向量圖示集合，它彙集了上百個網頁常用小圖示任你用，同時支援下載到本地使用，非常適合網頁設計師。 ...
一套 Material Design 風格的管理面板 HTML 範本下載
index.html alerts.html animations.html buttons.html wall.html messages.html widgets.html pricing-table.html preloaders.htm...
這是第三屆 360 前端星計劃的選拔作業題。 600多名學生參與瞭解答，最後通過了60人。 這60名同學完成的不錯，思路、代碼風格、功能完成度頗有可取之處，不過也有一些欠考慮的地方，比如發現很多同學能按照需求實現完整的功能，但是不知道應當如何設計開放的 API，或...
熟悉水準居中和垂直居中的方法， 不為別的， 就為用的時候能夠信手拈來. 下面直接步入正題. 原文：16種方法實現水準居中垂直居中 水準居中 1） 若是行內元素， 給其父元素設置 text-align：center，即可實現行內元素水準居中. 2） 若是塊級元素,...
尋根溯源話佈局 一切都始於這樣一個問題：怎樣通過CSS簡單而優雅的實現水準、垂直同時居中。 記得剛開始學習 CSS 的時候，看到 float 屬性不由得感覺眼前一亮，順理成章的聯想到 Word 文檔排版中用到的的左對齊、右對齊和居中對齊，然而很快就失望的發現...
導讀 你有沒有在搜索文本的時候絞盡腦汁， 試了一個又一個運算式， 還是不行. 你有沒有在表單驗證的時候， 只是做做樣子（只要不為空就好）， 然後燒香拜佛， 虔誠祈禱， 千萬不要出錯. 你有沒有在使用sed 和 grep 命令的時候， 感...
瀏覽器在請求不同域的資源時，會因為同源策略的影響請求不成功，這就是通常被提到的「跨域問題」。 作為前端開發，解決跨域問題應該是一個被熟練掌握的技能。 而隨著技術不斷的更迭，針對跨域問題的解決也衍生出了多種解決方案。 我們通常會根據專案的不同需要，而採取不同的方式。 這...
十五分鐘用 JavaScript 基礎寫一個圖片輪播效果 + 思路詳解
輪播圖的基本樣式 前言 這次也是一個適合JavaScript初學者的小練手，用JavaScript的基本知識去寫一個輪播圖，其實輪播圖有很多方法去實現，像用一些框架，Bootstrap之...
工作中經常用到 github 上優秀、實用、輕量級、無依賴的外掛程式和庫
原文收錄在我的 GitHub部落格（jawil/blog） ，喜歡的可以關注最新動態，大家一起多交流學習，共同進步，以學習者的身份寫部落格，記錄點滴。 按照格式推薦好用的外掛程式有福利哦，說不定會送1024論壇邀請碼，好自為之,...
【譯】2017 年 3 月：15 個有趣的 JS 和 CSS 庫
我們創辦 Tutorialzine 的使命是讓你及時的瞭解 Web 開發中最新、最酷的趨勢。 所以，每個月我們都會發佈一些精心挑選的優秀 Web 開發資源，同時我們也相信，它們值得你的關注。 1. PropellerPro...
之前連續多篇文章介紹用戶端爬取平臺（dspider），今天我們從零開始，實現爬取頂點小說網任意一本小說的功能。 如果你還不知道用戶端爬取，可以先看下我的前幾篇部落格： 爬蟲技術（ 一） 一篇文章瞭解爬蟲技術現狀 爬蟲技術（二） 用戶端爬蟲 爬蟲技術（三）-客戶...
本篇有7k+字， 系統梳理了js中排序演算法相關的知識， 希望您能喜歡. 原文： JS中可能用得到的全部的排序演算法 導讀 排序演算法可以稱得上是我的盲點， 曾幾何時當我知道Chrome的Array.protot...
共 5024 字，讀完需 6 分鐘，速讀需 2 分鐘，本文首發於知乎專欄前端週刊。 寫在前面，筆者在做面試官這 2 年多的時間內，面試了數百個前端工程師，驚訝的發現，超過 80% 的候選人對下面這道題的回答情況連及格都達不到。 這究竟是怎樣神奇的一道面試題？ 他考察...
~ 我們在學習JavaScript的過程中，由於對一些概念理解得不是很清楚，但是又想要通過一些方式把它記下來，於是就很容易草率的給這些概念定下一些方便自己記憶的有偏差的結論。 危害比較大...
localStorage 的黑科技 - js 和 css 緩存機制
一、發現黑科技的起因 今天在微信公眾號看到一篇技術博文，想用印象筆記收藏，所以發送了文章連結到pc上。 然後習慣性地打開控制台，看看源碼，想瞭解下最近微信用了什麼新技術。 呵呵，以下勾起了我偵探的慾望。 頁面載入後的異常點就是只加...
成功收尾，本月終於可以向 2.0 邁進了！ O(∩_∩)O...
2016 年立馬就要過去了，在新的一年，尤其春節後跳槽換工作的童鞋，不妨先刷刷這些題，有個大致印象也好。 過去的一年裡，行業整體對前端需求還是 供大於求。 不過大一點的互聯網公司對前端要求越來越高，而一些較為小型的創業公司對前端的要求相對低一點,...
深圳的天氣總是多變，前一段時間還是涼意濃濃，似乎要步入冬天了，最近卻又變得炎熱起來，氣溫驟升，讓人措手不及。 正如我們負責的業務一樣，一年下來有諸多變化。 今年9月份我們接手了京東2016版首頁改版開發，歷經1個多月緊張地開發測試，終於在雙11前成功全量發佈，回想...
webpack是當下最流行的js打包工具，這得益於網頁應用日益複雜和js模組化的流行。 webpack2增加了一些新特性也到了預發佈階段，是時候告訴大家如何用webpack2優化你的構建讓它構建出更小的檔尺寸和更好的開發體驗。 優化輸出 打包結果更小可以讓網頁...
發現了一個下載前端書籍的地方，分享給大家。 ...
我知道，網站改版很是讓人頭疼。 首先，這個過程需要很長時間還有大量工作要做，並且通常結果不會如你的預期。 其次，改版確實有破壞之前為 SEO 所做努力的風險。 但不要因為通常網站改版帶來排名下降就認為這是必然發生的。 本指南，我們將著眼於採取一些步驟來確保讓改版后的...
從製作世界上最快的網站中學到的十件事 [譯] - lotuc - 知乎專欄
本文譯自 10 things I learned making the fastest site in the world。 本文是聊的是性能提升相關的技術，希望你們別太介意題目中提到的那個網站目前尚未完成。 但是如果你非得看看該網站的實際情況...
關於 首發位址：微信公眾號——前端呼啦圈（Love-FED） 我的部落格：勞卜的部落格 知乎專欄：前端呼啦圈 前言 前端工程師其實是一個工作很雜的職位，除了要負責切圖、寫html/css/js外，還要解決一系列的瀏覽器兼容性、網頁性能優化等問題，所以提高前端工...
?github ? ? ? 還有許多其他有趣的收集 Leaflet Leaflet是最流行的開源互動式地圖。 它提供了你想要的地圖庫中的一切 - 標記，層次，縮放，以及更多的基本和高級功能。 最近官方出了1.0版本，許多改進的API，輔助功能和性能...