Inspiration

Inspire Awesome ===

在任何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 -一个非常受开发人员欢迎的文本编辑器. *主题
    • Flatron -扁平,紫色,非常性感.
    • Predawn -华丽的深色界面和语法主题.
  • Atom -21世纪可入侵的文本编辑器.
  • Brackets -具有实时预览功能的现代开放源代码编辑器.
  • VSCode -免费文本编辑器
  • Hyper -美观,可扩展的命令行界面
  • FileZilla -对于那些在终端中担心FTP的人.
  • WinSCP -将文件上传到MEAN堆栈或VPS服务器.
  • Sketch [仅适用于OS X]-专业的矢量图形应用程序.
  • Taskade [仅适用于OS X]-创建漂亮的任务列表和轮廓.
  • DevSession -从本地目录打开协作式在线IDE.

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

CC0

在法律允许的范围内, Noah Buscher 放弃了此作品的所有版权以及相关或邻近的权利.

:心: