Flexible layouts work well to a point, but there comes a time when we need a more drastic change than simply allowing design elements to expand and contract. There comes a point where we need the ability to make larger changes in how elements flow within a design. Enter media queries. Now with official W3C goodness.
Last month I had the opportunity to contribute to Google’s HTML5 Rocks site with an article called Creating a Mobile-First Responsive Web Design. In the article, I walk through step-by-step the process of creating an adaptive website that does its best to take context into consideration.
So we’ve reached the end of our "Responsive Web Design week", tonight’s post will be the last of the series. We are going all out to help you hone your skills in manipulating those codes to respond at will when displayed on different devices.
The saying 'one size doesn't fit all' may be true in many cases, but with the use of -- and interest in -- responsive design skyrocketing, more and more companies are asking whether that's necessarily true when it comes to web design.
This is the final post on the Responsible Web Design focus. The first introduced RWD, reviewed the nuts and bolts, and explained why it ought to be required for web sites. The second post showed you how to create media queries and get your web sites another step closer to universal responsiveness across all devices. In this post, I will review how to get your images and videos to become flexible along with the other content. The HTML and CSS code for the demo pages used below can be found in the associated download, so you can follow long.
I was looking at Spyrestudio's recent round-up of '27 Responsive Website Designs for Mobile Safari' and was struck by a strange, familiar feeling. 'Heck,' I thought, 'a lot of these sites look like email newsletters!'
Depuis février, le smartphone a quasiment atteint 50% du marché mobile aux Etats-Unis. 2012 est ENFIN « l'année du mobile », et cela signifie que vous avez besoin vous vous faire votre propre expérience en tant qu'utilisateur.
As an exercise I thought it would be interesting to take html5rocks (an existing HTML5 site) and augment it with a mobile-friendly version. I was mainly concerned with the minimum amount of work required to target smart phones. The goal of my exercise was not to create an entirely new mobile site and maintain two codebases. That would have taken forever and have been a huge waste of time. We had already defined the site's structure (markup). We had a look and feel (CSS). The core functionality (JS) was there. Point is, many sites are in this same boat.
I’ll let the UX experts expand on why Responsive Web Design is killer for your users, but now let me get into why it’s amazing for SEO. Let’s start off by listing some of the disadvantages of having a dedicated mobile website(s):
In her presentation at An Event Apart in Washington DC 2012 Sarah Parmenter talked about the changes responsive Web design requires of Web designers. Here's my notes from her talk on Responsive Design Workflow:
If you read your email regularly using an Internet-enabled phone, you probably know that it's an experience that can swing from awesome to awful. While an email newsletter can look superb in the inbox, when squeezed onto a small screen, it can become absolutely unusable, with small fonts, narrow columns and broken layouts being common issues.
Sharing your scoops to your social media accounts is a must to distribute your curated content. Not only will it drive traffic and leads through your content, but it will help show your expertise with your followers.
How to integrate my topics' content to my website?
Integrating your curated content to your website or blog will allow you to increase your website visitors’ engagement, boost SEO and acquire new visitors. By redirecting your social media traffic to your website, Scoop.it will also help you generate more qualified traffic and leads from your curation work.
Distributing your curated content through a newsletter is a great way to nurture and engage your email subscribers will developing your traffic and visibility.
Creating engaging newsletters with your curated content is really easy.