The Web Almanac is a comprehensive report on the state of the web, backed by real data and trusted web experts. It is comprised of 20 chapters spanning aspects of page content, user experience, publishing, and distribution. The open web is an amazingly complex, evolving network of technologies. Entire industries and careers are built on…
CSSScript.com, free JavaScript and CSS resources
ResourcesCSS 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…
Front-End Developer Handbook
ResourcesThis 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. It is specifically written with the intention of being a professional resource for potential and currently practicing…
Colorify.js, a tiny javascript color extractor
ScriptsColorify is a script written in Javascript, that allows you to extract colors from images, and manipulates them. From a simple plain color, based on the dominant color, to a beautiful gradient based on the image edges colors, colorify.js will spice up your designs! In summary, with Colorify.js, you can : Extract the dominant color…
PhotoSwipe 4.0: JavaScript gallery, no dependencies
ScriptsPhotoSwipe is the first open-source gallery to support JavaScript-based image zooming. Even if a browser’s native zooming has been disabled, image zooming will still work. All basic gestures are supported: flick to the next or previous image, spread to zoom in, drag to pan, pinch to zoom out or close, tap to toggle the controls,…
JavaScript, the Right Way
ResourcesThis is a guide intended to introduce new developers to JavaScript and help experienced developers learn more about its best practices. Despite the name, this guide doesn’t necessarily mean “the only way” to do JavaScript. It’s a collection of articles, tips, and tricks from top developers and put here. Since it comes from exceptional folks,…
PerfBar, collect your site performance metrics quickly
ScriptsSimple way to collect and look at your website performance metrics quickly, that supports budgeting and adding custom metrics. Simple setup. Just one script, there is no dependencies. There are a dozens of built-in metrics, but you also have the ability to add specific metrics for your app. If you follow the link below, you’ll…
oozled, curated resources for everything creative
ResourcesThis directory of resources is made to find resources that inspire you and create your own feed based on your favorites and/or interests. A reference guide for any designer looking for resources for their web projects and has over 40 categories, with over 700 items from Prototyping to Writing resources. You also can submit your own…
Load CSS or JS Files Simply & Asynchronously
ScriptsEver wonder about the simplest, fastest way to load a CSS file or a JavaScript file asynchronously? @ScottJehl from the Filament Group Inc. has been using and improving a couple of basic functions, which he calls loadCSS and loadJS, that do just that. LoadCSS Loading CSS asynchronously is tricky. Browsers tend to handle all CSS…
Font-To-Width, fit pieces of text snugly within their containers
ScriptsFont‑To‑Width (FTW!) is a small Javascript routine by Nick Sherman and Chris Lewis that takes advantage of large type families to fit text to the width of an element using multiple font families of different widths. Unlike other text-fitting tools like FitText.js, Font‑To‑Width does not scale the font-size (at least not by default). Instead, it chooses…