Inspiration
在任何Web项目中设计和构建现代前端都是一个漫长而艰巨的过程. 以下是可以帮助您的链接集合. 请享用!
Concept¶
这些站点很好地了解了可能采用的布局和样式路径.
- TheBestDesigns -网上精选站点的一般列表.
- Awwwards -各种风格的真棒网站.
- Dribbble -来自一群才华横溢的人的图标,涂鸦,网站等等的快照.
- Siiimple -另一个网站列表,但简单得多.
- Httpster -精选的Internet上最佳站点列表.
- SaaS Pages -对Netlify页面的检查特别是为您带来灵感.
- siteInspire - 获得灵感.
- Designer News -来自“网络”的最佳设计/开发链接.
- CSS Winner -审查了很棒的网站列表.
- OnePageLove -对一页和一般网站设计的影响很大.
- CodeMyUI -精美的CSS / JS的代码片段列表,这些代码片段使UI很棒.
- CodePen -用户提交的代码概念/代码段的中央存储库. 非常适合实验.
- CodyHouse -很棒的UI元素的教程和展示.
- CSS3 Cheat Sheet -CSS3备忘单
Creation¶
这些站点非常适合为该站点构建基本框架.
*颜色 * ColorsWall -存放调色板的地方. * Coolors -超级快速的配色方案生成器. * Kuler -轻松为您的网站创建或查看自定义色样. * uiGradients -华丽的渐变发生器. * Spectral -最小的色板创建. * Unsemantic -为小型到大型项目提供了良好的网格框架. * MDN -HTML,CSS,JS等文档 * Bootstrap -用于构建现代网站和Web应用程序的非常流行的框架. * Bootswatch -Bootstrap的免费主题列表. * iconscout.com -在一个地方获取高质量的图标,插图和股票照片. * Iconmonstr -免费,简单的图标集合. * Ionicons -大量免费图标. * Subtle Patterns -为您的项目提供大量免费背景的档案. * Google Fonts -大量免费,易于使用的网络字体. * Text to ASCII -在您的源代码中添加一些性感的复活节彩蛋. * CSS3 Animation Cheat Sheet -CSS3动画片段的集合. * Flat UI -出色的HTML和CSS平面设计框架. 是果汁. * CSS2Stylus -将CSS转换为手写笔. * YMNNJQ -请参阅自然JS中的jQuery函数. 没有图书馆. * User Inter Faces - Get ipsum images for user images. * 图片 * AllTheFreeStock -所有免费库存图片,视频,声音和图标都集中在一个位置. * TheStocks.im -很棒的图片网站的集合. * Unsplash -免费的高品质库存图片. * MinWiz -用于最小,可行,美观,可投入生产的网站的入门套件.
Tools¶
每个画家都需要一支刷子. 好吧...大多数.
- Sublime Text -一个非常受开发人员欢迎的文本编辑器. *主题
- Atom -21世纪可入侵的文本编辑器.
- Brackets -具有实时预览功能的现代开放源代码编辑器.
- VSCode -免费文本编辑器
- Hyper -美观,可扩展的命令行界面
- FileZilla -对于那些在终端中担心FTP的人.
- WinSCP -将文件上传到MEAN堆栈或VPS服务器.
- Sketch [仅限OS X]-专业的矢量图形应用程序.
- Taskade [仅适用于OS X]-创建漂亮的任务列表和轮廓.
Collaborate¶
与团队合作? 这些链接适合您.
- Cloud9 -与云中其他人合作的绝佳,禅宗方式.
- Gist -与他人快速共享代码和文本. 就像一个小型存储库.
- Scratchpad -一个简单的RTC工具,用于对网站进行编码和预览.
- Red Pen -分享您的设计并无缝获得反馈.
- Invoice Ninja -开源发票平台.
Backends¶
每个出色的Web应用程序都需要一个出色的后端.
- Firebase -您网站的实时前端数据库.
- DigitalOcean -便宜而优质的VPS托管公司.
- Heroku -云应用平台; 非常容易扩展.
- Auth0 -身份验证,为您完成.
- Hasura -快速构建和部署应用程序后端的平台.
Testing¶
在您启动之前,这些都是确保您的网站准备就绪成为明星的好工具.
- Checkbot -用于测试您的网站的浏览器扩展程序遵循50多个SEO,速度和安全性最佳做法.
- Placehold -生成任意大小的自定义占位符图像.
- Browserling -跨浏览器测试您的网站.
- CodePen -浏览器中的免费Web编辑器.
- WooRank -SEO元素,W3验证和许多其他变量的审查工具. 免费的基本服务.
- Yslow -用于分析和查找导致网站加载速度缓慢的多种原因的修复程序的工具.
- Hurl.it -在浏览器中发出HTTP请求.
- Localtunnel -打开本地主机端口.
- Postman -发出HTTP请求,生成模拟服务器和制作API文档的工具.
Good Reads¶
需要在业余时间阅读一些东西吗?
- Smashing Magazine -一本有关数字设计的杂志.
- CSS-Tricks -很棒的博客,介绍与CSS相关的所有内容.
- Codrops -为现代Web开发人员和设计师提供了大量的设计技术.
- Insert HTML -博客,介绍了针对Web开发人员的当前和即将到来的技术.
- 1stWebDesign -有关Web开发和设计的简单博客.
- A List Apart -客座博客和有关从编码到业务实践的主题的全书.
- GoodUI -绝对不错.
- Mentor -从其他设计师和开发人员那里获得随机建议.
License¶
在法律允许的范围内, Noah Buscher 放弃了此作品的所有版权以及相关或邻近的权利.