906 private links
A star rating widget can be created using only HTML and CSS — JavaScript isn’t needed. Accessibility software will see the widget as a group of radio buttons, and the standard keyboard interaction is supported automatically.
A tree view (collapsible list) can be created using only HTML and CSS, without the need for JavaScript.
Accessibility software will see the tree view as lists nested inside disclosure widgets, and the standard keyboard interaction is supported automatically.
I'll introduce you to the top 100+ repositories on github on most important topics on programming ranging from Frontend to Backend, DSA, to Design Patterns and System Design. These repositories are beneficial for any level from beginner to expert level programmers. I recommend to bookmark it for future as they'll be quite useful in years to come in your career.
100 Modern CSS Buttons. Every style that you can imagine.
In this video I will show you how to animate a Handwriting Effect for your website using just CSS (for the web styling) and Inkscape (for the writing path). You can also use Adobe Illustrator or similar.
The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source.
CSS Animations and transitions are possible with two or more clip-path shapes with the same number of points.
A flexible icon family for interfaces, diagrams, presentations — whatever, really.
Fluid responsive design
CocoMaterial is an Open Source hand-drawn illustration library
Easily generate the optimal responsive image dimensions
One image for all screen resolutions and different devices is not enough. An image per pixel is too much - so how can someone automatically choose the optimal responsive image sizes?
CSS mesh gradients generator
Check and suggests colors that meet the required WCAG contrast ratio.
Browse 1158 short code snippets for all your development needs on 30 seconds of code.
CSS code-golfing game is here! Use your CSS skills to replicate targets with smallest possible code. Feel free to check out the targets below and put your CSS skills to test.
Bunny Fonts help make the internet faster, safer and GDPR compliant!
AutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.
Safari sur iOS (et sur Mac) n’utilisent pas Blink, mais Webkit. Apple est parti de son côté avec Webkit et du coup fait un peu n’importe quoi. Ayant désormais un iPhone, je me retrouve à corriger mes sites et outils pour iOS.
Voici quelques trucs et astuces. Cet article sera emmené à être étendu avec le temps.
CSS is a highly specialized programming language focusing on style systems. Because of this unique use case and its declarative nature, it's sometimes hard to understand. Some folks even deny it's a programming language altogether. Let's prove them wrong by programming a smart, flexible style system.