home file-empty pencil screen user heart reply share social loading

Keith J. Grant

Photo of Keith

Atlanta, GA
United States

Twitter
@keithjgrant
Github
keithjgrant
Author
CSS in Depth

Posts

Width and Absolute Positioning

I recently came across this question on Twitter: What's the diff on a position:absolute el btw {top:0;right:0;bottom:0;left:0;} and {top:0;left:0;height:100%;width:100%;} ? — Karl Swedberg (@kswedberg) January 28, 2016 “That’s easy”, I thought. “They often seem the same in practice, but width and height are based on the parent (or nearest block-level ancestor). Top, right, bottom, and left are based on the nearest positioned ancestor. Those aren’t necessarily the same element.

Continue reading...

Simply White

Benjamin Moore has declared the Color of the Year for 2016 to be “simply white”. We have reached peak minimalism, y’all. So I’m steering into the skid. Here’s my new design.

Continue reading...

CSS First

In 2003, the CSS Zen Garden went live, and it spearheaded a revolution. At the time, many web designers were still using tables for layouts, and the battle for semantic markup was underway. The Zen Garden showed the world, in beautiful color, what CSS could do. By changing the CSS, you could make the website retro, postmodern, abstract, or elegant. You could move the sidebar to the left, the right, the top, or the bottom of the page.

Continue reading...

Into the future of CSS

In my last post, I laid out why I think moving our CSS into JavaScript is not a good idea. If am totally honest, however, I have to admit I brushed off the concerns Christopher Chedeaux raises in his slidedeck. The seven problems he named can be mitigated by best practices, and most of us can do just fine, because we do not often work in apps of the same scale as Facebook or Google.

Continue reading...

Against CSS in JS

Some folks want a unified language of the web instead of CSS, HTML, and JS. It's increasingly looking like JS will just eat the other two. — Henrik Joreteg (@HenrikJoreteg) May 28, 2015 I have long believed that pieces of our JavaScript are intimately coupled with the DOM, especially in the context of web apps. For far too long, we waved our hands and pretended we have a separation of concerns simply because our HTML is in one file and our JavaScript is in another.

Continue reading...

Hosting on Github

Well, this is a bit of an experiment… I’ve lost track of how many times I’ve started a redesign of my WordPress blog, only to give up after days of fiddling. This is kind of silly, since I generally finish the design of my site fairly quickly, but get held up fighting with the implementation minutia. I blog very rarely. I also occasionally want to host various other pages that don’t necessarily need to fit with the theme of the rest of my site.

Continue reading...

Taming CSS

Observation 1: Web developers, in general, don’t know CSS as well as they should. Observation 2: There aren’t really any good roadmaps for learning all the essentials of CSS. There are great resources for the basics, for styling, for code organization/architecture, for advanced tricks. But to work through them all, you get a lot of overlap, and they still leave you with missing gaps in your knowledge. Often, with CSS, you don’t know what you don’t know, and that makes it hard to move forward.

Continue reading...