A slow website can frustrate visitors and increase the bounce rate. One of the easiest ways to increase page speed is to compress images prior to upload but remembering to do so each time you add an image to your website can be a hassle. Thankfully, there are a handful of handy image optimization plugins…
Read this article 7 WordPress Image Optimization Plugins Ranked
In our upcoming website redesign, we decided to use flexbox for positioning elements within the layout. Flexbox or the flexible box layout module gives a container the ability to determine the best possible layout for the items inside. It has large support across all modern browsers with the exception of Internet Explorer 10 & 11…
Read this article Flexbox Positioning Cheat Sheet
How to handle inline images has been a big challenge in responsive web design and we wanted to integrate a solution into our upcoming redesign. Thankfully, there are now solutions available that a majority of browsers support. The image srcset and sizes attribute along with the <picture> element give developers the ability to deliver the…
Read this article Responsive Images using Srcset, Sizes, and Picture
As we continue to improve our processes for the upcoming 33 Degrees website redesign, we decided it was time to change how we were handling icons. We wanted to move away from using an icon font for pictograms and instead use Scalable Vector Graphics (SVG). Let’s take a look at some of the benefits of…
Read this article SVG Sprite Sheets to the Rescue!
SASS gives front-end developers the power to create nested styles, variables, and perform operator logic inside the style sheet before it is compiled into a CSS file. Currently, the 33 Degrees’ website uses SASS (Syntactically Awesome Style Sheets) for generating the CSS (Cascading Style Sheet) but there are many new features that can now be…
Read this article 5 Techniques to Leverage SASS
