tag Responsive Design

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

@Responsive Design / 博客 RSS 訂閱

Ronan Cremin and Luca Passani - Server-Side Device Detection: History, Benefits And How-To

Disclaimer: This article is published in the Opinion column section in which we provide active members of the community with the opportunity to share their thoughts and ideas publicly. Do you agree

Techniques , Responsive Design , mobile

收藏 評論

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

收藏 評論

Radu Chelariu - Responsive Web Design With Physical Units

This post should be titled “Getting Ahead of Yourself.” “…By a Few Years,” actually.Here’s the deal: at the time I’m writing this, early 2013, there’s no way to accurately design for the Web using p

Responsive Design , mobile , Web Design

收藏 評論

David Bushell - How To Implement Off-Canvas Navigation For A Responsive Website

The varying viewports that our websites encounter on a daily basis continue to demand more from responsive design. Not only must we continue to tackle the issues of content choreography — the art of

Techniques , Responsive Design , Navigation , coding

收藏 評論

Tomasz Jakut - Taking RWD To The Extreme

When Ethan Marcotte conceived RWD, web technologies were far less mature than today. As web developers, we started to grasp how to do things with floats after years of stuffing everything inside tab

Responsive Design , Web Design , Design

收藏 評論

Andreas Bovens - Developing Responsive Designs With Opera Mobile Emulator

This is our seventh article in a series that introduces useful and freely available tools and techniques, developed and released by active members of the Web design community. The first article cove

Responsive Design , mobile , Design

收藏 評論

Marli Mesibov & Jason Levin - Mobile First Is Just Not Good Enough: Meet Journey-Driven Design

In a recent sales meeting for a prospective healthcare client, our team at Mad*Pow found ourselves answering an all-too-familiar question. We had covered the fundamental approach of user-centered de

Responsive Design , mobile , ux , Android , ios

收藏 評論

Richard Knight - Design Responsive Websites In The Browser With Webflow

This article is the first part of a series of articles on emerging responsive design tools. Today, Richard Knight explores the advantages of Webflow and how you can use it today to build responsive

Techniques , Responsive Design , mobile , Design

收藏 評論

Ellen Bauer - Create A Responsive, Mobile-First WordPress Theme

Let’s assess the situation. WordPress is an extremely popular, flexible, easy to use and open-source blogging and CMS system. More and more mobile devices are flooding the market every day, changing

wordpress , Responsive Design , Themes

收藏 評論

Louis Rosenfeld - Stop Redesigning And Start Tuning Your Site Instead

In my nearly two decades as an information architect, I’ve seen my clients flush away millions upon millions of dollars on worthless, pointless, “fix it once and for all” website redesigns. All type

Responsive Design , User Research , ux , Information Architecture , Design

收藏 評論

Tim Evko - Responsive Images Now Landed In WordPress Core

While the growing adoption of responsive images cannot be ignored, it can be very difficult to employ the functionality under the constraints of a large CMS like WordPress. Although it is entirely p

wordpress , Responsive Design , Techniques (WP) , Responsive Images

收藏 評論

Rachel Andrew - How To Use CSS3 Media Queries To Create a Mobile Version of Your Website

Editor’s Note: Please note that this article was published in 2010 and is outdated. Rachel Andrew has written another article on the current state of media queries for responsive design that include

css3 , Responsive Design , mobile , Media Queries , Css

收藏 評論

Matt Gibson - Adapting To A Responsive Design (Case Study)

This is the story of what we learned during a redesign for our most demanding client — ourselves! In this article, I will explain, from our own experience of refreshing our agency website, why we ab

Techniques , Responsive Design , mobile , Case Studies

收藏 評論

Yoav Weiss - Responsive Image Container: A Way Forward For Responsive Images?

The aim of republishing the original article by Yoav is to raise awareness and support the discussion about solutions for responsive images. We look forward to your opinions and thoughts in the comm

Responsive Design , mobile

收藏 評論

Heydon Pickering - “It’s Alive!”: Apps That Feed Back Accessibly

It’s one thing to create a web application and quite another to create an accessible web application. That’s why Heydon Pickering, both author and editor at Smashing Magazine, wrote an eBook Apps Fo

Responsive Design , mobile , Accessibility , coding , Smashing eBooks

收藏 評論

Juan Diego Rodríguez - Beyond CSS Media Queries

Media queries have been around almost as long as CSS itself — and with no flex, no grid, no responsive units, and no math functions, media queries were the most pragmatic choice available to make a

Techniques , Responsive Design , Css

收藏 評論

Thierry Koblentz - Device-Agnostic Approach To Responsive Web Design

This is a different take on Responsive Web design. This article discusses how we can better embrace what the Web is about by ignoring the big elephant in the room; that is, how we can rely on media

Techniques , Responsive Design , coding

收藏 評論

Karen Menezes - Creating Responsive Shapes With Clip-Path And Breaking Out Of The Box

CSS’ clip-path property is your ticket to shape-shifting the monotonous, boxy layouts traditionally associated with flat, responsive design. You will begin to think outside the box, literally, and h

Responsive Design , coding , Css

收藏 評論

Anna Yeaman - Typographic Patterns In HTML Email Newsletter Design

Last year I read Jan Constantin’s post “Typographic Design Patterns and Current Practices” and straightaway wanted to do something similar with email. At the time I was studying responsive typograph

Newsletters , Responsive Design , Typography

收藏 評論

Anders Andersen & Tobias Järlund - Addressing The Responsive Images Performance Problem: A Case Study

Five-inch mobile devices are on the market that have the same screen resolution as 50-inch TVs. We have users with unlimited high-speed broadband as well as users who pay money for each megabyte tra

performance , Responsive Design , mobile , Case Studies

收藏 評論

Vitaly Friedman - Responsive Web Design Techniques, Tools and Design Strategies

Back in January, we published an article on responsive design, “Responsive Web Design: What It Is and How to Use It.” Responsive design continues to get a lot of attention, but considering how diff

Techniques , Responsive Design , mobile , Strategy

收藏 評論

Lyndon Cerejo - A User-Centered Approach To Web Design For Mobile Devices

For the past few years, we’ve heard pundits declaring each year as “year of the mobile Web”; each year trying to sound more convincing than the previous. Whether 2011 will be the real “year of the m

Responsive Design , mobile , Strategy

收藏 評論

Paul Scrivens - Smashing Book #5, A Review

When Smashing Magazine first came out I ran a web design blog that was more popular than it. Out of nowhere this site about design came and started to pump out content at a ridiculous rate. A lot of

Responsive Design , ux , Smashing Books

收藏 評論

Vasilis van Gemert - Logical Breakpoints For Responsive Design

There are several tactics for deciding where to put breakpoints in a responsive design. There is the rusty idea that they should be based on common screen sizes, but this doesn’t scale well. There a

Responsive Design , mobile , Typography , coding

收藏 評論