Search
Managing Heading Levels In Design Systems
3.5.2018
Heydon Pickering looks into how to give a React component a certain heading (like <h1>, <h2>, etc.) depending on its context and thereby ensure that the DOM is still perfectly accessible for screen readers. Why is using the right heading important though? Heydon writes in...
Wakamai Fondue
1.5.2018
Roel Nieskens released a tool that lets you upload a font file and see what’s inside, from how many characters it contains to the number of languages it supports. Here’s what you see once you upload a font, in this case Covik Sans Mono Black:
Why is this data useful? Well, I used this tool just...
Animating Progress
30.4.2018
Jonathan Snook on the complexity of animating the <progress> element. If you’re unfamiliar, that’s the element that spits out a bar chart-like visual that indicates a position between two values:
This example has custom styles, but you get the point.
Jonathan's post shows off a method...
Practical Jokes in the Browser
28.4.2018
I know April Fool’s Day is at the beginning of this month, but hey, now you’ve got a year to prepare. Not to mention a gool ol’ practical joke can be done anytime.
Fair warning on this stuff… you gotta be tasteful. Putting someone’s stapler in the jello is pretty hilarious unless it’s somehow...
CSS Blocks
27.4.2018
A new entry into the CSS-in-JS landscape! Looks like the idea is that you write an individual CSS file for every component. You have to work in components, that's how the whole thing works. In the same isle as styled-components, css-modules, and glamorous.
Then you write :scope { } which is...
Level Up Your JavaScript Error Monitoring
26.4.2018
(This is a sponsored post.)
Automatically detect and diagnose JavaScript errors impacting your users with Bugsnag without changing your code or adding try/catch blocks. Get comprehensive diagnostic reports, know immediately which errors are worth fixing, and debug in a fraction of the time compared...
Grid to Flex
24.4.2018
Una Kravets shows how to make layouts in CSS Grid with flexbox fallbacks for browsers that don’t support those grid properties just yet. Una writes:
CSS grid is AMAZING! However, if you need to support users of IE11 and below, or Edge 15 and below, grid won't really work as you expect...This site...
Scroll to the Future
19.4.2018
This is an interesting read on the current state of scrollbars and how to control their behavior across operating systems and browsers. The post also highlights a bunch of stuff I didn’t know about, like Element.scrollIntoView() and the scroll-behavior CSS property.
My favorite part of all though?...
Kinsta
19.4.2018
(This is a sponsored post.)
Huge thanks to Kinsta for sponsoring CSS-Tricks this week! We're big fans of WordPress around here, and know some of you out there are too. So this might come of interest: Kinsta is WordPress hosting that runs on Google Cloud Platform. And in fact, it's officially...
VuePress Static Site Generator
18.4.2018
VuePress is a new tool from Vue creator Evan You that spins up Vue projects that are more on the side of websites based on content and markup than progressive web applications and does it with a few strokes of the command line.
We talk a lot about Vue around here, from a five-part series on getting...
Dětské porno je natrvalo „součástí“ bitcoinu, varují výzkumníci. Už zase
22.3.2018
Účetní kniha bitcoinu, která obsahuje přehled všech provedených transakcí, umožňuje i vkládání krátkých textových zpráv. Výzkumníci upozorňují, že některé tyto zprávy obsahují odkazy na nelegální materiály, například dětskou pornografii. To by podle nich mohlo ohrozit celou platformu. Tato...
TP-Link svolává zásuvkové extendéry a powerline adaptéry k opravě
7.2.2018
Některé průchozí zásuvky síťových prvků od společnosti TP-Link nejsou zcela bezpečné a firma je tak svolává na výměnu.Další články k tématu:Lenovo opravuje čtečku otisků prstů, která byla málo zabezpečenáHP varuje před vadnými bateriemi a svolává 50 tisíc notebooků k opravěProcesory Intel mají...
D-Link Covr: udělejte si bezdrátovou domácnost díky drátům ve zdi
11.12.2017
Gigabitová páteř přes elektrické rozvody • Jednotná konfigurace pro všechny uzly • Nenahradí domácí router, pouze rozšíří pokrytí
Razer Peripherals, Link Between Worlds, PSN Money, PS3 Bundle [Deals]
6.12.2013
Careful, the prices on these Razer peripherals today are... sharp. Get your favorite gaming mouse and more before these deals dull.Read more