As an internet designer, any little software that helps you accomplish something that little bit faster and higher are price their weight in gold. And the beauty of the design neighborhood is that there's a multitude of designers that acknowledge the small useful resource gaps that we would have and create helpful options, just like the sources I’ve outlined on this put up, which fill these studying gaps.
Beneath you can see apps that can clear up your CSS recordsdata, instruments that can convert Illustrator recordsdata to HTML, guides that can enable you to visualize CSS3 Flexbox Properties, net apps to rapidly browse and choose Google fonts, and far, far more. All the instruments are utterly free, so prepare to begin bookmarking!
CSS Stats
CSS Stats is a straightforward web-based app that visualizes varied stats about your CSS recordsdata.
HTTTML
With HTTTML you possibly can change your boring, commonplace markup, to incorporate customized tags with extra attention-grabbing and distinctive names.
Purify CSS
Purify CSS is a helpful software that detects which CSS selectors your app is utilizing and creates a file with out unncessary CSS.
E mail Lab
Email Lab is an open-source starter package for HTML emails that makes use of Grunt, a command-line construct software, to streamline and simplify the creation of electronic mail templates. The templates might be constructed with re-usable parts and might be styled utilizing conventional CSS or Sass
Layers for WordPress
Lately reaching the 100,000 obtain milestone, Layers is a brand new and open-source website builder for rapidly creating WordPress themes.
spaceBase
spaceBase is a Sass-based responsive CSS framework that may be constructed upon and tailor-made to your necessities. It combines finest practices for in the present day’s responsive net with the core parts used on each challenge.
Font Library
Font Library is an open-source challenge to tag, arrange and make it simpler to browse Google Fonts.
.resizr
.resizr emulates the completely different display screen sizes of many in style units displaying you the way your website will seem and can help you take a look at media queries.
Libraries
Libraries.io is a web-based app that helps you discover new open-source libraries, modules and frameworks and likewise maintain monitor of ones you rely on.
Libscore
Libscore is an app that scans the highest a million websites on the net to gather statistics on JavaScript library utilization.
First Assist Git
First Aid Git is a searchable assortment of probably the most incessantly requested requested questions on Git.
Angular Interactive box-model Diagram
A helpful app that can assist you visualize the box-model.
CSS Gradient Animator
CSS Gradient Animator is, because the identify suggests, a helpful little software for rapidly producing CSS gradients.
localFont
localFont is an web-based Vanilla JS software that converts font household recordsdata right into a prepared to make use of answer for localStorage net font caching.
Epic Favicon Generator
Epic Favicon Generator is a software that can create 20 completely different favicon sizes to your website, from 16x16px all the best way as much as 196x196px.
UX Recipe
UX Recipe is a guidelines the place you uncover, select and estimate your subsequent UX challenge instruments & methods.
Visible Information to CSS3 Flexbox Properties
Fairly that explaining how the flex properties work, this visual guide focuses on how the flex properties have an effect on layouts.
CSS Font Sizing
CSS Font Sizing explores and compares the assorted strategies of declaring font sizes with CSS.
Typography Cheatsheet
This Typography Cheatsheet, created by Sort Wolf, is a complete information to sensible quotes, dashes & different typographic characters.
Machine Metrics
Device Metrics is a helpful useful resource from Google Design for checking the display screen measurement, decision, facet ratio of many units.
CSS Ruler
CSS Ruler is a helpful web-based software for exploring CSS lengths.
Unitools
Unitools is a set of instruments, gathered from varied sources on the web, for working with Unicode within the browser.
PixelCounter App
Pixelcounter is an open supply Home windows and Mac utility for counting the pixels of your photographs.
Net Font Load
Web Font Load is a software that can can help you set up, by way of the terminal, ALL of Google’s Net Fonts directly.
ai2html
ai2html is an open-source script for Adobe Illustrator that converts your Illustrator paperwork into HTML and CSS.
…and eventually…
…a bunch of helpful references for you:
- htaccess Cheat Sheet – A set of helpful .htaccess snippets.
- HTML Arrows – HTML Symbols, Entities and Codes.
- GitHub Cheat Sheet – A listing of cool options of Git and GitHub.
Characteristic picture: dotshock
