(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.data-privacy-src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-1596564-1', 'auto'); ga('send', 'pageview');
Home » NewsBlog » CSS

The Ethics of Web Performance

2019-01-15T03:05:07+00:00January 15th, 2019|Categories: News, Tutorials|Tags: |

Tim Kadlec on the issues surrounding poor web performance and why it’s so important for us to care about making our sites as fast as possible: Poor performance can, and does, lead to exclusion. This point is extremely well documented by now, but warrants repeating. Sites that use an excess of resources, whether on the [...]

Slice and Dice a Disc with CSS

2019-01-14T03:04:25+00:00January 14th, 2019|Categories: News, Tutorials|Tags: |

I recently came across an interesting sliced disc design. The disc had a diagonal gradient and was split into horizontal slices, offset a bit from left to right. Naturally, I started to think what would the most efficient way of doing it with CSS be. Sliced gradient disc.The first thought was that this should be [...]

Re: Pleasing Color Palettes

2019-01-12T03:04:49+00:00January 12th, 2019|Categories: News, Tutorials|Tags: |

There are so many tools out there to help you pick colors. I totally get it! It's hard! When colors are done well, it's like magic. It adds a level of polish to a design that can really set it apart. Let's look at some, then talk about this idea some more. Here's one I [...]

Piecing Together Approaches for a CSS Masonry Layout

2019-01-12T03:04:42+00:00January 12th, 2019|Categories: News, Tutorials|Tags: |

Masonry layout, on the web, is when items of an uneven size are laid out such that there aren't uneven gaps. I would guess the term was coined (or at least popularized) for the web by David DeSandro because of his popular Masonry JavaScript library, which has been around since 2010. JavaScript library. Nothing against [...]

Why we need CSS subgrid

2019-01-12T03:04:40+00:00January 12th, 2019|Categories: News, Tutorials|Tags: |

I’m a huge fan of CSS Grid and I use it on pretty much every project these days. However, there’s one part of it that makes things much more complicated than they really ought to be: the lack of subgrids. And in this post on the matter, Ken Bellows explains why they’d be so gosh darn [...]

Algorithmic Layouts

2019-01-11T03:04:53+00:00January 11th, 2019|Categories: News, Tutorials|Tags: |

Don't miss this video by Heydon that digs into CSS layouts. It's great how he combines fundamental knowledge, like the way elements flow, wrap, and can have margin with new layout methods like flexbox and grid (with specific examples). Of particular note is the clear demonstration of how flexbox and grid help avoid the need [...]

Building Responsive WordPress Forms

2019-01-11T03:04:51+00:00January 11th, 2019|Categories: News, Tutorials|Tags: |

Within the arsenal of every WordPress developer exists a toolbox of plugins used to implement key features on a website. Forms, up until now, have been a point of contention for most developers, given that no form plugins have offered seamless integration with existing website code. Therefore, forms often become an alien chunk of code [...]

We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it. Ok