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 訂閱

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

收藏評論

Apr 20 2012

Bruce Lawson - Why We Shouldn’t Make Separate Mobile Websites

There has been a long-running war going on over the mobile Web: it can be summarized with the following question: “Is there a mobile Web?” That is, is the mobile device so fundamentally different th

Responsive Design , mobile , Strategy

收藏評論

Jan 09 2013

Yoav Weiss - Bandwidth Media Queries? We Don’t Need ’Em!

From time to time, when a discussion is taking place about ways to implement responsive images, someone comes along and says, “Hey, guys! What we really need is a media query that enables us to send

performance , Responsive Design , mobile , Media Queries

收藏評論

Sep 29 2016

Eric Portis - 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! Since its release e

Responsive Design , mobile , Responsive Images

收藏評論

Sep 11 2013

Jon Rundle - Responsive Navigation On Complex Websites

Central to a solid user experience is a well-structured, simple navigation system. Over the past few months, I’ve been involved in launching two large institutional websites with complex navigation

Techniques , Responsive Design , mobile , Navigation , Css

收藏評論

Jul 22 2013

Stephen Thomas - Simple Responsive Images With CSS Background Images

Editor’s Note: This article features just one of the many, suboptimal solutions for responsive images. We suggest that you review different approaches before choosing a particular responsive image s

Responsive Design , mobile , Media Queries , Css

收藏評論

May 18 2012

Gavyn McKenzie - A Good User Interface Means Something Completely Different On Mobile Devices

Responsive design is the hottest topic in front-end Web development right now. It’s going to transform the Web into an all-singing, all-dancing, all-devices party, where we can access any informatio

Responsive Design , mobile

收藏評論

Feb 14 2013

Drew Thomas - Why Responsive Web Design Has To Win Out

When considering a mobile Web strategy and weighing responsive Web design against a separate mobile website, the most important metric is how functional the website is for the user. This goes beyond

Responsive Design , mobile , Content

收藏評論

Apr 03 2013

Johan Johansson - How To Make Your Websites Faster On Mobile Devices

A recent study (PDF) found that more than 80% of people are disappointed with the experience of browsing Web on mobile devices and would use their smartphones more if the browsing experience improve

performance , Responsive Design , mobile , Devices

收藏評論

Apr 17 2015

Ashley Bennett - Using Sketch For Responsive Web Design (A Case Study)

If you’re a member of the web or UI design community, it’s been hard to avoid talking about Sketch over the last year. The launch of this design app shook up an industry dominated by Adobe for more

Responsive Design , Graphics , Prototyping , Sketch

收藏評論

Apr 25 2013

Steven Bradley - How To Maintain Hierarchy Through Content Choreography

One of the issues we need to be concerned with in responsive design is how to maintain hierarchy as elements on the screen are resized and reflowed. Trent Walton first called attention to the issue

flexbox , Responsive Design , Content , Design

收藏評論

Feb 03 2014

Gavyn McKenzie - One Solution To Responsive Images

Responsive images have been, and are, one of the hardest problems in responsive Web design right now. Until browser vendors have a native solution, we have to think on the fly and come up with our o

optimization , Techniques , Responsive Design , mobile

收藏評論

Jun 25 2013

Tyson Matanich - Media Queries Are Not The Answer: Element Query Polyfill

Responsive Web design has transformed how websites are designed and built. It has inspired us to think beyond device classifications and to use media queries to adapt a layout to the browser’s viewp

Responsive Design , coding , Css

收藏評論

Aug 09 2011

Dan McKenzie - How To Design For Android Tablets

More than ever, designers are being asked to create experiences for a variety of mobile devices. As tablet adoption increases and we move into the post-PC world, companies will compete for users’ at

Responsive Design , mobile , Tablets , Android

收藏評論

Feb 20 2015

Rik Schennink - Content First — Design Last

How does one design and develop for the responsive web? A lot of methodologies out there try to tackle this problem, but all of them rely on the same classic website development process. It boils do

Responsive Design , Process , Design

收藏評論

Oct 08 2012

Jordan Moore - ’The Semantic, Responsive Navicon’

Icons are scattered throughout our history as a species; early man painted pictures onto stone depicting their triumphs over their hunted prey, Egyptians had an icon-based writing system in their hi

Responsive Design , mobile , Design

收藏評論

Apr 09 2013

Jon Arne Sæterås - Improve Mobile Support With Server-Side-Enhanced Responsive Design

In many ways, responsive Web design deserves a big share of the honor for making the Web more usable on non-desktop devices. This trend of letting the browser determine more about how a Web page sho

performance , Techniques , Responsive Design , mobile

收藏評論

1 2 3 4 5