Search
Random Day in the Life of a Developer
11.7.2018
Yesterday, I started going through my email as soon as I got to work. I always start my day with email. I kinda like email. I read some interesting things in keeping up with the industry. I deal with some business things. I handle with some personal things. I make a note of the most important stuff...
Drawing Images with CSS Gradients
25.6.2018
What I mean by "CSS images" is images that are created using only HTML elements and CSS. They look as if they were SVGs drawn in Adobe Illustrator but they were made right in the browser. Some techniques I’ve seen used are tinkering with border radii, box shadows, and sometimes clip-path. You...
Collective #419
28.5.2018
Saber.js * Oceanic Overlays * AsteroidOS * Getting Started With CSS Layout * Progressive Web Games * Wired Elements
Collective #419 was written by Pedro Botelho and published on Codrops
The backdrop-filter CSS property
16.5.2018
I had never heard of the backdrop-filter property until yesterday, but after a couple of hours messing around with it I’m positive that it’s nothing more than magic. This is because it adds filters (like changing the hue, contrast or blur) of the background of an element without changing the text...
How to Get a React Component’s Element
14.5.2018
JSX is an amazing pseudo-language for React, and if I’m honest, it’s what brought me to love React so much. Using React without JSX is cumbersome and frustrating, while using JSX is such an easier way to express your code. One drawback of JSX, however, is that it makes accessing...
Overriding Default Button Styles
9.5.2018
There are a variety of "buttons" in HTML. You've got:
<button>Button</button>
<input type="button" value="Button">
Plus, for better or worse, people like having links that are styled to match the look of other true buttons on the site
<a href="#0"...
Grid Level 2 and Subgrid
8.5.2018
I find the concept of subgrid a little hard to wrap my mind around.
I do understand the idea that we want to use nested semantic markup as we like and have elements participate in one grid so we don't have to flatten our markup just for layout reasons. But that is largely handled by display:...
Phone Number Validation with numverify (Sponsored)
6.3.2018
When we think about form validation, phone numbers aren’t the most pressing bit of information to validate, but if the phone number is absolutely critical to your business or application, you’ll want to do all you can to precisely ensure the number is correct. And the truth is most...
Computer says NO to HTML5 document outline
9.6.2016
What a brilliant idea! For the longest time HTML5 specified, and advised developers, that it no longer mattered what the number (1 to 6) was in a heading element (when used in conjunction with sectioning elements). What mattered was the nesting level of the H1-h6 in sectioning elements, just like...
Computer says NO to HTML5 document outline
9.6.2016
What a brilliant idea! For the longest time HTML5 specified, and advised developers, that it no longer mattered what the number (1 to 6) was in a heading element (when used in conjunction with sectioning elements). What mattered was the nesting level of the H1-h6 in sectioning elements, just like...
The woes of date input
19.1.2016
One of the many new input types that HTML5 introduced is the date input type which, in theory, should allow a developer to provide the user with a simple, usable, recognisable method of entering a date on a web page. But sadly, this input type has yet to reach its full potential. Briefly, the date...
The woes of date input
19.1.2016
One of the many new input types that HTML5 introduced is the date input type which, in theory, should allow a developer to provide the user with a simple, usable, recognisable method of entering a date on a web page. But sadly, this input type has yet to reach its full potential. Briefly, the date...
HTML Developers: Please Consider
9.12.2015
ARIA is an amazing technology, it allows developers to add meaning to meaningless HTML or override meaning on HTML that is being repurposed and sometimes misused, so that users who rely upon the meaning of HTML, as implemented in browsers, can understand and interact with HTML User Interfaces...
HTML Developers: Please Consider
9.12.2015
ARIA is an amazing technology, it allows developers to add meaning to meaningless HTML or override meaning on HTML that is being repurposed and sometimes misused, so that users who rely upon the meaning of HTML, as implemented in browsers, can understand and interact with HTML User Interfaces...
On HTML belts and ARIA braces (The Default Implicit ARIA semantics they didn’t want you to know about)
14.4.2015
The question of whether HTML elements need the addition of ARIA role attibutes to expose their semantics, is one that surfaces on a regular basis. The answer is maybe for a subset of elements, but increasingly no. ARIA roles add nothing to default semantics of most elements In some cases...
On HTML belts and ARIA braces (The Default Implicit ARIA semantics they didn’t want you to know about)
14.4.2015
Updated: 3rd August 2020 The question of whether HTML elements need the addition of ARIA role attributes to expose their semantics, is one that surfaces on a regular basis. The answer is maybe for a subset of elements, but increasingly no. ARIA roles add nothing to default semantics of most...
The ride to 5
28.10.2014
Forwards In recent weeks I contacted around 40 people, a cross section of those who have banged away at, or banged on about, HTML5. I asked them for their perspectives on HTML5 becoming a W3C Recommendation. Below are the words of the 28 people who responded, pretty much in the order they hit...
The ride to 5
28.10.2014
Forwards In recent weeks I contacted around 40 people, a cross section of those who have banged away at, or banged on about, HTML5. I asked them for their perspectives on HTML5 becoming a W3C Recommendation. Below are the words of the 28 people who responded, pretty much in the order they hit...
The W3C App Manifest specification
29.7.2014
By Marcos Cáceres and Bruce Lawson. Update 26 September 2014 The initial work for Manifest in Chromium M39 is done, and Marcos (more or less) finished coding the processor a few months ago. “I’m hoping to see it in fxos 2.2“, he said from the pool of his gorgeous Malibu home.)...
The W3C App Manifest specification
29.7.2014
By Marcos Cáceres and Bruce Lawson. Update 26 September 2014 The initial work for Manifest in Chromium M39 is done, and Marcos (more or less) finished coding the processor a few months ago. “I’m hoping to see it in fxos 2.2“, he said from the pool of his gorgeous Malibu home.)...