博客 RSS 訂閱

david-newton 頭像

Dave Newton - How To Avoid Duplicate Downloads In Responsive Images

The picture element is a new addition to HTML5 that’s being championed by the W3C’s Responsive Images Community Group (RICG). It is intended to provide a declarative, markup-based solution to enable

webp , Techniques , Responsive Design , mobile

收藏 評論

alexander-komarov 頭像

Alexander Komarov & Nikita Yermolayev - How To Design For A Maturing Android

Android is huge: 480 million people currently use Android devices, and 1 million new devices are activated daily. This means that every three weeks, the number of people who activate new Android dev

Techniques , mobile , Apps , Android

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - The Smashing Editor’s Choice: A Free eBook

Nearly half a year ago, we introduced our eBook subscription model, also known as the Smashing Library. We knew we were onto something good, realizing that the Smashing Library was the next step in

Events , Resources , Smashing Books

收藏 評論

will-dayble 頭像

Will Dayble - Whiteboards, Visions And Banned Words

This article is about design consultancy. It’s about wrangling that client who uses empty sentences like, “We want a snappy, simple experience,” or, “It should be on brand and should really pop.” It

ux , Process , Design

收藏 評論

vasilis-van-gemert 頭像

Vasilis van Gemert - How Much Has The Web Really Changed?

Responsive design is about more than just layout; it’s about designing for the Web, which means, mostly, for people with browsers. And that’s just about everything we know about the people who visit

Graphic Design , Navigation , Content , Design

收藏 評論

jacob-cook 頭像

Jacob Cook - How I Work: IDEO’s Duane Bray On Creating Great Digital Experiences

Welcome to another interview in the series called “How I Work.” These interviews revolve around how leading thinkers and creators in the Web world design, code and create. The goal is not to get in

workflow , Interviews , Inspiration , Design

收藏 評論

yogev-ahuvia 頭像

Yogev Ahuvia - Infinite Scroll: Let’s Get To The Bottom Of This

Human nature demands hierarchy and structures that are easy to navigate. But infinite scrolling sometimes leaves users feeling disoriented as they travel down a page that never ends. Infinite

Trends , Navigation , ux , Web Design

收藏 評論

dmitry-semenov 頭像

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

收藏 評論

joshua-mauldin 頭像

Joshua Mauldin - iOS Grid System, A Free Extension For Adobe Fireworks

I’ll come right out and say it. I think the grid is the unsung hero of a good design. It gives structure and lets the design fall perfectly into place on the canvas. With a grid, adapting and buildi

Fireworks , Freebies , extensions , ios

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Desktop Wallpaper Calendars: May 2013

We always try our best to challenge your artistic abilities and produce some interesting, beautiful and creative artwork. And as designers we usually turn to different sources of inspiration. As a

Wallpapers , Graphics , Tools

收藏 評論

sara-wachter-boettcher 頭像

Sara Wachter-Boettcher - Content Knowledge Is Power

“Content matters!” “Comp with real copy!” “Have a plan!” By now, you’ve probably heard the refrain: making mobile work is hard if you don’t consider your content. But content knowledge isn’t just ab

Inspiration , Content , Web Design , Content Strategy , Design

收藏 評論

iris-ljesnjanin 頭像

Iris Lješnjanin - The Art And Craft Of Arabic Type Design

The beauty of typography has no borders. While many of us work with the familiar Latin alphabet, international projects usually require quite extensive knowledge of less familiar writing systems fro

Interviews , Inspiration , Career

收藏 評論

rodney-rehm 頭像

Rodney Rehm - CSS3 Transitions: Thank God We Have A Specification!

This article is packed with a number of quirks and issues you should be aware of when working with CSS3 transitions. Please note that I’m not showing any workarounds or giving advice on how to circu

css3 , Techniques , coding , Css

收藏 評論

steven-bradley 頭像

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

收藏 評論

daniel-rose 頭像

Dan Rose - Repurposing Photoshop For The Web

Like any overzealous teenager aspiring to be a Web designer back in 1999, I found myself in an “Electronic Design” class, behind the wheel of one of those old-school aqua iMacs. If you found yoursel

Photoshop , workflow , Web Design , Design

收藏 評論

melanie-lang 頭像

Melanie Lang - 59 Exciting Podcasts For Web Designers And Developers

With a phone or tablet in your pocket, you get instant access to a huge variety of podcasts — both audio and video. They keep you entertained while you’re commuting or on a long plane ride, and they

Podcasts , Inspiration , Resources , Design

收藏 評論

zack-grossbart 頭像

Zack Grossbart - An Introduction To Programming Type Systems

Static typing is great because it keeps you out of trouble. Dynamic typing is great because it gets out of your way and lets you get your work done faster. The debate between strongly and dynamicall

optimization , coding , Essentials , Javascript

收藏 評論

joseph-alessio 頭像

Joseph Alessio - Making Sense Of Type Classification (Part 1)

In my previous article on Smashing Magazine Understanding the Difference Between Typography and Lettering, I wrote about how understanding type terminology can help us better appreciate the arts of

Typography , fonts , Design

收藏 評論

zack-grossbart 頭像

Zack Grossbart - Creating Realistic iPhone Games With Cocos2D

Animation makes games real. Movement adds excitement to a game and makes the characters more realistic. In this article, we’ll look at the Cocos2D library and how it supports programmatic animations

mobile , iphone , ios , Games

收藏 評論

kieran-masterton 頭像

Kieran Masterton - How To Improve The Deployment Of WordPress Websites

As WordPress matures into a full-fledged CMS and more and more large online publishers come to rely on the platform, the practice of developing and deploying websites becomes increasingly important.

wordpress , Techniques (WP) , Design

收藏 評論

gabriele-romanato 頭像

Gabriele Romanato - How To Benefit From CSS Generated Content And Counters

Generated content was first introduced in the CSS2 specification. For several years, the feature was used by relatively few Web authors due to inconsistent browser support. With the release of Inter

Techniques , coding , Css , Javascript

收藏 評論

robert-bowen 頭像

Robert Bowen - The Nancy Dickenson Interview: Copying Others Is Not The Answer

Recently, we had the pleasure of sitting down to pick the brain of Nancy Dickenson, talented UX designer and the Executive in Residence for Bentley University’s HFID Graduate Program. With a bit of

workflow , Interviews , ux , Inspiration

收藏 評論

tomer-sharon 頭像

Tomer Sharon - The Rainbow Spreadsheet: A Collaborative Lean UX Research Tool

Liverpool FC fans sing “You’ll Never Walk Alone” to their players during matches. UX research is best done when a team is involved. When you run UX research on your own without active observers, you

Techniques , User Research , ux

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Smashing Events Mailing List: Check Your Email!

Thank you very much for your interest and your trust. To complete the sign-up process, we need you to confirm your email address. It’s easy: Click on the link in the email we have just sent you.

收藏 評論