Responsive Design

標籤

貢獻103

04:05 AM · Nov 17 ,2025

@vitaly-friedman

暱稱Vitaly Friedman

Last seen
@rachel-mccollin-2

暱稱Rachel McCollin

Last seen
@ben-callahan

暱稱Ben Callahan

Last seen
@marko-dugonjic

暱稱Marko Dugonjić

Last seen
@bruce-lawson

暱稱Bruce Lawson

Last seen
@yoav-weiss

暱稱Yoav Weiss

Last seen
@ros-hodgekiss

暱稱Ros Hodgekiss

Last seen
@ben-gremillion

暱稱Ben Gremillion

Last seen
@timevko

暱稱Tim Evko

Last seen
@rachel-andrew

暱稱Rachel Andrew

Last seen
@jordan-moore

暱稱Jordan Moore

Last seen
@heydon-pickering

暱稱Heydon Pickering

Last seen

@Responsive Design / 博客 RSS 訂閱

Feb 27 2012

James Young - Is There Ever A Justification For Responsive Text?

Depending on who you follow and what you read, you may have noticed the concept of “responsive text” being discussed in design circles recently. It’s not what you might imagine — resizing and alteri

Responsive Design , mobile , Content

收藏評論

Feb 14 2013

Francisco Inchauste - Designing For A Multi-Device World

When I think about where we are with the Web in comparison to other media in history, pinpointing it is really hard. Is it like when the Gutenberg Press was just invented and we’re experimenting wit

Responsive Design , Process , Opinion Column , Design

收藏評論

Sep 22 2011

Ben Callahan - Content Prototyping In Responsive Web Design: Related Resources

This overview features the useful resources related to the article Content Prototyping In Responsive Web Design, written by Ben Callahan. Related Resources Content Precedes Design An intense

Responsive Design , Content , Prototyping

收藏評論

Sep 06 2016

Marko Dugonjić - Redesigning SGS’ Seven-Level Navigation System: A Case Study

SGS (formerly Société Générale de Surveillance) is a global service organization and provider of inspection, verification, testing and certification services across 14 industries. SGS’ website (alon

Responsive Design , mobile , Navigation , coding

收藏評論

Sep 26 2011

Ben Callahan - Content Prototyping In Responsive Web Design

Michelangelo once said, “The best of artists has no conception that the marble alone does not contain within itself.” Translate this to the world of Web design and you might say, “No matter how grea

Responsive Design , mobile , Content , Prototyping

收藏評論

May 03 2016

Ricardo Zea - An Ultimate Guide To CSS Pseudo Classes And Pseudo Elements

Hola a todos! (Hello, everyone!) In my early days of web design, I had to learn things the hard way: trial and error. There was no Smashing Magazine, Can I Use, CodePen or any of the other amazing

Responsive Design , coding , Css

收藏評論

Dec 04 2013

Rachel Andrew - Varnish – Speed Up Your Mobile Website

Imagine that you have just written a post on your blog, tweeted about it and watched it get retweeted by some popular Twitter users, sending hundreds of people to your blog at once. Your excitement

performance , Responsive Design , Caching , mobile , Varnish

收藏評論

Aug 13 2012

Chris Coyier - Coding Q&A With Chris Coyier: Responsive Sprites And Media Query Efficiency

Howdy, folks! Welcome to more Smashing Magazine CSS QA. It works like this: you send in questions you have about CSS, and at least once a month we’ll pick out the best questions and answer them so t

Responsive Design , Media Queries , coding , Css

收藏評論

Feb 27 2014

Rachel McCollin - Making Embedded Content Work In A Responsive iFrame

A few HTML elements don’t play nice with responsive layouts. One of these is the good ol’ iframe, which you may need to use when embedding content from external sources such as YouTube. In this art

Responsive Design , mobile , Content Strategy

收藏評論

Jan 26 2016

Nadav Soferman - Responsive Image Breakpoints Generator, A New Open Source Tool

Responsive websites, even the most modern ones, often struggle with selecting image resolutions that best match the various user devices. They compromise on either the image dimensions or the number

Techniques , Responsive Design , coding , Responsive Images

收藏評論

Oct 15 2012

Chris Coyier - SVG Fallback, Vertical Rhythm, CSS Project Structure

Responsive Design , coding , Css , svg

收藏評論

Nov 19 2013

Joshua Gross - How Usability Testing Drastically Improved My Client’s App

Most designers spend too much time with their designs to be objective about them. The best thing any designer can do is to collect feedback from real users. Testing uncovers pain points and flaws in

Interaction Design , Responsive Design , Clients , ux , Interfaces , Usability

收藏評論

Jun 14 2012

Rachel McCollin - Responsive Images With WordPress’ Featured Images

In this article, we’ll look at how to use WordPress’ built-in featured images capability to deliver different-sized image files to different devices. “Featured images,” sometimes referred to as thum

wordpress , Responsive Design , mobile , Media Queries

收藏評論

Sep 24 2012

Ariel Salminen - How To Establish An Open Device Lab For Better Mobile Testing

Managing a personal device lab can be quite hard with an ever expanding number of devices. It’s not only expensive, but also bad for our environment. Think of a situation where every Web developer w

Responsive Design , mobile , Devices , testing

收藏評論

May 23 2013

Wilson Page - Building The New Financial Times Web App (A Case Study)

Update (10.10.2013): Good news: according to recent tests, Flexbox layout isn’t slow any longer. Author’s comments about the performance of Flexbox refer to the original (legacy) flexbox that used d

flexbox , Techniques , Responsive Design , coding , Css

收藏評論

May 29 2013

Stéphanie Walter - The State Of Responsive Web Design

Responsive Web design has been around for some years now, and it was a hot topic in 2012. Many well-known people such as Brad Frost and Luke Wroblewski have a lot of experience with it and have help

Techniques , Responsive Design , mobile

收藏評論

Dec 17 2012

Espen Brunborg - CSS Baseline: The Good, The Bad And The Ugly

Vertical rhythm is clearly an important part of Web design, yet on the subject of baseline, our community seems divided and there is no consensus as to how it fits in — if at all — with our growing

Responsive Design , Typography , coding , Css

收藏評論

Mar 17 2015

Sarah Drasner - A Few Different Ways To Use SVG Sprites In Animation

There are some things we know and like about SVGs. First, SVGs have smooth, clean edges on any display, so using SVGs can reduce the number of HTTP requests for image replacement. Second, it’s easy

Responsive Design , coding , Css , svg

收藏評論

Nov 17 2025

Fabienne Bielmann - FabUnit: A Smart Way To Control And Synchronize Typo And Space

What if we were able to implement the sizes of designer’s contribution without hassle? What if we could set custom anchor points to generate a perfectly responsive value, giving us more options as t

Techniques , Responsive Design , Tools , Css

收藏評論

Jul 08 2013

Sherri Alexander - Choosing A Responsive Image Solution

If you code websites, it’s a good bet that at least one of your clients has asked about or requested a mobile-friendly website. If you go the responsive design route (whereby your website is flexibl

Techniques , Responsive Design , mobile , jquery

收藏評論

Jun 03 2013

Estelle Weyl - How To Solve Adaptive Images In Responsive Web Design

Adaptive images are the current hot topic in conversations about adaptive and responsive Web design. Why? Because no one likes any of the solutions thus far. New elements and attributes are being di

Responsive Design , coding , Css , svg

收藏評論

Apr 09 2014

Nick Jonas, Francis Villanueva - Building The Web App For Unicef’s Tap Campaign: A Case Study

Since a smartphone landed in almost everyone’s pocket, developers have been faced with the question of whether to go with a mobile website or a native app. Native applications offer the smoothest an

Techniques , Responsive Design , mobile , Apps , Case Studies , ios

收藏評論

Sep 08 2014

Vitaly Friedman - Improving Smashing Magazine’s Web Performance: A Case Study

Today, Smashing Magazine turns eight years old. Eight years is a long time on the web, yet for us it really doesn’t feel like a long journey at all. Things have changed, evolved and moved on, and we

performance , Responsive Design , coding , Css

收藏評論

May 10 2016

Michael Riethmuller - Responsive And Fluid Typography With vh And vw Units

Embracing fluid typography might be easier than you think. It has wide browser support, is simple to implement and can be achieved without losing control over many important aspects of design.

Responsive Design , mobile , Typography , coding , Css

收藏評論

3 4 5 6