博客 RSS 訂閱

jason-mark 頭像

Jason Mark - How To Make An eBook

Making an eBook is easy, regardless of your coding experience. This is good, because 99.9% of your time should be spent on writing and getting your book out there, rather than on technology. Any el

workflow , Techniques , coding

收藏 評論

darren-geraghty 頭像

Darren Geraghty - 9 Conversation Techniques For Designers

Designers are visually literate creatures. We use visuals to express our ideas, whether by building wireframes, sketching interfaces or pushing pixels. As a result, the majority of knowledge capture

Techniques , ux , Communication , Design

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - User Interface Design In Modern Web Applications

What is user interface design? What makes a user interface effective, and more importantly, how do you go about crafting a good user interface? This chapter looks at the theory as well as the practi

Interfaces , User Experience , ui

收藏 評論

eran-galperin 頭像

Eran Galperin - You’re Pricing It Wrong: Software Pricing Demystified

Pricing your own product is always a tricky proposition, and the more critical the price is to your product’s success, the more difficult it is to set. It’s easy to look at another product and say h

Software , Pricing , Business

收藏 評論

ryan-olson 頭像

Ryan Olson - How To Develop WordPress Locally With MAMP

Local development refers to the process of building a website or Web application from the comfort of a virtual server, and not needing to be connected to the Internet in order to run PHP and MySQL o

wordpress , workflow , admin , SQL

收藏 評論

zack-grossbart 頭像

Zack Grossbart - Searchable Dynamic Content With AJAX Crawling

Google Search likes simple, easy-to-crawl websites. You like dynamic websites that show off your work and that really pop. But search engines can’t run your JavaScript. That cool AJAX routine that l

Techniques , seo , Ajax , coding , Javascript

收藏 評論

ben-callahan 頭像

Ben Callahan - Content Prototyping In Responsive Web Design

Michelangelo once said, “The best of artists has no conception that the marble alone does not contain within itself.” Translate this to the world of Web design and you might say, “No matter how grea

Responsive Design , mobile , Content , Prototyping

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - 16 Pixels

16 Pixels for body copy. Anything less is a costly mistake. I know what you’re thinking. “Did he just say 16 pixels? For body copy? Obnoxiously big! 12 pixels is ideal for most websites.” I’d like

Typograhpy , fonts , Readability

收藏 評論

derek-mack 頭像

Derek Mack - How To Create An Animated HTML Graph With CSS And jQuery

People in boardrooms across the world love a good graph. They go nuts for PowerPoint, bullet points and phrases like “run it up the flagpole,” “blue-sky thinking” and “low-hanging fruit,” and everyt

animation , coding , Css , jquery , Data Visualization

收藏 評論

lyndon-cerejo 頭像

Lyndon Cerejo - Improving The Online Shopping Experience, Part 2: Guiding Customers Through The Buying Process

Part 1 of “Improving the Online Shopping Experience” focused on the upper part of the purchase funnel and on ways to get customers to your website and to find your products. Today, we move down the

seo , ux , Search , Usability , Psychology

收藏 評論

ben-callahan 頭像

Ben Callahan - Content Prototyping In Responsive Web Design: Related Resources

This overview features the useful resources related to the article Content Prototyping In Responsive Web Design, written by Ben Callahan. Related Resources Content Precedes Design An intense

Responsive Design , Content , Prototyping

收藏 評論

paul-boag 頭像

Paul Boag - Are You Ready For A Web Design Challenge?

This is not a normal Smashing Magazine post. I’m not going to teach you something new or inspire you with examples of great work. Instead, I want to encourage you to complete a Web design challenge.

Community , Web Design , Design , Business

收藏 評論

daniel-pataki 頭像

Daniel Pataki - How To Interact With The WordPress Database

While you already use many functions in WordPress to communicate with the database, there is an easy and safe way to do this directly, using the $wpdb class. Built on the great ezSQL class by Justin

wordpress , php , SQL , Essentials

收藏 評論

laura-klein 頭像

Laura Klein - How A/B Testing And Analytics Can Make You A Better Designer

Metrics can be a touchy subject in design. When I say things like, “Designers should embrace A/B testing” or “Metrics can improve design,” I often hear concerns. Many designers tell me they feel th

User Research , ux , Design

收藏 評論

richard-shepherd 頭像

Richard Shepherd - CSS3 Flexible Box Layout: Everything I Wish I Knew When I Started

The flexible box layout module — or “flexbox,” to use its popular nickname — is an interesting part of the W3C Working Draft. The flexbox specification is still a draft and subject to change, so kee

flexbox , Layouts , coding , Css

收藏 評論

luca-degasperi 頭像

Luca Degasperi - Useful Node.js Tools, Tutorials And Resources

Created by Ryan Dahl in 2009, Node.js is a relatively new technology which has gained a lot of popularity among Web developers recently. However, not everyone knows what it really is. Node.js is ess

Tutorials , node.js , coding , Javascript

收藏 評論

tara-hornor 頭像

Tara Hornor - An In-Depth Study Of Symbols In Illustrator CS5

For drawing and painting digital illustrations, Adobe Illustrator is a favorite among designers for many reasons. One of the reasons is some of the amazing time-saving features that come with it. Th

Illustrator , Tutorials , Graphics

收藏 評論

lyndon-cerejo 頭像

Lyndon Cerejo - Improving The Online Shopping Experience, Part 1: Getting Customers To Your Products

Amazon turned sweet sixteen this year, and, by extension, so did online shopping as we know it. As online shopping has grown over the past 16 years, so have user needs and expectations related to th

seo , ux , Search , Usability , Psychology

收藏 評論

tom-waterhouse 頭像

Tom Waterhouse - The Guide To CSS Animation: Principles and Examples

With CSS animation now supported in both Firefox and Webkit browsers, there is no better time to give it a try. Regardless of its technical form, whether traditional, computer-generated 3-D, Flash o

animation , css3 , coding , Css , Essentials

收藏 評論

dickson-fong 頭像

Dickson Fong - The S.M.A.R.T. User Experience Strategy

I was a competitive road cyclist for four years. My bikes were good, but my race results were much less impressive. Instead of medals and trophies, all I had to show for it were shaved legs and a fa

ux , Process , Design

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Download A Free Facebook Fan Page GUI PSD

Today we are glad to release a yet another freebie: a Facebook Fan Page GUI PSD, designed by Hike and released for Smashing Magazine and its readers. The PSD will speed up the process of creating p

Facebook , Freebies , PSD

收藏 評論

jeff-gothelf 頭像

Jeff Gothelf - 5 Interaction Design Tactics For Visual Designers

Anyone designing Web-based properties today requires a basic understanding of interaction design principles. Even if your training is not formally in human-computer interaction, user experience desi

Graphic Design , Interaction Design , ux , Usability , Design , ui

收藏 評論

jeremy-hixon 頭像

Jeremy Hixon - An Introduction To LESS: LESS vs Sass

I’ve been using LESS religiously ever since I stumbled upon it months ago. CSS was never really a problem for me, in and of itself, but I was intrigued by the idea of using variables to create somet

css3 , Frameworks , Preprocessors , coding , Css

收藏 評論

lea-verou 頭像

Lea Verou - Help The Community! Report Browser Bugs!

You’re developing a new website and have decided to use some CSS3 and HTML5, now that many of the new specifications are gaining widespread support. As you’re coding the theme and thinking of how mu

Bugs , coding , Css , Browsers , Javascript

收藏 評論