tag Responsive Design

標籤
貢獻103
41
04:05 AM · Nov 17 ,2025

@Responsive Design / 博客 RSS 訂閱

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論