2021-03-05
|~3 min read
|410 words
I missed the days of using to design layouts on the web. Note, I don’t miss them, I missed them. I count myself lucky. Fortunately things…
2021-03-05
|~1 min read
|200 words
Chrome DevTools recently added an experimental new feature called CSS Overview which can provide really useful information on a site’s…
2021-03-05
|~2 min read
|391 words
On some pages, it may make sense to have some details hidden by default but present should a reader want additional information. That’s what…
2021-03-05
|~1 min read
|63 words
Themes are hard. I wrote about them previously here Emotion and Styled-Components aim to address this problem with a theme provider that…
2021-03-05
|~1 min read
|25 words
A11y trick for making borders accessible - transparency. need to relisten to really understand. https://overcast.fm/+heX49Ze7E/23:06 related…
2021-03-05
|~7 min read
|1341 words
I was looking through an app’s style sheets recently and came across a new word: : Looking above in the same file, I found : So, what’s…
2021-03-05
|~2 min read
|357 words
I was working on a project the other day when I noticed something curious. My nav bar looked great until I added a new button. nav bar with…
2021-03-05
|~2 min read
|357 words
I was working on a project the other day when I noticed something curious. My nav bar looked great until I added a new button. nav bar with…
2021-03-05
|~4 min read
|707 words
Yesterday, when I was writing about adding drop caps with css, I stumbled on two new features within CSS: The css at-rule Conditional Media…
2021-03-05
|~4 min read
|707 words
Yesterday, when I was writing about adding drop caps with css, I stumbled on two new features within CSS: The css at-rule Conditional Media…
2021-03-05
|~4 min read
|704 words
I recently added a drop letter to my blog. I’ve always liked them in magazines and have seen them well used on the web. As with many things…
2021-03-05
|~4 min read
|704 words
I recently added a drop letter to my blog. I’ve always liked them in magazines and have seen them well used on the web. As with many things…
2021-03-05
|~3 min read
|555 words
In learning about Auto-Complete In HTML Forms, I discovered that the of an makes can make a significant difference in how they are…
2021-03-05
|~3 min read
|555 words
In learning about Auto-Complete In HTML Forms, I discovered that the of an makes can make a significant difference in how they are…
2021-03-05
|~1 min read
|91 words
is a CSS property that can be applied to images and video. It determines how the replaced element (i.e. the or tag) are resized to fit its…
2021-03-05
|~1 min read
|91 words
is a CSS property that can be applied to images and video. It determines how the replaced element (i.e. the or tag) are resized to fit its…
2021-03-05
|~7 min read
|1215 words
There are a number of different syntax highlighters for Javascript, but the one I’ve been using lately is PrismJS (due in large part to its…
2021-03-05
|~7 min read
|1215 words
There are a number of different syntax highlighters for Javascript, but the one I’ve been using lately is PrismJS (due in large part to its…
2021-03-05
|~1 min read
|189 words
Yesterday, I wrote about what the comma means in CSS. In doing so, I realized that it’s not actually considered a CSS selector. What the…
2021-03-05
|~1 min read
|189 words
Yesterday, I wrote about what the comma means in CSS. In doing so, I realized that it’s not actually considered a CSS selector. What the…
2021-03-05
|~2 min read
|282 words
The number of times I’ve had to look up what the comma means in CSS is astounding. As usual, if I find myself doing something multiple times…
2021-03-05
|~2 min read
|282 words
The number of times I’ve had to look up what the comma means in CSS is astounding. As usual, if I find myself doing something multiple times…
2021-03-05
|~2 min read
|332 words
If I were to list my strengths, web design wouldn’t top the list. None the less, I like learning about it and know that I’ll continue to…
2021-03-05
|~2 min read
|332 words
If I were to list my strengths, web design wouldn’t top the list. None the less, I like learning about it and know that I’ll continue to…
2021-03-05
|~2 min read
|309 words
I’ve heard the term “mixin” a lot without ever really understanding it or why they’re valuable. I found the chapter on Mixins from the…
2021-03-05
|~2 min read
|309 words
I’ve heard the term “mixin” a lot without ever really understanding it or why they’re valuable. I found the chapter on Mixins from the…
2021-03-05
|~2 min read
|313 words
Styled components are really nice in compartmentalizing styling and keeping it close to the components that use it. I wasn’t around for the…
2021-03-05
|~2 min read
|313 words
Styled components are really nice in compartmentalizing styling and keeping it close to the components that use it. I wasn’t around for the…
2021-03-05
|~1 min read
|161 words
When hiding elements on the client, there are multiple options. Two of the most common are through the selective toggling ofCSS properties…
2021-03-05
|~1 min read
|161 words
When hiding elements on the client, there are multiple options. Two of the most common are through the selective toggling ofCSS properties…
2021-03-05
|~1 min read
|113 words
Jeremy Church put together a nice little side by side comparison of REM and Em (and PX).1 Both REM and EM are relative units. The difference…
2021-03-05
|~1 min read
|113 words
Jeremy Church put together a nice little side by side comparison of REM and Em (and PX).1 Both REM and EM are relative units. The difference…
2021-03-05
|~3 min read
|511 words
Have you ever tried to have an element overflow when one of its children is in a fixed positioned relative to it? Fun fact: It doesn’t work…
2021-03-05
|~3 min read
|511 words
Have you ever tried to have an element overflow when one of its children is in a fixed positioned relative to it? Fun fact: It doesn’t work…
2021-03-05
|~2 min read
|317 words
Most of the time, these two pseudo-selectors act in concert. In fact, they’re so frequently triggered together that my naive testing…
2021-03-05
|~2 min read
|317 words
Most of the time, these two pseudo-selectors act in concert. In fact, they’re so frequently triggered together that my naive testing…
2021-03-05
|~3 min read
|476 words
One of my ongoing challenges with layouts on the web is the fact that a website does not naturally have an end. Unlike an 8.5”x11” sheet of…
2021-03-05
|~3 min read
|478 words
One of my ongoing challenges with layouts on the web is the fact that a website does not naturally have an end. Unlike an 8.5”x11” sheet of…
2021-03-05
|~2 min read
|208 words
When it comes to accessibility (a11y) on the web, one of the best / easiest things you can do is to use semantic HTML. Structural, semantic…
2021-03-05
|~2 min read
|208 words
When it comes to accessibility (a11y) on the web, one of the best / easiest things you can do is to use semantic HTML. Structural, semantic…
2021-03-05
|~2 min read
|306 words
More CSS fun today! One way to visually indicate that an element is clickable is by changing the cursor to a If a data element is supposed…
2021-03-05
|~2 min read
|306 words
More CSS fun today! One way to visually indicate that an element is clickable is by changing the cursor to a If a data element is supposed…
2021-03-05
|~3 min read
|460 words
NB: The below illustrations are inspired / adapted from MDN’s great page on QuerySelector. I did not come up with these examples (though I…
2021-03-05
|~3 min read
|460 words
NB: The below illustrations are inspired / adapted from MDN’s great page on QuerySelector. I did not come up with these examples (though I…