博客 RSS 訂閱

philip-tellis 頭像

Philip Tellis - Analyzing Network Characteristics Using JavaScript And The DOM, Part 2

In Part 1 of this series, we had a look at how the underlying protocols of the Web work, and how we can use JavaScript to estimate their performance characteristics. In this second part, we’ll look

performance , coding , Javascript

收藏 評論

olawale-oladunni 頭像

Olawale Oladunni - Mojo Motors’ Responsive Redesign With Fireworks: UX And Interaction Design

When I joined Mojo Motors in May 2012 as head of UX, it had only a desktop website — but 21% of its total Web traffic was already coming from mobile devices. Of that number, 64% were from iOS device

workflow , Fireworks , Techniques

收藏 評論

cassie-mcdaniel 頭像

Cassie McDaniel - Forget The Job Title And Start Designing For Digital Products

In digital culture, we are beginning to think of our output as products and of our clients as users. “Products” might be websites, apps or communities, and they might be created by startups, agencie

Clients , Web Design , Product Strategy , Design , Business

收藏 評論

mat-marquis 頭像

Mat Marquis - WebKit Has Implemented srcset, And It’s A Good Thing

WebKit has made some serious news by finally [implementing the srcset attribute. As Chair of the W3C’s Responsive Images Community Group, I’ve been alternately hoping for and dreading this moment fo

Responsive Design , mobile , Opinion Column

收藏 評論

heydon-pickering 頭像

Heydon Pickering - Semantic CSS With Intelligent Selectors

“Form ever follows function. This is the law.” So said the architect and “father of skyscrapers” Louis Sullivan. For architects not wishing to crush hundreds of innocent people under the weight of a

Semantics , coding , Css , HTML

收藏 評論

carla-white 頭像

Carla White - Key Ingredients To Make Your App Go Viral

A viral app is the highest achievement on iTunes and Google Play. It’s an app that customers eagerly share across the Internet, through social networks, email, chat and word of mouth. It’s like rock

Marketing , mobile , Apps , Business

收藏 評論

alexander-charchar 頭像

Alexander Charchar - Useful InDesign Scripts And Plugins To Speed Up Your Work

Few applications feel as complete as Adobe’s InDesign. First released in 1999 as a direct attack against the then-industry standard, Quark, the page-layout application has been made faster and more

workflow , Tools , Resources , Design

收藏 評論

bobby-pearson 頭像

Bobby Pearson - Don’t Get Crushed By The Load: Optimization Techniques And Strategies

Despite improvements in broadband and wireless Internet, load is in many ways more of an issue now than it was five years ago. The proliferation of mobile devices, increased user expectations, and t

performance , optimization , Techniques , mobile

收藏 評論

oleg-solomka 頭像

Oleg Solomka - Introducing Jelly Navigation Menu: When Canvas Meets PaperJS

There is no doubt that the Web helps designers and developers find the best inspiration and resources for their projects. Even though there are a bunch of different tutorials and tips available onli

coding , Css , HTML , Javascript

收藏 評論

ros-hodgekiss 頭像

Ros Hodgekiss - Email Marketing For Mobile App Creators

If you’ve developed mobile applications or have just started building one, then you probably realize that marketing should be as much of an ongoing concern as the product’s design and development. A

Marketing , Newsletters , mobile , Apps , Emails , Content Strategy , Business

收藏 評論

jamesrosewell 頭像

James Rosewell - How To Create High-Performance Mobile Websites

Editor’s Note: This article features just one of the many solutions for creating high-performance mobile websites. We suggest that you review different approaches such as Building A Responsive Web A

performance , Techniques , Responsive Design , mobile

收藏 評論

stephen-shaw 頭像

Stephen Shaw - Absolute Horizontal And Vertical Centering In CSS

This article was updated on January 31, 2019 to update the below provided information. The old information is not wrong, however is the newest version less hacky and does make use of Flexbox, one of

flexbox , Techniques , Tables , Css

收藏 評論

phillip-whisenhunt 頭像

Phillip Whisenhunt - Backbone.js Tips And Patterns

Backbone.js is a popular open-source JavaScript “MV*” framework that has gained significant traction since its first release a little over three years ago. Although Backbone.js provides structure to

Frameworks , coding , Javascript

收藏 評論

sergey-chikuyonok 頭像

Sergey Chikuyonok - Introducing LiveStyle: Better, Stronger And Smarter CSS Live Reload

*In the past, we featured some exciting tools and libraries: PrefixFree, Foundation, Sisyphus.js, GuideGuide, Gridpak, JS Bin and CSSComb. All of them have been developed and released by active memb

workflow , Tools , coding , Css , Javascript

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Type & Grids: Free Responsive HTML5 Template

Today, we are pleased to introduce Type Grids, a free responsive HTML5 template by Jeremiah Shoaf. It looks great on all devices, including desktops, laptops, tablets and phones. All of the content

Typography , Freebies , templates , Web Design

收藏 評論

shavaughn-haack 頭像

Shavaughn Haack - A Journey Through Beautiful Typography In Web Design

First impressions are lasting impressions. Whether you realize it or not, your typography helps to create an experience for users before they’ve even read a word or clicked a button. Typography has

Graphic Design , Typography , fonts , Inspiration , Web Design , Design

收藏 評論

jen-kramer 頭像

Jen Kramer - How To Teach Web Design To New Students In Higher Education

The Web is evolving rapidly. Front-end Web development has been majorly affected by recent changes in coding techniques and approaches. In 2003, a competent front-end Web developer would have known

Community , Education , Career , Web Design

收藏 評論

robin-rendle 頭像

Robin Rendle - The “Other” Interface: Atomic Design With Sass

As front-end developers and designers, we’re constantly refining two interfaces simultaneously: one for visitors who load the website, the other for developers who have to tackle the code in the fut

sass , Frameworks , Atomic Design , coding , Css

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Desktop Wallpaper Calendars: August 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 m

Wallpapers , Graphics , templates

收藏 評論

paul-tero 頭像

Paul Tero - How To Find Out Why Your Website Stopped Working

Today we are happy to present to you the second part of the sample chapter from Smashing Book #4. You might want to read the first part of this chapter beforehand — if you haven’t already. Just a l

backend , Techniques , php , coding

收藏 評論

tiffany-farrant 頭像

Tiffany Farrant-Gonzalez - A Common Misconception About Designing With Data

Too often when working in information design, you’ll hear the request, “Can you make the data look cool?” “Cool” is a rather ambiguous term, and means different things to different people. Unfortuna

Web Design , Design , Data Visualization

收藏 評論

kamil-khadeyev 頭像

Kamil Khadeyev - Introduction To Photoshop Scripts

Automation is useful in the work of every designer. It saves precious time on repetitive tasks and helps us solve certain problems more quickly and easily. You can automate your workflow in Photosh

Graphic Design , Photoshop , workflow , Tools

收藏 評論

ross-popoff-walker 頭像

Ross Popoff-Walker - Great Products Focus On A Motif

What does it take to craft a great product? For those of us who design and build apps, websites and software, a great product means one that delights its users. But digital product development is a

ux , Process , Web Design

收藏 評論

stephen-thomas 頭像

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

收藏 評論