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插件的整洁存储库。 |
↥回到顶部
