Search
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...
10 React Challenges (Beginner): Loop Over and Display Data with JSX
10.5.2019
Data comes in all shapes and sizes. In JavaScript, an array is how we hold sets of data. For the majority of our site content, we use an array of objects.
Looping through and sh
10 React Challenges (Beginner): Display Simple Data with JSX
10.5.2019
One of the building blocks of React is the ability to use HTML elements when developing components.
JSX allows us to write simple markup in HT
10 Days of React Challenges (Beginner): Loop Over and Display Data with JSX
10.5.2019
Data comes in all shapes and sizes. In JavaScript, an array is how we hold sets of data. For the majority of our site content, we use an array of objects.
Looping through and sh
10 Days of React Challenges (Beginner): Display Simple Data with JSX
10.5.2019
One of the building blocks of React is the ability to use HTML elements when developing components.
JSX allows us to write simple markup in HT
A responsive grid layout with no media queries
9.5.2019
Andy Bell made a really cool demo that shows us how to create a responsive grid layout without any media queries at all. It happens to look like this when you change the size of the browser window:
I think this is a wonderful layout technique that’s just 6 lines (!) of CSS.
.auto-grid...
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...
Mají peníze a chuť je utrácet. Přesto je reklamy cílené na generaci 50+ pořád jako šafránu
25.4.2019
Marketéři stále opomíjejí zákaznickou skupinu z generace 50+. Přitom je naprostá většina z nich přesvědčena, že si tito lidé z mnoha obchodních důvodů zaslouží výrazně větší pozornost. Ukázala to studie, kterou mezi marketéry významných firem působících na českém trhu realizovala komunikační...
Inclusively Hidden
19.4.2019
Scott O'Hara recently published "Inclusively Hidden," a nice walkthrough of the different ways to hide things on the web. Nothing is ever cut and dry when it comes to the web! What complicates this is that hidden begs the question: hidden for whom? Different answers to that have different...
[aktualita] Facebook znemožnil přeshraniční předvolební kampaně, stěžují si instituce EU
17.4.2019
Nová pravidla Facebooku pro politickou reklamu brání evropským institucím a politickým stranám vést před květnovými volbami do Evropského parlamentu facebookové kampaně napříč členskými státy. V dopisu vedení Facebooku si na to stěžují zástupci tří hlavních evropských institucí, informoval deník...
Příští Apple Watch by mohly mít displeje z Japonska
17.4.2019
Apple postupně přechází na OLED panely a krom iPhonů jimi vybavuje i své chytré hodinky. Watch mají dosud displeje výhradně z produkce LG, ovšem koncem roku by se k této jihokorejské společnosti mohla přidat značka Japan Display, která nedávno ohlásila vstup zahraničních investorů.Další články...
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...
[aktualita] Rozhlas propaguje změny na Dvojce. Tvářemi kampaně jsou Kostková nebo Gondík
28.3.2019
Český rozhlas představil nové moderátory stanice Dvojka, která se v posledních letech potýkala se značným úbytkem posluchačů. Změněné vysílací schéma, nové pořady a celebrity jako průvodci vysíláním mají přilákat mladší obecenstvo. Tereza Kostková, Halina Pawlowská, Jan Rosák, Dalibor Gondík nebo...
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...
Příručka marketéra: Tipy na optimalizaci v YouTube kampaních
19.3.2019
YouTube, podobně jako Facebook, je v dnešní době fenoménem. Reklama na YouTube má velký potenciál v budování povědomí o značce. Pokud používáte kampaně v obsahové síti, jistě oceňujete především jejich brandovou sílu. Podobným způsobem vaší značce mohou pomoci i videokampaně na YouTube. Cílení...
The Dark Side of the Grid
10.3.2019
Manuel Matuzovic makes the point that in order to use CSS grid in some fairly simple markup scenarios, we might be tempted to flatten our HTML to make sure all the elements we need to can participate on the grid. What we need is subgrid and non-buggy display: contents;, so I'd like to think in...
Should I Use Source Maps in Production?
1.3.2019
It's a valid question. A "source map" is a special file that connects a minified/uglified version of an asset (CSS or JavaScript) to the original authored version. Say you've got a filed called _header.scss that gets imported into global.scss which is compiled to global.css. That final CSS file...
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:
...
Internet Effectiveness Awards: Jak je na tom přínos vašich digitálních projektů a kampaní
22.2.2019
Nedávno začalo nominační období 14. ročníku soutěže Internet Effectiveness Awards. Jak samotní zadavatelé, tak zejména agentury se budou moci porovnat podle strategického kritéria přínosnosti jejich aplikace nebo kampaně pro daný business. Soutěžit mohou všechny digitální projekty, které byly...
Příručka marketéra: Co by měl každý PPC specialista vědět o hledání klíčových slov
19.2.2019
Najít správná klíčová slova je jako natrefit na zlatý důl. Když se vám podaří k nim dostat, můžete optimalizovat PPC reklamy a výrazně snížit průměrnou cenu za kliknutí. Za ušetřené peníze můžete přivést více lidí na svůj web a zvýšit tržby. Většina PPC a SEO specialistů k hledání klíčových slov…...