Search
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...
A CSS Venn Diagram
17.12.2018
This is pretty wild: Adrian Roselli has made a series of rather complex Venn diagrams using nothing but CSS. With a combination of the Firefox dev inspector, plus a mixture of CSS Grid and the shape-outside property, it’s possible to do this and without a ton of hacks, too.
I also think it’s super...
Příručka marketéra: Proč jsme si při tvorbě kampaně pro Jupí pořídili živého ježka
9.10.2018
Místo drahých animací napodobujících ježka jsme při tvorbě digitální kampaně pro značku Jupí upřednostnili levnější variantu – a pořídili jsme si vlastního živého ježka. Cílová skupina oceňuje jeho roztomilost a autentičnost, díky čemuž se Vendelín stal hitem sociálních sítí. Dokázali jsme tak,...
Stuff you can do with CSS pointer events
27.7.2018
Martijn Cuppens (the same fella with the very weird div!) has some more irresistible CSS trickery. Three of the examples are about making a child element trigger an event on a parent element (almost like the magic that is :focus-within).
Here's how I reasoned it out to myself:
You know how if...
Did you know that style and script tags can be set to display: block?
25.7.2018
The other night, Amit Patel mentioned that you can set script tags in HTML to display: block with CSS and then edit that code inline with the contentEditable attribute. This means that you can then see it all update live in the browser as you type. Shortly after, Marius Gundersen replied that...
Little Tip: Draw Your Grid in ASCII in Your CSS Comments for Quick Reference
9.7.2018
Say you declared a grid like this:
body {
display: grid;
grid-template-columns: min-content 1fr;
grid-template-rows: min-content auto min-content;
}
This depends on content, for sure, but how it's likely to play out is like this:
+---+-------------+
| | |
|...
Intel slibuje displej, který prodlouží provoz notebooků přes 24 hodin
6.6.2018
Intel zkombinoval speciální displej a technologii na správu napájení. Výsledkem je prodloužení běhu přenosných počítačů na baterie o čtyři až osm hodin. Další články k tématu:AMD, Nvidia a nyní i Intel. Grafické karty mu bude vyvíjet člověk z AMDIntel končí s aplikací pro klávesnice, obsahovala...
[článek] Andrea Hurychová (WeDigital): Na YouTube kampaně se vyplatí angažovat i mikroinfluencery
5.6.2018
[8 minut čtení] Agentura WeDigital propojuje značky a influencery z YouTube nebo Instagramu. Nedávno realizovala třeba kampaň pro pivo Excelent, její zakladatelka ale působí i jako certifikovaná trenérka pro tvorbu online videí. Andrea Hurychová se svou agenturou spolupracuje třeba s plzeňskými...
Just a Couple’a Fun Typography Links
22.5.2018
Marcin Wichary made an incredible demo exploring "segmented type" as in, the kind you might see on a display like a microwave, but scaling up in complexity from there.
"Datalegreya is a typeface which can interweave data curves with text."
Airbnb commissions their own new font, Cereal (complete...
[aktualita] Turris MOX na Indiegogo vybral 250 tisíc USD, stihl to těsně před koncem kampaně
16.5.2018
Ještě deset dní před koncem crowdfundingové kampaně na Indiegogo chybělo českému projektu modulárního routeru Turris MOX k dosažení cílové častky přes 100 tisíc dolarů. Nakonec se mu necelý den před koncem kampaně peníze podařilo získat. Celkem 1835 podporovatelů projektu k tomuto okamžiku...