tag Responsive Design

標籤
貢獻99
30
04:05 AM · Nov 17 ,2025

@Responsive Design / 博客 RSS 訂閱

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

Dmitry Semenov - Magnific Popup, A Truly Responsive Lightbox Plugin

A lightbox is one of those tools that work great on the desktop but often fail on small mobile devices. These days, finding a plugin that is responsive and that displays content right away is hard.

Responsive Design , coding , plugins , Css

收藏 評論

Brad Frost - Separate Mobile Website Vs. Responsive Website

The US presidential race is heading into full swing, which means we’ll soon see the candidates intensely debate the country’s hot-button issues. While the candidates are busy battling it out, the We

optimization , Responsive Design , mobile

收藏 評論