Responsive Design

標籤

貢獻99

04:05 AM · Nov 17 ,2025

@vitaly-friedman

暱稱Vitaly Friedman

Last seen
@rachel-mccollin-2

暱稱Rachel McCollin

Last seen
@marko-dugonjic

暱稱Marko Dugonjić

Last seen
@ben-callahan

暱稱Ben Callahan

Last seen
@yoav-weiss

暱稱Yoav Weiss

Last seen
@chris-coyier

暱稱Chris Coyier

Last seen
@ben-gremillion

暱稱Ben Gremillion

Last seen
@jordan-moore

暱稱Jordan Moore

Last seen
@ros-hodgekiss

暱稱Ros Hodgekiss

Last seen
@timevko

暱稱Tim Evko

Last seen
@heydon-pickering

暱稱Heydon Pickering

Last seen
@rachel-andrew

暱稱Rachel Andrew

Last seen

@Responsive Design / 博客 RSS 訂閱

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

收藏評論

Feb 22 2016

Ben Callahan - Efficient Responsive Design Process

What’s your responsive design process like? Do you feel that it’s efficient? The following article is an excerpt from Ben Callahan’s chapter “Responsive Process,” first published in the eBook versio

workflow , Responsive Design , Navigation , Web Design , Design Systems , Design

收藏評論

Oct 24 2012

Drew Thomas - Looking Beyond Common Media Query Breakpoints

With all the talk about responsive Web design, designers and coders are moving even further from the fixed pixel layouts of design’s print-based history. We’re finally thinking in terms of fluid lay

Responsive Design , mobile , Media Queries , Css

收藏評論

Sep 01 2016

Laurie Laforest - WordPress Responsive Images With Art Direction

Support for responsive images was added to WordPress core in version 4.4 to address the use case for viewport-based image selection, where the browser requests the image size that best fits the layo

performance , wordpress , optimization , Responsive Design , Techniques (WP)

收藏評論

Feb 06 2014

Ishan Anand - How To Apply Transformations To Responsive Web Design

To most Web developers, it sounds controversial until you hear the punchline: Last summer, the developers in charge of Google’s Chrome browser floated a proposal that went virtually unnoticed by the

css3 , Responsive Design , mobile , Apps , Content , Opinion Column

收藏評論

Nov 11 2016

Gemma Church - 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

Responsive Design , Devices , testing , Design

收藏評論

Jan 18 2013

Karolina Szczur - Think Again: Assumptions About Mobile To Reconsider

The popularity of mobile has skyrocketed over the past few years. We’ve seen six generations of iPhones, five iPad models, hundreds of Android phones and thousands of different devices being manufac

Responsive Design , mobile , Apps , Development

收藏評論

3 4 5 6