Search
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…...
Where Do You Nest Your Sass Breakpoints?
11.2.2019
I love nesting my @media query breakpoints. It's perhaps the most important feature of Sass to me. Maybe I pick a method and do it like this:
.element {
display: grid;
grid-template-columns: 100px 1fr;
@include breakpoint(baby-bear) {
display: block;
}
}
That's straightforward enough....
Jak správně zacílit zákazníka pomocí Consumer Barometru od Googlu
7.2.2019
Vánoce jsou za námi a s ním i nákupní šílenství. Jak jste je strávili a kde jste nejvíce nakupovali? Petra Vrbová z agentury LCG New Media pro Tyinternety sepsala, jak si ona s výběrem dárku na internetu poradila díky nástroji Consumer Barometr. Kdo vlastně jsem? Jsem jedna z 18ti procent Čechů...
Příručka marketéra: 11 strategií pro úspěšné kampaně B2B v PPC
5.2.2019
Odvěkou výzvou digitálního marketingu (a především reklamy na vyhledávačích) je cílení na firemní zákazníky v situacích, kdy „koncáci“ hledají prakticky to stejné. Jediná férová odpověď je – těžko. Co kdybychom se ale na optimalizaci podívali trochu obráceně, tedy nehledali rovnou firemní...
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] Google v rámci kampaně proti reformě copyrightu mění výsledky vyhledávání
22.1.2019
Pokud se vám v posledních dnech v Googlu zobrazují výsledky vyhledávání v nezvyklé podobě, není chyba na vašem přijímači. V poslední fázi boje o podobu reformy autorského práva v EU vytáhl vyhledávač novou kartu: části evropských uživatelů zobrazuje výsledky hledání v novinových zprávách...
Amazing User Agent API with userstack
17.1.2019
We do our best to design and code websites so that they look and perform the way they should regardless of device or browser, but the truth is we sometimes we need to code for specific device, browser, or crawler. Whether it’s a quick hack or a simply wanting to display different content...
Příručka marketéra: Jak dostat svou internetovou reklamu na televizní obrazovky? (díl 3/3)
15.1.2019
Možnosti cílení internetové reklamy na televizní obrazovce už známe z minulého dílu Přiručky marketéra. Některé z nich uvidíte přímo u konkrétních ukázek kampaní, které jsme připravili pro tento závěrečný díl. Na úplný konec jsme přidali i několik důležitých informací, které je dobré znát před...
Tesla „srazila“ ze silnice reklamního robota. Asi v rámci kampaně
9.1.2019
Podivné okolnosti nehody automobilu společnosti Tesla, která se stala v americkém Las Vegas, vyvolávají otázku, zda nešlo o předem připravenou marketingovou kampaň. Další články k tématu:Tragický požár po nehodě tesly ve Švýcarsku mohly způsobit baterie
VESA uvedla nový standard monitorů: Display HDR s opravdovou černou [CES]
7.1.2019
Organizace VESA připravila nový standard DisplayHDR True Black, který je rozšířením starajícího DisplayHDR a jehož úkolem je značně vylepšit podání černé barvy u nových zobrazovacích panelů.
U tohoto nového standardu jde o to, jak nízký jas dokáže obrazovka zobrazit pro co nejlepší poddání černé
Fighting FOIT and FOUT Together
19.12.2018
Lots from Divya with the setup:
There are 2 kinds of problems that can arise when using webfonts; Flash of invisible text (FOIT) and Flash of Unstyled Text (FOUT) ... If we were to compare them, FOUT is of course the lesser of the two evils
If you wanna fight FOIT, the easiest tool is...
Google Fonts and font-display
19.12.2018
The font-display descriptor in @font-face blocks is really great. It goes a long way, all by itself, for improving the perceived performance of web font loading. Loading web fonts is tricky stuff and having a tool like this that works as well as it does is a big deal for the web.
It's such a...