Search
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...
Gigabyte RTX 2070 Gaming Box vyrobí z pracovního notebooku herní mašinu
17.6.2019
Když nemáte výkonnou grafickou kartu, ale nechybí Thunderbolt 3 • Výkonná grafická karta může být v boxu vedle notebooku • Navýšení grafického výkonu je ohromující
Drawing Realistic Clouds with SVG and CSS
13.6.2019
Greek mythology tells the story of Zeus creating the cloud nymph, Nephele. Like other Greek myths, this tale gets pretty bizarre and X-rated. Here’s a very abridged, polite version.
Nephele, we are told, was created by Zeus in the image of his own beautiful wife. A mortal meets Nephele, falls...
Stačí pro DVB-T2 pořídit set-top-box, nebo je lepší koupit nový televizor?
11.6.2019
Nikdo vás k nákupu nového televizoru nedonutí, pokud ho nechcete. V několika bodech prozradíme, kdy bude stačit dokoupit jen externí set-top-box, a kdy se naopak vyplatí koupit nový televizor s podporou DVB-T2
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...
Customer Satisfaction Surveys with Wufoo
30.5.2019
I was once tasked to create a makeshift customer service survey that would allow an employee to receive a customer call and send a survey to the custom once the call ended. The goal was to track customer satisfaction, which is a totally legit thing to want.
There are some solutions out there that...
[článek] Zkušenosti s DVB-T na set-top boxu O2 TV: podrobnější představení
29.5.2019
[3 minuty čtení] Set-top box od O2 vám může posloužit i tehdy, když chcete sledovat pozemní digitální vysílání DVB-T nebo DVB-T2. Uživatelské prostředí je příjemné, musíte se v něm ale obejít bez některých pokročilých funkcí. Co přijímač umí a jak vypadá jeho praktické používání, přiblížíme v tomto...
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...
VeChain (VET) Price Analysis: VeChain Raises The Bar With Out-Of-The-Box Partnership Moves
11.5.2019
VeChain’s Sunny Lu is confident about the exponential growth of the crypto VeChain raises the bar with new partnerships including BMW and Game of Thrones VeChain, an open source blockchain mainly for enterprises, partnered with the Game of Thrones recently for making customized sneakers for...
The Thinking Behind Simplifying Event Handlers
9.5.2019
Events are used to respond when a user clicks somewhere, focuses on a link with their keyboard, and changes the text in a form. When I first started learning JavaScript, I wrote complicated event listeners. More recently, I've learned how to reduce both the amount of code I write and the number...
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...
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...
Using “box shadows” and clip-path together
11.4.2019
Let's do a little step-by-step of a situation where you can't quite do what seems to make sense, but you can still get it done with CSS trickery. In this case, it'll be applying a shadow to a shape.
You make a box
.tag {
background: #FB8C00;
color: #222;
font: bold 32px system-ui;
padding:...
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...
[aktualita] Interaktivní TV přechází na nový set-top-box Arris VIP4205
8.3.2019
IPTV služba Interaktivní TV, kterou nabízí brněnská telekomunikační společnost itself, je nově dodávána společně s novým set-top-boxem Arris VIP4205. Zákazníky potěší především podpora kodeku H.265 (HEVC). „Nový set-top-box přináší přijatelnou cenu, svižný chod díky rychlému procesoru, dlouhou...
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:
...
Diana Smith’s Top 5 CSS Properties She Uses to Produce CSS Art
20.2.2019
Have you seen Diana Smith's CSS drawings? Stunning. These far transcend the CSS drawings that sort of crudely replicate a flat SVG scene, like I might attempt. We were lucky enough for her to post some of her CSS drawing techniques here last year.
Well, Diana has also listed the top five...
Building a modern app using Nest.js, MongoDB and Vue.js
19.2.2019
Introduction
Nest.js introduces a modern way of building Node.js apps by giving it a proper and modular structure out of the box. It was fully built with TypeScript but still preserves com
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...