Search
Reducing motion with the picture element
31.5.2019
Here’s a bonafide CSS/HTML trick from Brad Frost and Dave Rupert where they use the <picture> element to switch out a GIF file with an image if the user has reduced motion enabled. This is how Brad goes about implementing that:
<picture>
<!-- This image will be loaded if...
A Practical Use Case for Vue Render Functions: Building a Design System Typography Grid
30.5.2019
This post covers how I built a typography grid for a design system using Vue render functions. Here’s the demo and the code. I used render functions because they allow you to create HTML with a greater level of control than regular Vue templates, yet surprisingly I couldn’t find very much when...
The difference between keyboard and screen reader navigation
29.5.2019
There are a few differences between keyboards and screen readers and Léonie Watson highlights of them:
When using the tab key, keyboard focus and screen reader focus are synchronised with each other. The rest of the time, screen reader users have an enormous range of commands at their disposal...
Color contrast accessibility tools
29.5.2019
Accessibility is all the rage these days, specifically when it comes to color contrast. I’ve stumbled upon a couple of tools this week that I think are pretty nifty for helping make sure that all of the text on our websites is legible regardless of what background color they might have.
First...
The Browser Can Remember Edited Content
22.5.2019
You can make the text inside any HTML element editable by adding the contenteditable attribute.
<div contenteditable>
Hey, I'm like a textarea kinda now!
</div>
I wouldn't say there are wheelbarrows full of use-cases for that, but it's neat. One possible use might be...
Footnotes That Work in RSS Readers
17.5.2019
Feedbin is the RSS reader I'm using at the moment. I was reading one of Harry's blog posts on it the other day, and I noticed a nice little interactive touch right inside Feedbin. There was a button-looking element with the number one which, as it turned out, was a footnote. I hovered over it,...
Everything You Ever Wanted to Know About inputmode
17.5.2019
The inputmode global attribute provides a hint to browsers for devices with onscreen keyboards to help them decide which keyboard to display when a user has selected any input or textarea element.
<input type="text" inputmode="" />
<textarea inputmode="" />
Unlike changing the type...
Evergreen Googlebot
16.5.2019
I've heard people say that the #1 most exciting and important thing that came out of Google I/O this year was the evergreen Googlebot:
Today, we are happy to announce that Googlebot now runs the latest Chromium rendering engine (74 at the time of this post) when rendering pages for Search. Moving...
SVG Properties and CSS
13.5.2019
There are many Scalable Vector Graphics (SVG), but only certain attributes can be applied as CSS to SVG. Presentation attributes are used to style SVG elements and can be used as CSS properties. Some of these attributes are SVG-only while others are already shared in CSS, such as font-size...
Lidé zmizeli, nikdo neví kam. Titul Generation Zero je bojem o přežití
11.5.2019
Do nedávné historie se přesunou hráči v titulu Generation Zero, který nedávno vyšel ve verzích pro počítače i konzole. Jenže minulost je úplně jiná, než jak se popisuje v kronikách. Místní obyvatelé se ztratili a nikdo neví kam
Weekly Platform News: Feature Policy, Signed Exchanges, iOS browsers
10.5.2019
👋 Hey folks! This is the first edition of a new weekly update we'll be posting that covers timely news at the intersection of development standards and the tools that make them available on the web. We often talk about the pace of change in our industry. It's fast and touches everything...
Tři obávané viry, které ohrožují mobily a tablety nejčastěji
10.5.2019
Nebezpečné viry se už dávno nešíří pouze v prostředí klasických počítačů, velkou neplechu dovedou nadělat také na mobilech a tabletech. Vrásky na čele přitom dělají bezpečnostním expertům především tři škodlivé kódy, které se šíří internetem nejčastěji
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
Poslouží kreativcům i hráčům. Notebook od Aceru nabídne vysoký výkon
10.5.2019
V rámci nové modelové řady ConceptD představila společnost Acer hned tři nové notebooky. Ty lákají především na špičkový výkon, který rozhodně uspokojí i náročné hráče. Podle výrobce jsou však novinky primárně určeny na práci
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
Skládací smartphony jen tak nebudou. Chybí díly
10.5.2019
Výrobci chytrých telefonů se předhání v tom, kdo zaujme svým skládacím smartphonem s ohebným displejem více. Server DigiTimes nicméně upozornil na to, že dílů potřebných k výrobě je nedostatek, a tak se tyto hybridní přístroje jen tak masovou záležitostí nestanou
Slabá hesla používá na internetu většina Čechů
10.5.2019
Nejrůznější hesla a číselné kódy jsou neodmyslitelnou součástí dneška. Pomáhají nám chránit peníze na bankovních účtech, zprávy v e-mailu, důvěrné dokumenty v počítačích i přístup k osobním údajům na internetu. Většina lidí ale používá často nevhodná hesla, která jsou velmi snadno odhalitelná....
Rozbijte strukturu Facebooku, volá jeho spoluzakladatel
10.5.2019
Je načase rozbít strukturu společnosti Facebook a oddělit od ní chatovací službu WhatsApp a službu pro sdílení fotografií Instagram. K volání po tomto kroku se v článku uveřejněném v listu The New York Times připojil i jeden ze spoluzakladatelů Facebooku Chris Hughes. Americký regulátor podle jeho...
Stát rozdělí na vysokorychlostní internet miliardu korun
10.5.2019
Příjem žádostí o dotace na budování sítí pro vysokorychlostní internet zahájila státní Agentura pro podnikání a inovace (API). Ve výzvě je miliarda korun, příjem žádostí potrvá do 8. července. Výzvu vyhlásilo ministerstvo průmyslu a obchodu, API to oznámila v tiskové zprávě. Cílem výzvy je pokrýt...
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...