Search
Weekly Platform News: CSS font-style: oblique, webhin browser extension, CSS Modules V1
9.8.2019
In this week's roundup, variable fonts get oblique, a new browser extension for linting, and the very first version of CSS Modules.
Use font-style: oblique on variable fonts
Some popular variable fonts have a 'wght' (weight) axis for displaying text at different font weights and a 'slnt' (slant)...
Awesome Demos Roundup #6
16.7.2019
The sixth edition of our creative web experiments roundup that collects the most interesting demos from around the web.
Awesome Demos Roundup #6 was written by Mary Lou and published on Codrops
Building a Conference Schedule with CSS Grid
24.6.2019
It’s hard to beat the feeling of finding a perfect use for a new technology. You can read every handy primer under the sun and ooh-and-ahh at flashy demos, but the first time you use it on your own project… that’s when things really click.
I gained a new appreciation for CSS Grid when building...
Awesome Demos Roundup #5
6.6.2019
Another monthly roundup of super-creative web experiments and demos for your viewing pleasure.
Awesome Demos Roundup #5 was written by Mary Lou and published on Codrops
Awesome Demos Roundup #4
14.5.2019
Another collection of fantastic coding experiments from around the web to ignite your creative fire.
Awesome Demos Roundup #4 was written by Mary Lou and published on Codrops
Awesome Demos Roundup #3
15.4.2019
The third collection of beautiful, creative experiments that we've found around the web.
Awesome Demos Roundup #3 was written by Mary Lou and published on Codrops
Exploding 3D Objects with Three.js
26.3.2019
A set of WebGL demos that show an exploding 3D object animation inspired by "Kubrick Life Website: 3D Motion".
Exploding 3D Objects with Three.js was written by Yuriy Artyukh and published on Codrops
Awesome Demos Roundup #2
13.3.2019
The second edition of our collection of creative demos and experiments for your inspiration.
Awesome Demos Roundup #2 was written by Mary Lou and published on Codrops
Chris Coyier’s Favorite CodePen Demos IV
25.2.2019
Did you know you can triple-heart things on CodePen? We’ve had that little not-so-hidden feature forever. You can click that little heart button on any Pen (or Project, Collection, or Post) on CodePen to show the creator a little love, but you can click it again and again to heart it just that...
Awesome Demos Roundup #1
15.2.2019
The first roundup in a series that gathers cutting-edge demos and experiments from around the web.
Awesome Demos Roundup #1 was written by Mary Lou and published on Codrops
Custom Cursor Effects
31.1.2019
A collection of five demos and a tutorial on how to create animated custom cursor effects for interactive elements like navigations, galleries and carousels.
Custom Cursor Effects was written by Stefan Kaltenegger and published on Codrops
prefers-color-scheme: CSS Media Query
28.1.2019
One device and app feature I’ve come to appreciate is the ability to change between light and dark modes. If you’ve ever done late night coding or reading, you know how amazing a dark theme can be for preventing eye strain and the headaches that result. macOS recently implemented...
Animated Mesh Lines
8.1.2019
A set of five demos with animated WebGL lines created with the THREE.MeshLine library. Find out how to animate and build these lines to create your own animations.
Animated Mesh Lines was written by Jérémie Boulay and published on Codrops
Awesome Demos from 2018
1.1.2019
This is an outstanding list of creative and artistic browser demos from this past year from Mary Lou at Codrops.
Direct Link to Article — Permalink… Read article
The post Awesome Demos from 2018 appeared first on CSS-Tricks
Awesome Demos from 2018
27.12.2018
A collection of our favorite demos and experiments from 2018.
Awesome Demos from 2018 was written by Mary Lou and published on Codrops
CSS Ellipsis Beginning of String
18.12.2018
I was incredibly happy when CSS text-overflow: ellipsis (married with fixed width and overflow: hidden was introduced to the CSS spec and browsers; the feature allowed us to stop trying to marry JavaScript width calculation with string width calculation and truncation. CSS ellipsis was also very...
Nobody is quite wrong.
17.12.2018
There are two opposing views on using non-polyfillable new web features that I find are both equally common in our industry:
Websites don't need to look the same in every browser. The concept of progressive enhancement helps with that. There are tools, even native language features, that help with...
Weird things variable fonts can do
20.7.2018
I tend to think of variable fonts as a font format in which a single font file is capable of displaying type at near-infinite variations of things like boldness, width, and slantyness. In my experience, that's a common use case. Just check out many of the interactive demos over...
10 Amazing Web Demos And Experiments for July 2018
9.7.2018
This July's collection of amazing demos that you should check out
Script & Style Show: Episode 14: CSS filters and mix-blend-mode with Tim Thomas
6.7.2018
In this week’s episode: David uses City Slickers to illustrate his sorrow over turning 35 years old while Todd tries to talk him down. Tim Thomas stops by to demo some really awesome animated effects you can do with CSS’ mix-blend-mode and filter. The demos are outstanding and really...