Search

Nalezeno "HTML": 2730

Collective #526

20.6.2019
How to Section Your HTML * Darkmode.js * Drop caps & design systems * Servo Collective #526 was written by Pedro Botelho and published on Codrops

How to Section Your HTML

18.6.2019
The sectioning elements in HTML5 are <nav>, <aside>, <article>, and <section>. <body> is also kind of a sectioning element since all content lying inside of it is part of the default document section. Here is a brief explanation of each sectioning element...

Collective #524

13.6.2019
The Layout Instability API * Write HTML Like It's 1999 * JavaScript questions * Pika CDN * The Economics of Open Source Collective #524 was written by Pedro Botelho and published on Codrops

Grid, content re-ordering and accessibility

13.6.2019
Take this: <ol> <li>Get hungry</li> <li>Order pizza</li> <li>Eat pizza</li> </ol> That HTML ends up in the DOM that way (and thus how it is is exposed to assistive technology), and by default, those list items are also visually...

Collective #523

10.6.2019
Function-based Component API in Vue * Brutalist HTML quine * The Anatomy of a Jellyfish * freemium.cc Collective #523 was written by Pedro Botelho and published on Codrops

Designing with Motifs

10.6.2019
I love the way Erik Kennedy talks about digital design. Very practical and understandable. Have a listen to a chat with him we had on ShopTalk. One of his latest blog posts is titled "The #1 Way to Spice Up Your Designs (And Create a More Cohesive Brand)" and it's about something he pegs as more...

Do you need an ICON ONLY button without screwing up the accessibility?

3.6.2019
The first consideration is: do you really? If you can, having text next to your icons is proven over and over again to be the most accessible and clearest UX (see Apple's latest blunder). But if you need to (and I get it, sometimes you need to), Sara Soueidan and Scott O'Hara have a pair...

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...

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...

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

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace