I need speed, well, speedy websites anyway. My goal is to build super-fast website themes that I can base my future work on, so here’s my first attempt. It’s a lightweight, responsive static website theme. The entire website CSS is only 1.67 KB, and the JavaScript is only 485 bytes gZipped! I’ve set up a Read More…
I’ve worked on a couple of projects now that use Bootstrap. I like Bootstrap for prototyping; it’s quick and easy. However, I don’t care for the weight, especially in public-facing projects. Analyzing one Bootstrap project that I’m putting on a diet has a final stylesheet of 150k and over 3,000 unused classes (ouch). Mobile users Read More…
I’m finally getting settled (or kind of settled) into having a new baby in the house, and I hope to get back into a routine of writing. I am really enjoying experimenting with some of the new features of HTML5 and CSS3, however, sometimes, it doesn’t work well with older browsers, and I wonder about Read More…
I am a big fan of using analytics to make informed decisions and it is an important tool in determining break-points in CSS media queries. In Google Analytics you can check those by visiting… Audience > Technology > Browser & OS > Screen Resolution I look through the top 100 resolutions and make sure there Read More…
It’s hard to have a responsive website without responsive images; I usually use the HTML5 figure “figure” or the aside “aside” tag for responsive images. In your CSS, just assign your width, max-width, and/or min-width to the tag. In the code below, the image below will not exceed 800 pixels wide or get smaller than Read More…