Search
An Initial Implementation of clip-path: path();
24.12.2018
One thing that has long surprised (and saddened) me is that the clip-path property, as awesome as it is, only takes a few values. The circle() and ellipse() functions are nice, but hiding overflows and rounding with border-radius generally helps there already. Perhaps the most useful value...
Reversing an Easing Curve
17.12.2018
Let’s take a look at a carousel I worked on where items slide in and out of view with CSS animations. To get each item to slide in and out of view nicely I used a cubic-bezier for the animation-timing-function property, instead of using a standard easing keyword.
See the Pen Carousel with reversed...
Blue Beanie Day 2018
30.11.2018
Another year!
You better not cry, you better not shout, I’m telling you why: @BlueBeanieDay is coming Nov. 30! Start sharing your #bbd photos, links, articles, and videos now: https://t.co/3US4vHBsDR#a11y #WebStandards #InclusiveDesign #ProgressiveEnhancement pic.twitter.com/AiV3ktRqka
—...
Hash rate bitcoinu roste raketovou rychlostí. Kurz sice klesá, ale těžaři mu věří
16.7.2018
Ačkoliv cena kryptoměn po loňské mánii pomalu klesá, rozhodně to neznamená, že lidé o tento fenomén ztratili zájem. Tedy – platí to alespoň o klíčovém pilíři celého systému: těžařích.
Jak připomíná web Crypotslate, cena bitcoin use sice od začátku roku propadla o 53 procent,
Hash rate bitcoinu roste raketovou rychlostí. Kurz sice klesá, ale těžaři mu věří
16.7.2018
Ačkoliv cena kryptoměn po loňské mánii pomalu klesá, rozhodně to neznamená, že lidé o tento fenomén ztratili zájem. Tedy – platí to alespoň o klíčovém pilíři celého systému: těžařích.
Jak připomíná web Crypotslate, cena bitcoin use sice od začátku roku propadla o 53 procent,
Building a Complex UI Animation in React, Simply
12.7.2018
Let’s use React, styled-components, and react-flip-toolkit to make our own version of the animated navigation menu on the Stripe homepage. It's an impressive menu with some slick animation effects and the combination of these three tools can make it relatively easy to recreate.
This is...
Custom List Number Styling
18.5.2018
How about a classic CSS trick! This isn't even so tricky anymore, since CSS has counter-increment and counter-reset and such that is perfect for this. I just wanted to make sure you knew how it works and had some easy-to-copy examples at the ready.
Let's say all you wanna do is style the dang...
Responsive Knockout Text With Looping Video
3.5.2018
Here’s an idea! Let’s make an an HTML <video> play inside the shape of some letters. Like "Knockout Text" except instead of an image behind, it’s video. A live demo will explain more clearly:
See the Pen basic pen by Giulio Mainardi (@mgiulio) on CodePen.
A key objective here is to develop...