Menu Search
Jump to the content X X
Smashing Conf New York

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

Posts Tagged ‘Responsive Web Design’.

We are pleased to present below all posts tagged with ‘Responsive Web Design’.

A Brief Overview On Responsive Navigation Patterns

To say that responsive web design has changed our industry would be an understatement at best. We used to ask our clients which resolutions and devices they wanted us to support, but we now know the answer is “as many as possible.” To answer a challenge like this and to handle our increasingly complex world, our industry has exploded with new thinking, patterns and approaches.

A Brief Overview On Responsive Navigation Patterns

In this article, I want to look specifically at the issue of responsive navigation. We will first talk about information architecture, then the purpose of navigation, and finally we will look at three responsive navigation patterns that have served well over time.

Read more...

Which Responsive Design Framework Is Best? Of Course, It Depends.

In 2017, the question is not whether we should use a responsive design framework. Increasingly, we are using them. The question is which framework should we be using, and why, and whether we should use the whole framework or just parts of it.

Which Responsive Design Framework Is Best? Of Course, It Depends.

With dozens of responsive design frameworks available to download, many web developers appear to be unaware of any except for Bootstrap. Like most of web development, responsive design frameworks are not one-size-fits-all. Let's compare the latest versions of Bootstrap, Foundation and UIkit for their similarities and differences.

Read more...

A Little Surprise Is Waiting For You Here.

Smashing Magazine is changing: a new design, a new layout, a new technical stack, a new printed magazine, a new Smashing Membership, and the same good ol’ obsession with quality content. Here’s a sneak preview of what’s coming up.

A Little Surprise Is Waiting For You Here — Meet The Next Smashing Magazine

Today marks an important milestone in Smashing Magazine’s life, and this very page is an early preview of what’s coming up next: many experiments, new challenges, but still a good ol’ obsession with quality content. A complete overhaul, both visually and technically, a fine new printed magazine, and a shiny new Smashing Membership, with nifty features and goodies for you, our lovely community. Curious? Well, fasten your seatbelt and browse around — it’s going to be quite a journey!

Read more...

World Wide Web, Not Wealthy Western Web (Part 2)

In part 1 of this article, we looked at where in the world the new entrants to the World Wide Web are, and some of the new technologies the standards community has worked on to address some of the challenges that the next 4 billion people are facing when accessing the web. In short, we've tried to make some supply-side improvements to web standards so that websites can be made to better serve the whole world, not just the wealthy West.

World Wide Web, Not Wealthy Western Web (Part 2)

But there are other challenges to surmount, such as ways to get over creaky infrastructure in developing markets (which can be done with stopgap technological solutions, such as proxy browsers), and we'll also look at some of the reasons why some of the offline billions remain offline, and what can be done to address this.

Read more...

World Wide Web, Not Wealthy Western Web (Part 1)

“There are more things in heaven and earth, Horatio, than are dreamt of in your philosophy,” said Shakespeare’s Hamlet, in the famous scene in which Hamlet teaches Horatio to be a web designer.

World Wide Web, Not Wealthy Western Web (Part 1)

Horatio, as every schoolchild knows, is a designer from Berlin (or sometimes London or Silicon Valley) who has a top-of-the-line MacBook, the latest iPhone and an unlimited data plan over the fastest, most reliable network. But, as Hamlet points out to him, this is not the experience of most of the world’s web visitors.

Read more...

Mobile First Is Just Not Good Enough: Meet Journey-Driven Design

In a recent sales meeting for a prospective healthcare client, our team at Mad*Pow found ourselves answering an all-too-familiar question. We had covered the fundamental approach of user-centered design, agreed on leading with research and strategy, and everything was going smoothly. Just as we were wrapping up, the head of their team suddenly asked, "Oh, you guys design mobile-first, right?"

Mobile First Is Just Not Good Enough: Meet Journey-Driven Design

Well, that's a difficult question to answer. While the concept of mobile-first began as a philosophy to help prioritize content and ensure positive, device-agnostic experiences, budgetary and scheduling constraints often result in mobile-first meaning mobile-only.

Read more...

Where Are The World’s Best Open Device Labs?

Every developer knows that just because a website looks like and does what it’s meant to on the latest iPhone, doesn’t mean it will work across every mobile device. In this article, we’ll highlight some of the many open device labs out there — fantastic and helpful initiatives by the community that deserve support and attention.

Open device labs (ODLs) are a response to the myriad of operating systems, browsers and devices that litter our technical landscape. They offer developers a (usually) free space to go to test their web systems, websites and apps on a range of software and hardware. This premise forms the core of the OpenDeviceLab.com initiative, which is a community movement to help people locate the right ODL for the job and to drum up further support for these testing centers.

Read more...

Smashing Book #5, A Review

When Smashing Magazine first came out I ran a web design blog that was more popular than it. Out of nowhere this site about design came and started to pump out content at a ridiculous rate. A lot of the content was simple list posts, but it made sense back then because people loved inspiration. In 2009, I wrote an opinion piece talking about how Smashing Magazine had killed the design community. It really didn’t, but it did help to breed some copycats that copied everything, but the soul of Smashing Magazine. Since I wrote that piece, Smashing Magazine has... Read more...

Automating Art Direction With The Responsive Image Breakpoints Generator

Four years ago, Jason Grigsby asked a surprisingly difficult question: How do you pick responsive image breakpoints? A year later, he had an answer: Ideally, we’d set responsive image performance budgets to achieve "sensible jumps in file size."

Automating Art Direction With The Responsive Image Breakpoints Generator

Cloudinary built a tool that implements this idea, and the response from the community was universal: "Great! Now, what else can it do?" Today, we have an answer: art direction!

Read more...

↑ Back to top