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.
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. Flexisel - Responsive Carousel jQuery Plugin As long as there has been jQuery there have been image carousels created with jQuery. The famous jCarousel has been out since 2006, the same year the first version of jQuery was released. However, with the explosion of users now using their mobile devices for their internet browsing — on iPhones, iPads, and the like — it becomes necessary for jQuery plugins to support a good user experience on these devices. Enter Flexisel, the responsive image carousel with options specifically available for adapting the carousel for mobile and tablet devices. Check out the demo here.
HTML minifier HTML Minifier (v3.4.0) Treat attributes in case sensitive manner (useful for custom HTML tags) Omit attribute values from boolean attributes Don't leave any spaces between display:inline; elements when collapsing. Must be used in conjunction with collapseWhitespace=true Collapse white space that contributes to text nodes in a document tree Always collapse to 1 space (never remove it entirely). Must be used in conjunction with collapseWhitespace=true Use direct Unicode characters whenever possible Parse input according to HTML5 specifications Insert tags generated by HTML parser Keep the trailing slash on singleton elements Specify a maximum line length. Select: All, None, Reset