Grid Designer 2 If you're familiar with the grid, a bit of design and basic typography, using this script should be pretty easy - most of the functions are pretty self-explanatory. If you're unfamiliar with grids in general, you could start by reading an excellent series of articles by web designer Mark Boulton. For those who want a real understanding of the theory of grids in relation to design and typography, I strongly recommend this book. On the Columns tab, you can start your design in two ways: Fill in the number of columns, total width, gutters and margin widths, all specified in pixels - then press the design button.
100 Free PSD Files Every Web Designer Should Have In this post we gather a collection of 100 fully customizable web design elements layered PSD files, easy to use and customize with some adjustment as per your need and can be turned into ready web element. PSD files can be used to create good-looking and eye-catching web design layouts, icons, buttons, any web design elements and much more. There are lots of great designer out there who are regularly sharing some awesome PSDs and resources. 15 Most Popular jQuery Plugins of June 2012 Another month has passed and it's time for the jQuery plugins roundup. Keep on reading to see what plugins you might have missed in June 2012. 1. jQuery++ Styling SVG <use> Content with CSS An in-depth article on how to style the contents of the SVG <use> element and overcome some challenges it brings. One of the most common use cases for SVG graphics is icon systems, and one of the most commonly-used SVG spriting techniques is one that uses the SVG <use> element to “instantiate” the icons anywhere they are needed in a document. Instantiating icons or any other SVG element or image using the <use> element introduces some challenges when it comes to styling the instance of that element.
Tools for Web Developers Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, SEO and more. You can run Lighthouse in Chrome DevTools, from the command line, or as a Node module. You give Lighthouse a URL to audit, it runs a series of audits against the page, and then it generates a report on how well the page did. From there, use the failing audits as indicators on how to improve the page.
Language subtag lookup app (Un outil officieux de recherche de sous-étiquettes de langues permet un usage simplifié du registre IANA) BCP 47 language tags are built from subtags in the IANA Subtag Registry. This tool helps you find or look up subtags and check for errors in language tags. Read Choosing a Language Tag for step-by-step guidelines on creating language tags.