Why Mobile First Is Outdated — Inside Intercom — Medium
What really matters is screens, not devices.
Source: Why Mobile First Is Outdated — Inside Intercom — Medium
Tagged: RWD Toggle Comment Threads | Keyboard Shortcuts
-
Bobby
-
Bobby
Responsive times two: essential new books from Ethan Marcotte & Karen McGrane – Zeldman on Web & Interaction Design
Ethan Marcotte’s Responsive Design: Patterns and Principles and Karen McGrane’s Going Responsive are now available in our A Book Apart store.
-
Bobby
5 Companies Proving RWD Increases Conversion
Savvy brands have long recognized the importance of a mobile-first strategy, but Google’s algorithm update has given greater urgency to those e-commerce businesses who have yet to take the mobile plunge.The latter needs to quickly integrate online and offline marketing campaigns; they need to reach out to the massive market of mobile users and make sure that these people can conduct their purchasing transactions without a hitch. They need to get with the times and this means getting on the mobile-first design bandwagon.
Source: 5 Companies Proving RWD Increases Conversion – ‘Net Features – Website Magazine
-
Bobby
Responsive is Everything: Straight Talking 2014 Ecommerce Holiday Data
There is some EXCELLENT data in this quick post about RWD ecommerce sites. The numbers are all pointing us in the right direction, now we just need to trust them.
Every day we see analytics data from our client’s stores, and most of the time we use it as a benchmark of our performance and move on. But sometimes, we look at all of that data as a big picture. This week, we looked at Google Analytics data about 41K visitors to our client’s store during Black Friday weekend.
-
Bobby
Responsive or Bust: Google’s Focus on Mobile & How to Design for It – CueCamp
Source: Responsive or Bust: Google’s Focus on Mobile & How to Design for It – CueCamp -
Bobby
Ink: A Responsive Email Framework from ZURB
THIS!
Ink: A Responsive Email Framework from ZURB.
Reach out your tentacles to a broad range of people who subscribe to your emails. Our CSS framework helps you craft HTML emails that can be read anywhere on any device. Gone are the days where you had to choose between Outlook and email optimized for smartphones and tablets. Ink’s responsive, 12-column grid blends flexibility and stability so your readers can view your emails perfectly from wherever they may be.
-
Bobby
Native App or RWD App? Infographic
Here’s a chart to decide whether to build a native or web mobile app | VentureBeat.
-
Bobby
Apple Curved-Battery Patent Paves Way for iWatch
Who’s ready to start designing for yet another platform and screen size? This will take RWD to the limits eh?
The company was recently awarded a patent — which was initially filed in January — for a curved battery for electronic devices. Because a curved battery wouldnt necessarily be needed for an iPhone or iPad, its easy for one to assume its for another portable device — one with a curvature in its shape.
-
Bobby
Case Study — Typographic Design Patterns And Current Practices | Smashing Magazine
From a Smashing article. Very INTERESTING numbers here about RWD Fonts.
SOME NUMBERS ON THE IMPLEMENTATION OF RESPONSIVE DESIGN
42% of websites implement responsive design changes, including for layout, image scale, content and font size.
At a display width of 500 pixels:
- Average line height: 28 pixels
- Average font size of body: 15 pixels
- Average number of characters per line: 77
At a display width of 700 pixels:
- Average font size of headlines: 36 pixels
- Average font size of body: 15.6 pixels
- Average number of characters per line: 82.7
At a display width of 950 pixels:
- Average font size of headlines: 37.9 pixels
- Average font size of body: 16.1 pixels
- Average number of characters per line: 84.8
At a display width of 1600 pixels:
- Average font size of headlines: 40.7 pixels
- Average font size of body: 16.2 pixels
- Average number of characters per line: 86.8
-
Bobby
Our New Responsive Design Deliverable: The Style Prototype | Sparkbox
Our New Responsive Design Deliverable: The Style Prototype | Sparkbox.
In a nutshell, the goal of a Style Prototype is to allow a client to get a visual summary of a site’s proposed design direction without the time investment of creating multiple pages of Photoshop comps or fully developing HTML pages. A style prototype is a single HTML page which outlines site colors, typography, photographic style, button styles, rollovers, and other necessary elements to establish design direction. In a sense, it is a safety measure intended to avoid rehashing (or completely scrapping) site designs in which hours of time and budget have been invested.
-
Bobby
Google Analytics and the Resize Event | Sparkbox
Google Analytics and the Resize Event | Sparkbox.
Nice trick.
-
Bobby
A List Apart: Articles: Responsive Images and Web Standards at the Turning Point
A List Apart: Articles: Responsive Images and Web Standards at the Turning Point.
The goal of a “responsive images” solution is to deliver images optimized for the end user’s context, rather than serving the largest potentially necessary image to everyone. Unfortunately, this hasn’t been quite so simple in practice as it is in theory.
-
Bobby
How to Approach a Responsive Design | Upstatement.
A must read:
So we lined up the usual suspects from Adobe. Who would be our partner in crime — Photoshop? Illustrator? InDesign?
Hands down, the answer was InDesign. At its core, BostonGlobe.com is a publication website, and InDesign is the best tool for laying out publications and content. Yes, there are huge differences between designing print publications and designing for the web, but consider this: Most web pages are simply a combination of photos and text. And where Photoshop excels at manipulating images (but sucks at type) and Illustrator is exceptional at typography (but sucks with images), InDesign is built for both……
Reply
You must be logged in to post a comment.