Many years ago, the web was a simpler place, in terms of design. After all, it’s quite hard to bring anything of visual beauty to your users, when your canvas is monospaced syntax-highlighted text, and nothing else.
As anyone who is clued up about digital marketing will tell you, mobile has landed, and is here to stay. Recent studies reveal that mobile traffic accounts for roughly 12.5% of all visitors to websites and is on the rise. Just take a look at your own Google Analytics and you’ll see the same trends on your site. So why does it matter? Well, chances are if you haven’t done anything to accommodate your new mobile visitors, you’ll find that their bounce rates are significantly higher than those of desktop and laptop visitors. In fact, if you are likely to be getting next to zero value from your smartphone surfers. Like most B2B companies, your website will be your primary ‘shop-front’, so if 1 in 10 of your visitors were leaving because they don’t like your store layout, surely you would consider redecorating?
Fluid grids, flexible images and media queries are the cornerstones of responsive web design, but as developer Jeremy Keith points out web developers need to have a responsive mindset as well, embracing the inherent fluidity of the web.
For good or bad, Ethan Marcotte coined the term Responsive Web Design a while ago and from that point, #RWD was plastered across tutorials, Twitter, conferences, I think some people even got RWD4 LYFE tattooed across their knuckles.
Many of us have moved on from thinking about media queries and responsive layout towards addressing the challenges of responsive images, navigation, UX and more.
Content and planning are important too. Even if you're not adopting a Mobile First strategy, it's important to consider the mobile experience when planning any responsive site. This includes thinking about content, user experience, design, performance and more. Rudy Rigot's article on responsive projects examines more of these issues in detail.
This was inspired by, and based on @lensco‘s excellent Simple Responsive Design Test Page. It lets you view any webpage in multiple screen sizes, simulating the viewport of different devices. After getting such a positive response to my original script, I thought I’d expand on it a little. Since people are obviously targeting different device screen sizes with their projects, the form below now lets you generate a custom bookmarklet that displays only those device sizes you’re interested in.
Allow me to begin by congratulating you on having found your way till here. No doubts, you are on an expedition to a guide that will enable you to create a responsive website. It has become the buzz word – 'responsive websites'.
Responsive design is the new HTML5, a fancy term thrown around to prove that you “get it” in mobile. On the surface, responsive design makes total sense: design for an optimal experience across a wide range of devices.
The biggest talking point this week has to be the new release of Microsoft.com. A lot of kudos was thrown the way of the Build Windows site when it was first released, and if you liked that you’ll love the work that went into the new Microsoft site.
In the early years, when the smartphones came to Earth, they knew the Internet wasn't prepared for them… so they expected every website to be around 1000px width (980px on the iPhone) and zoom out the website to fit into the screen. And so the was created, basically to tell those smart dudes that your website was prepared for them.
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.