Circular progress bar
Create an SVG progress bar component
#css
CSS is the driver of everything visual on the web. It's a tool responsible for styling your apps and websites. The best CSS wizards can create unforgettable and unique visual experiences. The task of mastering this language is not free of struggles, as browser support and discrepancies are still plaguing the industry.
Blog posts
-
-
Gradient on the border
Put a gradient on the element's border
-
Items background clipping
Achieved clipped background image similar to text clip based on inside content
-
Masonry layout with CSS
Use simple CSS rules to crate masonry layout
-
Notes on gradients
Researching CSS gradients
-
Exploring backdrop filter
Looking into the way backdrop filters are applied to create interesting effects on elements.
-
Font-face loading strategies
Loading fonts is harder than it should be. Font display property makes it a bit more manageable.
-
Make sure each line looks good with box-decoration-break
Ensuring that each line of text looks good is now easier than ever with the box-decoration-break property.
-
Add your own LESS namespace when mixins collections have name conflicts
Creating mixins namespace
-
Why You Should Make And Share Your Own Mixins Collection for LESS or SASS
-
Distribute Divs or Images Equaly in Line
CSS is not always so simple
-
Unorthodox Ideas For a:hover Effects
-
The Curtain Effect With CSS
-
Make a Layout With Fluid and Fixed-size Columns
-
Remember About Vertical Media Queries
-
Improve Click Rate of Links With :visited Pseudo Class
-
3L - the Great Collection of Mixins for LESS - Introduction
-
CSS @keyframes Animations With LESS
-
Transition With Transform Can't Be Future Proof
-
How to Improve SEO With CSS