Inspiration

Inspire Awesome ===

在任何Web项目中设计和构建现代前端都是一个漫长而艰巨的过程. 这是一个可以帮助您的链接. 请享用!

Concept

这些网站很好地了解了可能的布局和样式路径.

  • TheBestDesigns - 来自网络的精选网站的一般列表.
  • Awwwards - 更多各种风格的精彩网站.
  • Dribbble - 从一群才华横溢的人群中捕捉图标,涂鸦,网站等等.
  • Siiimple - 另一个网站列表,但更简单的一面.
  • Httpster - 互联网上最佳网站的精选列表.
  • siteInspire - 得到灵感.
  • Designer News - 来自'网络的最佳设计/开发链接.
  • CSS Winner - 评论了很棒的网站.
  • OnePageLove - 对一页和一般网站设计有很大影响.
  • CodeMyUI - 用于制作令人敬畏的UI的花式CSS / JS的代码片段列表.
  • CodePen - 用户提交的代码概念/片段的中央存储库. 非常适合实验.
  • CodyHouse - 教程和展示令人敬畏的UI元素.
  • CSS3 Cheat Sheet - CSS3备忘单

Creation

这些站点适合构建站点的基本框架.

*颜色 * Coolors - 超快速配色方案生成器. * Kuler - 轻松创建或查看您网站的自定义色样. * uiGradients - Gorgous梯度发生器. * Spectral - 最小的色样创建. * Unsemantic - 为小型到大型项目提供良好的网格框架. * MDN - HTML,CSS,JS等文档. * Bootstrap - 非常流行的框架,用于构建现代网站和Web应用程序. * Bootswatch - Bootstrap的免费主题列表. * Iconmonstr - 免费,简单的图标集合. * Ionicons - 另一个免费图标的大集合. * Subtle Patterns - 为您的项目提供大量免费背景存档. * Google Fonts - 大量免费,易于使用的网页字体. * Text to ASCII - 在源代码中添加一些性感的复活节彩蛋. * CSS3 Animation Cheat Sheet - CSS3动画片段的集合. * Flat UI - 用于平面设计的精湛HTML和CSS框架. 这是果汁. * CSS2Stylus - 将CSS转换为Stylus. * YMNNJQ - 在自然JS中查看jQuery函数. 没有图书馆. * User Inter Faces - 获取用户图像的ipsum图像. * 图片 * AllTheFreeStock - 所有免费股票图像,视频,声音和图标在一个位置. * TheStocks.im - 一系列优质的照片网站. * Unsplash - 免费,高品质的照片. * Albumarium - 大量免费股票照片.

Tools

每个画家都需要刷子. 嗯...大部分都做.

  • Sublime Text - 一个非常流行的开发人员文本编辑器. *主题
    • Flatron - 它是扁平的,紫色的,还有hella的性感.
    • Predawn - 华丽的黑暗界面和语法主题.
  • Atom - 21世纪的黑客文本编辑器.
  • Brackets - 具有实时预览功能的现代开源编辑器.
  • Hyper - 美观,可扩展的命令行界面
  • FileZilla - 对于那些担心终端FTP的人.
  • WinSCP - 将文件上载到MEAN堆栈或VPS服务器.
  • Sketch [仅限OS X] - 专业的矢量图形应用程序.
  • Taskade [仅限OS X] - 创建漂亮的任务列表和大纲.

Collaborate

与团队合作? 这些链接适合您.

  • Cloud9 - 与云中的其他人合作的一种非常棒的方式.
  • Gist - 快速与他人共享代码和文本. 就像一个迷你存储库.
  • Scratchpad - 一个简单的RTC工具,用于编码和预览网站.
  • Red Pen - 分享您的设计并无缝获得反馈.
  • Invoice Ninja - 开源发票平台.

Backends

每个真棒网络应用程序都需要一个很棒的后端.

  • Firebase - 您网站的实时前端数据库.
  • DigitalOcean - 廉价和优质的VPS托管公司.
  • Heroku - 云应用平台; 很容易扩展.
  • Auth0 - 身份验证,为您完成.
  • Hasura - 快速构建和部署应用后端的平台.

Testing

在您启动之前,这些都是确保您的网站为明星做好准备的好工具.

  • Checkbot - 测试您的网站的浏览器扩展遵循50+ SEO,速度和安全最佳实践.
  • Placehold - 生成任意大小的自定义占位符图像.
  • Browserling - 跨浏览器测试您的网站.
  • CodePen - 浏览器中的免费网页编辑器.
  • WooRank - SEO元素的审核工具,W3验证和许多其他变量. 免费基本服务.
  • Yslow - 用于分析和查找针对缓慢站点加载的多种原因的修复的工具.
  • Hurl.it - 在浏览器中发出HTTP请求.
  • Localtunnel - 打开世界的localhost端口.
  • 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 已放弃对此作品的所有版权及相关或相邻权利.

:心: