CSSScript.com, free JavaScript and CSS resources

Resource

CSS Script is a subsite of jQueryScript aims to provide the newest, best and free Pure JavaScript and CSS resources for web/mobile developers and designers. The CSS Category features the most recent and popular CSS/CSS3 snippets, CSS frameworks, CSS codes, CSS libraries for web/mobile developers and designers. The JavaScript Category features the most recent and popular server-side…

CSS masonry with flexbox, :nth-child(), and order

HTML/CSS

Flexbox has no easy way of rendering items with a column layout while using a row order, but we can build a masonry layout with CSS only—no JavaScript needed—by using :nth-child() and the order property. This CSS-only way of creating a masonry (or mosaic) layout is surely not as robust, flexible, and foolproof as a JavaScript implementation (like Masonry) but if you don’t want…

Front-End Developer Handbook 2017

Resource

This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2017. It is specifically written with the intention of being a professional resource for potential and…

Open Color – An open-source color scheme

Resource

Open Color is an open-source color scheme optimized for UI like Font, Background, Border, etc. Goals: All colors shall have adequate use Provide general color for UI design All colors will be beautiful in itself and harmonious At the same brightness level, the perceived brightness will be constant Note: All the color is tested on…

CSS Reference – A visual Guide to CSS

HTML/CSS

Learn by example: cssreference.io is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples. The content of this project itself is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.

You Might Not Need JavaScript

HTML/CSS

JavaScript is great, and by all means use it, while also being aware that you can build so many functional UI components without the additional dependancy. Una Kravets (@una) took a look at the power of modern native HTML and CSS as well as some of the syntactic sugar of Sass. Because, you might not…