(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 » CSS » Page 2

Ten-Ton Widgets

2019-10-16T03:05:21+02:00October 16th, 2019|Categories: News, Tutorials|Tags: |

At a recent conference talk (sorry, I forget which one), there was a quick example of poor web performance in the form of a third-party widget. The example showed a site that installed the widget in order to add a "email us" button fixed to the bottom right of the viewport. Not even a live-chat [...]

WordPress Plugin Overload? Give Jetpack a Try!

2019-10-16T03:05:10+02:00October 16th, 2019|Categories: News, Tutorials|Tags: |

The WordPress ecosystem has a plentiful supply of plugins that offer everything from AMP to Zapier integration and so, so, so many other things in between. It's a significant contributor to what makes WordPress great because plugins can account for the needs of nearly any website. How many plugins are installed on your WordPress site? [...]

Weaving One Element Over and Under Another Element

2019-10-15T03:05:23+02:00October 15th, 2019|Categories: News, Tutorials|Tags: |

In this post, we’re going to use CSS superpowers to create a visual effect where two elements overlap and weave together. The epiphany for this design came during a short burst of spiritual inquisitiveness where I ended up at The Bible Project’s website. They make really cool animations, and I mean, really cool animations. My [...]

Stop Animations During Window Resizing

2019-10-15T03:05:16+02:00October 15th, 2019|Categories: News, Tutorials|Tags: |

Say you have page that has a bunch of transitions and animations on all sorts of elements. Some of them get triggered when the window is resized because they have to do with size of the page or position or padding or something. It doesn't really matter what it is, the fact that the transition [...]

Weekly Platform News: Impact of Third-Party Code, Passive Mixed Content, Countries with the Slowest Connections

2019-10-11T03:05:41+02:00October 11th, 2019|Categories: News, Tutorials|Tags: |

In this week's roundup, Lighthouse sheds light on third-party scripts, insecure resources will get blocked on secure sites, and many country connection speeds are still trying to catch up to others... literally. Measure the impact of third-party code during page load Lighthouse, Chrome’s built-in auditing tool, now shows a warning when the impact of third-party [...]

Images Are Not Static Content

2019-10-11T03:05:11+02:00October 11th, 2019|Categories: News, Tutorials|Tags: |

We constantly hear about the importance of keeping websites lean and fast. A fast-loading website makes users more satisfied, and satisfied users spend more time and money on your website. However, website optimization is a complex task, as there is not one silver bullet to fix all of the issues causing poor performance. We also [...]