In the last ten years, an average website’s size has increased from 500kb to 2000kb. Images have always been taking up half the amount. There's a need for a new image format to stop the…
Privacy-aware JPEG optimizer
JPEG.rocks is a JPEG optimizer that re-encodes images using a lossy algorithm, so the quality looks exactly the same for a human eye, but the size can be reduced by a big factor. Under the…
Responsible Web Applications
We as developers have a responsibility to ensure that our application is responsive and accessible (hence the title 'Responsible' Web Applications). It is extremely difficult and expensive to add responsiveness and accessibility after the fact.…
Configurable SVG Waves
A simple online tool to configure, generate & download code for responsive SVG waves. A free SVG wave generator to make unique SVG waves for your next web design. Choose a curve, adjust complexity, randomize!…
State of CSS Survey 2020
What do we learn from this CSS Survey? Forget everything you know about CSS. Or at least, be ready to reconsider a lot of it. CSS in 2020 looks nothing like what you were used…
Design good practices
Guidelines to naming conventions, components structure and document organization. Design more efficiently by following good, shared practices across team and projects. If you have ever wondered to how to put some order to your design…
The Ultimate Guide to UX Research
User experience research is a crucial component of the human-centered design process and an essential part of creating solutions that meet user expectations and deliver value to customers. This comprehensive guide to UX research dives…
Print.js: A tiny javascript library to print from the web
Print.js was primarily written to help us print PDF files directly within our apps, without leaving the interface, and no use of embeds. For unique situations where there is no need for users to open…
Gutenberg: A Meaningful Web Typography Starter Kit
Gutenberg is a flexible and simple-to-use web typography starter kit for web designers and developers. It’s a small step towards a better typography on the web. Beautiful typographic styles can be made by setting base…
Keyframes helps you write better CSS
Dead simple visual tools to help you generate CSS for your projects. Keyframes is a free bundle of tools to generate & live preview different CSS properties, plus some other web development tools. Animations Create…