2020-06-19
|~4 min read
|705 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…
2020-06-18
|~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…
2020-06-15
|~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…
2020-05-30
|~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…
2020-05-15
|~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…
2020-04-14
|~7 min read
|1213 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…
2020-03-11
|~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…
2020-03-10
|~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…
2020-03-01
|~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…
2020-02-17
|~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…
2019-09-25
|~2 min read
|314 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…
2019-09-16
|~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…
2019-09-14
|~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…
2019-08-21
|~3 min read
|512 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…
2019-08-16
|~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…
2019-08-03
|~3 min read
|479 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…
2019-06-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…
2019-05-08
|~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…
2018-12-27
|~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…