Responsive Isn’t Enough

It’s been a year since Google tweaked its search engine to favor mobile friendly websites. Many websites scrambled together responsive redesigns to varying degrees of success. While this definitely helped push RWD adoption forward, many websites ignored one critical rule of the web: Your website must load quickly. Responsive but unoptimized websites have increased loading times and user abandonment. It’s not simply enough to cobble together a responsive design and call it a day. Thought needs to be put into how your design will flow and function on various devices, and every effort should be made to optimize that experience for speed and usability.

This month’s links shed some light on ways we can use RWD more effectively without sacrificing speed and utility.


ninth post

Google’s Mobilegeddon Aftermath: Eight Months Into A Better Mobile Web

"When Google announced the launch of its new mobile ranking system, dubbed Mobilegeddon by the press, everybody agreed that the impact would be devastating on those businesses that didn’t have a mobile web presence. At that time, we conducted a study of the top 10,000 sites from Alexa and showed that four out of ten sites would be affected by Google’s update."

Read more →

second post

Case Study: Here’s How Moving to Responsive Design Website Helped Our Brand

"User experience is more important than ever in today's digital age, and with more searches now performed on mobile than desktop, the need for a mobile-friendly site is imperative to a business’ success. It’s this that led to Offspring’s site migration to a responsive design, just one of the changes the trainer retailer is making to improve the customer journey and ultimately increase conversion rates."

Read more →

third post

Logo Design For Responsive Websites

"The modern logo has to work harder than ever before. In the past, a company logo was perhaps intended simply for a shop sign and printed in local newspaper adverts. Today’s logos have to work with a growing plethora of smart devices with varying screen sizes and resolutions, displaying responsive websites."

Read more →

fourth post

Responsive images on the web

"That’s right, exactly two thirds of websites in November 2015 are dominated by images. Website sizes are getting ever more bloated, and this can lead to slow load times and a poor UX, especially on mobile devices."

Read more →

fifth post

5 Powerful Techniques for Responsive Web Design

"With the multiplication of devices used to access the internet (computer, tablets, smartphones…) you have to make sure that your website will look good on every device possible. In this article, I have compiled 5 super useful techniques for a better, more responsive site or web app."

Read more →

sixth post

Why I Value Truly Responsive Web Design

"In my post about values, I mentioned how determining your values can help you evaluate how you work with companies, teams, and people. The first on my list of values was that I value a truly responsive web design. But why?"

Read more →


eight post

Foundation for Emails 2.1: Supercharge Your Workflow

"Foundation for Emails 2 has already changed the email workflow for thousands of people with a revamped CSS codebase, Inky markup to ditch tables, and a powerful workflow to stay D.R.Y. It makes coding HTML emails, well, easy. Today we are releasing Foundation for Emails 2.1 which further optimizes your workflow and speeds up coding. There are a couple new Inky components and more ZURB Stack magic to simplify your HTML email development and make you an email pro."

Read more →
first post

4 Pitfalls To Avoid With Responsive Web Design

"Responsive web design, mobile-first, Google algorithms — the list of technology that you need to stay current seems unending, and it can get a bit overwhelming trying to stay at the forefront of it all. Tech words aside, the end result is a simple concept — create an online presence where you can connect with customers and prospects from their device of choice."

Read more →


Foundation
Foundation

The most advanced responsive front-end framework.

Check Out Foundation  →