Search
Making width and flexible items play nice together
1.7.2019
The short answer: flex-shrink and flex-basis are probably what you’re lookin’ for.
The long answer
Let’s say you want to align an image and some text next to each other with like this:
Now let's say you reach for flexbox to make it happen. Setting the parent element to display: flex; is a good...
Different Approaches for Creating a Staggered Animation
27.6.2019
Animating elements, at its most basic, is fairly straightforward. Define the keyframes. Name the animation. Call it on an element.
But sometimes we need something a little more complex to get the right “feel" for the way things move. For example, a sound equalizer might use the same animation...
Different Approaches for Creating a Staggered Animation
27.6.2019
Animating elements, at its most basic, is fairly straightforward. Define the keyframes. Name the animation. Call it on an element.
But sometimes we need something a little more complex to get the right “feel" for the way things move. For example, a sound equalizer might use the same animation...
Movin’ Modals Along a Path
4.6.2019
Modals always be just appearin'. You might see one once in a while that slides in from one of the edges, or uses some kind of scale/opacity thing to appear from "above" or "below." But we can get weirder than that. Why not have them come in on an offset-path?
Just a swoopy arc is kinda fun.
...
Prevent Page Scrolling When a Modal is Open
3.6.2019
Please stop me if you've heard this one before. You open a modal, scroll through it, close it, and wind up somewhere else on the page than you were when you opened the modal.
That's because modals are elements on a page just like any other. It may stay in place (assuming that's what it's meant...
[aktualita] Pátá sezóna Black Mirror bude mít tři díly a premiéru 5. června (trailer)
17.5.2019
Netflix před pár hodinami zveřejnil trailer k páté sezóně dnes již v podstatě kultovního seriálu Black Mirror, který řeší stinné stránky technologií a internetu. Nové díly mají mít na streamovací službě premiéru 5. června 2019. Tvůrci trochu zvolní v tom smyslu, že nabídnou pouze tři díly. Názvy...
Change Color of SVG on Hover
13.5.2019
There are a lot of different ways to use SVG. Depending on which way, the tactic for recoloring that SVG in different states or conditions — :hover, :active, :focus, class name change, etc. — is different.
Let's look at the ways.
Inline SVG
Inline SVG is my favorite way to use...
Getting To Know The MutationObserver API
8.5.2019
MutationObserver watches the DOM, specifically the places you tell it to, like:
document.querySelector('#watch-this');
...and it can tell you (trigger a callback) when stuff happens — like when a child is added, removed, changed, or a number of other things.
I used it just the other day...
Convert Video to Grayscale
24.4.2019
I’m a JavaScript fanatic but I’ve always been fascinated with media manipulation. Maybe it’s because I’ve secretly always wanted to be a designer, but I’m fine with being able to manipulate art with software instead of create the art myself. One type of art I’ve...
Simulating Mouse Movement
15.4.2019
If you've ever had to display an interactive animation during a live talk or a class, then you may know that it's not always easy to interact with your slides and while talking.
This happened to me when I needed to show this particles demo to my students. I didn't want to have to stay next to...
Vývoj Black Mesy trvá déle než u nešťastného Duke Nukema Forever
15.4.2019
Fanouškovská předělávka kultovního prvního Half-life do enginu dílu druhého byla oznámena už před skoro patnácti lety. Vývoj se však konečně blíží ke konci. Další články k tématu:RECENZE: Klasiky nestárnou, dokazuje to bezplatná předělávka Half-LifeNejvětší herní drsňák Duke Nukem se vrací...
Nová hackerská skupina Black Hats nabízí DDoS útoky na kohokoliv
1.4.2019
Lze si koupit DDoS útok? Podle reklamy, kterou české servery zaplavila nová hackerská skupina Black Hats, to není žádný problém. Kampaň nejasného původu nabízí možnost za úplatu zaútočit na jakýkoliv server v ČR.
Anonymní hackeři Black Hats uvádí, že mají pod kontrolou statisíce počítačů. Díky
Creating a Custom Element from Scratch
20.3.2019
In the last article, we got our hands dirty with Web Components by creating an HTML template that is in the document but not rendered until we need it.
Next up, we’re going to continue our quest to create a custom element version of the dialog component below which currently only uses...
Control Icons with Font Size
27.2.2019
Here’s a nifty trick from Andy Bell that now seems a little obvious in hindsight: if you set an SVG to have a width and height of 1em then you can change the size of it with the font-size property.
Try and change the font-size on the body element below to see the icon scale with the text:
...
Serverless CloudFlare Workers Are Pretty Awesome
21.2.2019
Serverless is the new black. I mean everybody I know is moving to the serverless platforms or launching one. OK, maybe not everyone but CloudFlare is definitely moving in this direction with an aud
Slide an Image to Reveal Text with CSS Animations
29.1.2019
I want to take a closer look at the CSS animation property and walk through an effect that I used on my own portfolio website: making text appear from behind a moving object. Here’s an isolated example if you’d like to see the final product.
Here’s what we're going to work with:
See the...
[aktualita] Netflix uvádí interaktivní film Bandersnatch od tvůrců seriálu Black Mirror
28.12.2018
Netflix se vydal na cestu interaktivního vyprávění, ve kterém divák svými volbami ovlivňuje děj. Film Bandersnatch, který online videotéka předplatitelům nabízí od pátku 28. prosince, vypráví příběh videoherního vývojáře z 80. let minulého století a sám se vlastně v některých momentech jako...
Jak dopadlo Black Friday? Apify spočítalo, jak moc byly slevy e-shopů reálné
10.12.2018
Black Friday je známý nákupní svátek, který ale v poslední době hlavně v Česku získal nepříjemnou pachuť. Místo opravdových bleskových slev jeden den se akce vlečou i měsíc a reálných slev je pomálu. Apify zanalyzovalo letošní ročník a přišlo se zajímavými čísly, jak nás obchodníci
[článek] Black Friday po česku: kouzla se slevami po roce
10.12.2018
[10 minut čtení] Jak největší české e-shopy pracují s fenoménem Black Friday? Čarují stále se slevami? Po loňské úspěšné analýze slev v rámci Black Friday jsme se opět rozhodli podívat na to, jak největší české e-shopy pracují s tímto fenoménem. Hlavně nás zajímalo, zda stále čarují se slevami...
[aktualita] RRTV: Z Barrandov Plus bude Barrandov Krimi, hiphopové Óčko Black získalo licenci
6.12.2018
Rada pro rozhlasové a televizní vysílání rozhodla na svém dvacátém letošním zasedání o udělení licence pro stanici Óčko Black, která ji opravňuje k televiznímu vysílání prostřednictvím kabelových systémů po dobu dvanácti let Podle údajů uvedených v žádosti by se mělo jednat o hudební kanál zaměřený...