In October of 2015, Google debuted a new project called AMP, or Accelerated Mobile Pages. The project is open-source, with other companies like Adobe, Twitter, Vox Media, BBC, The Guardian, and The New York Times also contributing to this project. So what is AMP? And why does it exist? For the last few years, web […]
Integrating Google AMP and WordPress
HTML: Give Parent Div 100% Height Of Child Floated Elements
Published January 27th, 2016
11 Comments on HTML: Give Parent Div 10011 Height Of Child Floated Elements
Many web designers and front end developers have been stumped by this dilemma before. When you have a parent div with only floated child elements inside, how do you give the parent element the height of the floated child elements? Before we look at the answer, let’s look at why this is a problem in […]
When Chrome Print Preview Differs From DevTools View
This one’s for the web developers in the house. If you’ve ever tried to debug print styles in Chrome, and kept wondering why the print preview looked totally different than what you were seeing in Chrome Developer Tools, you were exactly where I was earlier this week. Turns out the root of your problems may […]
Non Mobile-Friendly Websites Facing Judgement Day
April 21st, 2015 is about to become Judgement Day for millions of websites that are not mobile-friendly or still use Flash animation. Google announced late on Febraury 26th, 2015 that search results will more heavily favor mobile-friendly websites beginning April 21st, 2015. Indexed apps will also be surfaced more prominently in search results for users […]
How To Leave a Google Review on iPhone
UPDATE, May 2015: As of April 2015, the only viable way to leave reviews for a business on iPhone is to go through the Google Maps app. This means that unless you have an approved marker in Google Map Maker for your physically located business, you won’t be able to get reviews from an iPhone. […]
Google Tests Warning Label For Slow Loading Sites
Search Engine Land reported today that Google is testing out a red warning label for slow loading websites. The screenshots SEL received were for Google owned websites, but it is likely these “Slow” labels will eventually roll out to all search engine results.
Responsive YouTube Videos in WordPress
Mobile web usage has now exceeded desktop web usage, so it’s important to make sure your YouTube videos are as mobile-friendly. Since YouTube and other video services give you an embed code with a declared height and width, the video often goes right off the page on smartphones. That’s not the type of experience you […]
Adding Print Style Sheets
Print styles today an oft-neglected piece of web design. As web designers, we spend a lot of time thinking about how pages will looks on mobile devices and different sized screens. But many people in offices across the country still rely on printing information for sharing and distribution. Adding print style sheets to your website […]
How To Responsively Rearrange Elements With CSS
Responsive web design presents a number of layout challenges for developers. Sometimes, page content needs to be presented differently on desktop and mobile. If the order needs to be rearranged, what are the options? It helps to remember that page elements are boxes within boxes, inside of a large box, the device window. If there […]
Flash Websites Downgraded In Search Results
Google announced that starting July 14th, 2014 Flash websites will be downgraded in search results on devices that do not support Flash. Presumably this would affect mobile usage only, as Flash is not supported in iOS or Android 4.1 and above. On mobile the new search results would state that the site uses Flash, and […]