I've recently been going down a rabbit hole of making improvements to my CanIUse embed.

I've been going to Chrome Dev Summit for a couple of years now.

I asked on Twitter the other day how many people had created and enforced a performance budget for a website they were working on.

All browsers ship with a set of default styles that are applied to every web page in what is called the "user agent stylesheet".

While learning CSS Grid Layout, I've found that the best way to internalise all the new concepts and terminology is by working on various layouts.

I'm pretty new to CSS animations. For the most part, I had only used them in limited cases and mostly using libraries created by others, such as the excellent Animate.css created by Daniel Eden. As I mentioned in Redesigning bitsofcode, the graphic designer I worked with for the

Storing data directly within the browser has a lot of benefits, the main one being quick and network-independent access to a "database". There are currently four active methods (plus one deprecated), for storing data on the client side - Cookies Local Storage Session Storage IndexedDB WebSQL (deprecated) Cookies Cookies are

As I have mentioned before, every element in the document tree is just a rectangular box. Each of these boxes has a background layer that can either be fully transparent, a colour, or an image. This background layer is controlled by 8 CSS properties (plus 1 shorthand property). background-color The

The :target pseudo-class refers to an element within the document that the URL's fragment points to. For example, this piece of text is wrapped in a element which has an ID of #target-test. If you went to the url, https://bitsofco.de/the-target-trick#target-test, then that element will be the target and and styles applied to the :target pseudo-class for that element will take effect.