新年假期结束，咱们这就要开工啦，先给大家推一发 干货 助助兴。这次的 干货 合集延续以往的传统，精致的线性图标，Material Design 设计 素材 ，手势图标，APP展示套件，各种设计模板，视觉稿，插画，UI Kit，PSD模板，Wordpress 和 Bootstrap 模板以及各种开发工具。虽然这些 素材 种类分散，但是基本都实用可靠，总会有几个能帮到你。
OUTLINE & FILLED VECTOR ICONS COLLECTION
这是一个超大的图标合集，其中包含了超过15400个图标，包含了AI、SVG和PNG多种格式类型。
MULTI-TOUCH GESTURE VECTOR ICONS SET
这是一套为多点触摸设计的免费手势图标合集，总计有58个，这套图标使用的是AI格式，并且向下兼容到CS4。
FACEBOOK’S DEVICES DESIGN RESOURCES
这组Facebook 原创视觉稿套件包含了手机端的界面和可穿戴设备的界面，包含了 iPhone、三星 Galaxy、Sony智能手表等多平台多尺寸的界面。
VALENTINE’S WATERCOLOR PACK
这是一组漂亮的情人节贺卡视觉元素合集，包含41种不同的元素，格式为PNG，带有透明背景。
50 BRANDING MOCKUP TEMPLATES
这个视觉稿合集中包含50款不一样的设计作品，扁平风，PSD格式。
PICNIC
Picnic 是一款炫酷的餐厅菜单设计模板，整体配色采用的是漂亮的薰衣草紫，整体视觉搭配也颇为平衡。
MERKURY
Merkury 是一款PSD格式的控制面板模板，它是为内容管理系统所设计的，包含六屏不同的界面。
PSD UI PRESENTATION KIT
这是一组PSD格式套件，主要是借助预制的视觉元素和基于不同场景的来展示你的APP和网站。
MINIMAL ECOMMERCE PSD UI KIT
这是一组极简风格的UI Kit，主要是针对电商类的网站而设计的，采用了6种色彩作为基本配色，包含了多种常用的UI控件。
EVENTPRO
EventPro是一款跨设备的UI Kit，使用的是PSD格式，并且整体风格现代而扁平，包含了聊天、分析、计数、时间线等多种专业的控件。
COLORADO
Colorado 是一款清爽的UI控件包，极简的设计近乎线框图，整体配色复古，所用格式是PSD和AI。
GOODBARBER
GoodBarber 是一款以暗色调为主的的UI Kit，主要是针对iOS平台，包含了导航、注册/登录、菜单、文章、图片、视频等多种界面元素。
WINTER INSPIRED MOBILE UI KIT
这套 UI Kit 中包含30种视觉元素，整体采用的是Material Design 的设计风格，蓝白冬季限定配色~
QUENDA
Quenda 是一款非衬线字体，包含6种不同的粗细，相关的字符、标点符号包含的非常全面。
ARABELLA
Arabella 是一款漂亮的手写风格字体，字体格式为TTF，非常适合用作标题、签名、徽章以及各种装饰性的场合。
QANELAS
Qanelas 是一款整齐得令人着迷的字体，作为一款非衬线体，字体拥有恰到好处的柔和边角，拥有20种不同的粗细变化。
POSTE
Poste 是一款带有明显装饰性的衬线字体，最大的特色是它形同阴影的装饰性衬线。
BROTHERHOOD
Brotherhood 是一款装饰性极强的手写字体。
PIXTURE
Pixture 是一款网站PSD模板，它的设计理念源自于某个Dribbble 设计作品。这套模板设定了两套宽度，一种是给桌面端的，宽度为1600px，另外一个是给iPhone的，750px。
SERTIN
Sertin 是一个基于Bootstrap 的单页网站PSD模板，可以用作单页网站、产品页面、作品展示、着陆页等多种用途。
ABDULLAH
Abdullah 是一个PSD 格式的暗色调网站模板，可以用作个人作品展示，布局自由，并搭配有自适应的栅格。
KRAKATAU
Krakatau 是一款现代的 WordPress 主题，整体风格干净清爽，兼容Google Fonts服务，跨设备跨屏幕的响应式设计，可深度定制，拥有SEO优化。
SPACIOUS
Spacious 是一款干净的Wordpress 主题，全响应式设计，为多种功能而设计，所以内置多种布局模式，可自定义菜单。
LHANDER
Lhander 是一款HTML 模板，拥有现代风的设计和极简的图标，平滑的滚动效果，悬停的导航栏，视频模块等多种功能。
FLAT PORTFOLIO PSD & HTML TEMPLATE
这是一款为扁平风的响应式网站所准备的模板，模板分PSD和HTML两种。
EXPANDING MATERIAL DESIGN CONTACT FORM
这是一个Material Design 风格的可展开式的联系人表单，鼠标悬停其上就会展开表单。
MULTI-DEVICE SCROLLING MENU
这是一款精心开发的水平滚动菜单，你不仅可以轻松探索所有的选项，还能随之调整背景色彩。
CSS 3D SOLAR SYSTEM
这是一款可调整参数的3D太阳系模型，你可以调整参数查看运转状况。
SVG CLIP-PATH HOVER EFFECT SNIPPET
通过这个代码片段，你可以借助CSS和SVG来控制鼠标悬停时候一些元素的显示效果。
ABSOLUTE CENTERING SNIPPET
这是一个纯CSS代码片段，借此你可以控制元素对齐，你甚至可以控制元素的长宽来实现这一点。
FABRIC
Fabric 是一款响应式、移动端优先的前端框架。
GITLO
Gitlo 可以让你在Trello上管理 Github ，更加高效，也更便于解决各种问题。
CLIMATE
Climate 以输入彩色文本的方式，让你的终端更便于调试，优化你的开发过程。
FABRICATOR
你可以使用Fabricator 来构建你自己的UI Kit。Fabricator 是一款基于Node.js 的平台，用于快速构建、可拓展的网络应用。这款工具为各个平台准备了安装包，你也可以自己编译安装。
CODEPAD
Coded 是一款为开发者准备的社会化的代码片段网站排名，你可以在这里收藏、分享哪些最好的代码，这些代码类型包括CoffeeScript, Ajax, Angular, Apache, Ruby, SASS, Swift, XSLT等。
IMBA
Imba 是一种全新的编程语言，旨在建立更加强大的Web应用，它包括了定义、扩展、集成、说明等语言层面的支持。
HACKMYRESUME
在 HackMyResume 的帮助下，你可以使用命令行来设计自己的简历。你可以使用Markdown和JSON来编写，并且输出为Word、HTML、PDF、LaTeX、纯文本等多种格式。HackMyResume 是基于Node.JS 来构建的，并且兼容OSX、Windows和Linux三大主流平台。
SLIM
Slim 是一个PHP微框架，可以帮你简单快速地编写强大的网页APP、API。它包括了HTTP路由功能、PSR-7支持等等。
PHAP
PHAP 可以让你使用PHP来编写本地的移动端APP。它使用PHP来实现功能，借助HTML/CSS来实现UI，让应用可以流畅地运行于Android、iOS和Windows Phone。
MILLIGRAM
Milligram 是一款CSS框架，只有2KB的大小，但是只需要进行少量的属性设定，就能提供小而快速的初始化设定。
PHILTER
Philter 是一款开源的JS插件，能帮你通过记录悬停事件和HTML属性来控制CSS过滤器。
NEUTRON
Neutron 是一款 Sass 框架，帮你创造灵活、清晰的布局。
PLACEMAT
Placemat 是一个图片占位符插件，其中图片主要是人物、场景等内容，简单自由。
HANDWRITING.IO
这是一款强大的API，能帮你生成超级拟真的手写字体。
CHARTICO
Chartico 是一款强交互型的在线工具，帮你制作柱状图，允许自定义标题、色彩和内容。
ABITO
ABITO 是一款Wordpress主题，主题包含了许多流行、现代的特效，比如淡入淡出、模糊特效，等等。
SMOKE
Smoke 是为Bootstrap 所开发的一套组件，包括信息提醒、进度条、全屏以及控制面板等。
PRESSURE.JS
Pressure 是一款JS库，通过一个Safari 浏览器内置的一个简单API帮助开发者控制Force Touch和3D Touch。
CMS.JS
CMS.js 是一个纯客户端的JS网站生成器，基于Jekyll，使用普通的HTML/CSS/JS来制作网站。
LOUD LINKS
Loud Links 是一个小型JS库，它可以帮你在网站中添加可交互的音频媒体，主要通过HTML5的音频元素来播放MP3和OGG格式文件。
APPOLO
Applol 是一组Jekyll 的插件和主题合集，主要是用来制作诸如产品和作品展示类型的网站。
STICKYSTACK.JS: STACKING EFFECT JQUERY PLUGIN
StickyStacks 是一款jQuery 插件，它可以帮你创造粘滞特效，让特定的面板维持在特定的位置。
COLOFILTER.CSS
Colorfilter 是一款CSS库，可以通过调整色彩、饱和度、亮度和混合模式来帮你实现双色滤镜。
WP SECURE FORMS
WP Secure Forms 是一款表单编辑器，可以帮你生成符合Wordpress 主题 PHP、HTML、JS和CSS表单。
MEDIUMEDITOR
MediumEditor 是一款纯JS插件内编辑器，这个编辑器的外观和功能都是参考Medium的那种所见即所得的编辑器。
【过去一年的 干货 】
一月干货合集： 《干货驾到！2015年一月设计圈干货大合集》
二月干货合集： 《来收最新干货！二月份免费设计资源+实用工具大合集！》
三月干货合集： 《月底福利！三月设计圈干货大合集第一波》
四月干货合集： 《四月福利！30+酷炫实用的免费APP设计模板》
五月干货合集： 《有好货！五月必收的优质设计资源干货大合集》
六月干货合集： 《假期福利！六月设计圈高品质干货大合集》
七月干货合集： 《七月干货！帮你发掘高素质图标的50个优质网站》
八月干货合集： 《不要错过！姗姗来迟的八月设计圈干货大合集》
九月干货合集： 《再来一发！九月不容错过的高素质设计圈干货大合集》
十月干货合集： 《长假福利！新鲜出炉的十月设计圈干货大合集》
十一月干货合集： 《双11福利！不容错过的十一月设计圈干货素材大合集》
十二月干货合集： 《年底干货！不容错过的十二月设计圈干货素材大合集》
原文地址： webdesignerdepot
原文作者： JUAN PABLO SARMIENTO
优设译文：@陈子木
本文由优设网原创翻译，请尊重版权和译者成果，转摘请附上优设链接，违者必究。谢谢各位编辑同仁配合。
【优设网 原创文章 投稿邮箱：2650232288@qq.com】
HTML与CSS vs. JavaScript：比较概述Apr 16, 2025 am 12:04 AMHTML、CSS和JavaScript在网页开发中的角色分别是：HTML负责内容结构，CSS负责样式，JavaScript负责动态行为。1.HTML通过标签定义网页结构和内容，确保语义化。2.CSS通过选择器和属性控制网页样式，使其美观易读。3.JavaScript通过脚本控制网页行为，实现动态和交互功能。
HTML：是编程语言还是其他？Apr 15, 2025 am 12:13 AMHTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1）htmlStructures andFormatSwebContentusingtags.2）itworkswithcsssforstylingandjavascript for Interactivity，增强WebevebDevelopment。
HTML：建立网页的结构Apr 14, 2025 am 12:14 AMHTML是构建网页结构的基石。1.HTML定义内容结构和语义，使用、、等标签。2.提供语义化标记，如、、等，提升SEO效果。3.通过标签实现用户交互，需注意表单验证。4.使用、等高级元素结合JavaScript实现动态效果。5.常见错误包括标签未闭合和属性值未加引号，需使用验证工具。6.优化策略包括减少HTTP请求、压缩HTML、使用语义化标签等。
从文本到网站：HTML的力量Apr 13, 2025 am 12:07 AMHTML是一种用于构建网页的语言，通过标签和属性定义网页结构和内容。1）HTML通过标签组织文档结构，如、。2）浏览器解析HTML构建DOM并渲染网页。3）HTML5的新特性如、、增强了多媒体功能。4）常见错误包括标签未闭合和属性值未加引号。5）优化建议包括使用语义化标签和减少文件大小。
了解HTML，CSS和JavaScript：初学者指南Apr 12, 2025 am 12:02 AMWebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。
HTML的角色：构建Web内容Apr 11, 2025 am 12:12 AMHTML的作用是通过标签和属性定义网页的结构和内容。1.HTML通过到、等标签组织内容，使其易于阅读和理解。2.使用语义化标签如、等增强可访问性和SEO。3.优化HTML代码可以提高网页加载速度和用户体验。
HTML和代码：仔细观察术语Apr 10, 2025 am 09:28 AMhtmlisaspecifictypefodyfocusedonstructuringwebcontent，而“代码” badlyLyCludEslanguagesLikeLikejavascriptandPytyPythonForFunctionality.1）htmldefineswebpagertuctureduseTags.2）“代码”代码“ code” code code code codeSpassSesseseseseseseseAwiderRangeLangeLangeforLageforLogageforLogicIctInterract
HTML，CSS和JavaScript：Web开发人员的基本工具Apr 09, 2025 am 12:12 AMHTML、CSS和JavaScript是Web开发的三大支柱。1.HTML定义网页结构，使用标签如、等。2.CSS控制网页样式，使用选择器和属性如color、font-size等。3.JavaScript实现动态效果和交互，通过事件监听和DOM操作。
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
mPDF
mPDF是一个PHP库，可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件，并处理不同的语言。与原始脚本如HTML2FPDF相比，它的速度较慢，并且在使用Unicode字体时生成的文件较大，但支持CSS样式等，并进行了大量增强。支持几乎所有语言，包括RTL（阿拉伯语和希伯来语）和CJK（中日韩）。支持嵌套的块级元素（如P、DIV），
Atom编辑器mac版下载
最流行的的开源编辑器
EditPlus 中文破解版
体积小，语法高亮，不支持代码提示功能
PhpStorm Mac 版本
最新（2018.2.1 ）专业的PHP集成开发工具
WebStorm Mac版
好用的JavaScript开发工具
