技术控

    今日:0| 主题:63445
收藏本版 (1)
最新软件应用技术尽在掌握

[其他] 10 best new web design tools for October 2016

[复制链接]
来治猩猩的你 发表于 2016-10-14 21:13:47
189 4
These days many of us are working on sites that involve a complex tangle of dependencies; if that’s you, this month there are a few tools that might help you out - whether that’s in the form of a dependency manager to keep everything organised, or resources that help you avoid them altogether.
  There’s also a tiny Flexbox-based grid system that’s only 93 bytes minified, a website downloader, SVG patterns and a new font family from Google.
   01. You Might Not Need JavaScript

      

10 best new web design tools for October 2016

10 best new web design tools for October 2016

      JavaScript isn't the only way      Why create an additional dependency for yourself when you don’t need it? This site shows you how to make things that you might be tempted to build with JavaScript using HTML, CSS or Sass. Examples include an image slider, view switcher, colour picker, forms, file upload and more.
   02. HTML Email

      

10 best new web design tools for October 2016

10 best new web design tools for October 2016

      Good HTML email templates       If you’ve ever tried to build HTML emails you’ll know how hard it is to get everything displaying correctly in every client. Bring mobile into the picture, which is where half of your emails will be opened these days, and it’s a horrible job. These email templates have been tested across all major email clients to save you the hassle of doing it yourself. If you’d like to try a free alternative, try the Litmus Community templates.
   03. Yarn

      

10 best new web design tools for October 2016

10 best new web design tools for October 2016

      Yarn, an efficient dependency wrangler      Yarn is a fast, reliable and secure dependency manager. It caches packages so they’re only downloaded once; verifies each one before executing any code; and installs dependencies in a deterministic manner, so if in an install works on one system it will work on another.
   04. Open Color

      

10 best new web design tools for October 2016

10 best new web design tools for October 2016

      A colour scheme that works for colour blind people      Open Color is a colour scheme that’s been tested for two types of colour blindness and found to be suitable for use in UIs. There are twelve colours and one grey, and it’s provided as CSS, SCSS, LESS, Stylus, Adobe library, Photoshop/Illustrator swatches and Sketch palette.
   05. FramerJS Club

      

10 best new web design tools for October 2016

10 best new web design tools for October 2016

      FramerJS inspiration      Take a look at what everyone’s been doing with FramerJS at FramerJS Club, a showcase of prototypes. Many of them link through to blog posts by the creators explaining what they did and why.
   06. Hugo

      

10 best new web design tools for October 2016

10 best new web design tools for October 2016

      Hugo, a static website engine       Hugo is a fast and modern static website engine. But why would you use this instead of Jekyll? One advantage is that there’s just a single binary, so you don’t have to maintain a full Ruby stack. It’s also said to be much faster than Jekyll at generating your site, so that alone may be a reason to switch. Here’s a blog post about one user’s experience.
   07. Fukol

      

10 best new web design tools for October 2016

10 best new web design tools for October 2016

      Fukol, a tiny grid system       This impressively tiny Flexbox-based grid system is just 93 bytes minified! It degrades to a single column layout in places where Flexbox isn’t supported, and instead of using breakpoints it uses an element query technique so that items grow to fill the available space. You can play around with it on CodePen here.
   08. Website Downloader

      

10 best new web design tools for October 2016

10 best new web design tools for October 2016

      Website Downloader, a great way to backup or migrate your site      This browser-based site ripper grabs every asset and all the source code from the target site and recreates the folder structure on your hard drive. All the links are converted so they point at the relevant local files instead of the online versions.
   09. Hero Patterns

      

10 best new web design tools for October 2016

10 best new web design tools for October 2016

      SVG patterns      As the popularity of SVG increases we’re starting to see a few more resources emerge. These repeatable, customisable SVG background patterns look handy to us, and they’re completely free.
   10. Google Noto Fonts

      

10 best new web design tools for October 2016

10 best new web design tools for October 2016

      No more tofu      When a device doesn’t have the font to display certain characters, they appear as squiggly boxes known as tofu. Noto means "no more tofu", and is a font family designed to support all languages and hopefully bring an end to tofu.
安夏 发表于 2016-10-17 08:37:10
楼下的小伙伴,速度跟上!
回复 支持 反对

使用道具 举报

冯颢 发表于 2016-10-19 06:34:49
花生、瓜子预备着,我要准备坐沙发了!
回复 支持 反对

使用道具 举报

LUN 发表于 2016-10-29 03:47:53
吾表兄,年四十余.始从文,连考三年而不中.遂习武,练武场上发一矢,中鼓吏,逐之出.改学医,自撰一良方,服之,卒.
回复 支持 反对

使用道具 举报

空中客车A380 发表于 2016-10-29 12:59:06
高手云集 果断围观
回复 支持 反对

使用道具 举报

我要投稿

回页顶回复上一篇下一篇回列表
手机版/c.CoLaBug.com ( 粤ICP备05003221号 | 粤公网安备 44010402000842号 )

© 2001-2017 Comsenz Inc.

返回顶部 返回列表