博客 RSS 訂閱

cameron-chapman 頭像

Cameron Chapman - 50 New CSS Techniques For Your Next Web Design

One of the best parts of CSS is that it’s so simple once you know the basics. Where tables used to make incredibly complex and sometimes impossible-to-decipher code, CSS keeps things clean and simpl

Techniques , coding , Css , Resources

收藏 評論

christian-baeuerlein 頭像

Christian Bäuerlein - How To Automate Optimization and Deployment Of Static Content

A lot of traffic between users and your site comes from the static content you’re using to set up the user interface, namely layout graphics, Stylesheets and Javascript files. This article shows a

optimization , php , Content , coding , Ruby on Rails

收藏 評論

diogo-terror 頭像

Diogo Terror - Lessons From Swiss Style Graphic Design

Also known as International Style, the Swiss Style does not simply describe a style of graphic design made in Switzerland. It became famous through the art of very talented Swiss graphic designers,

Graphic Design , Showcases , Typography , Inspiration

收藏 評論

tim-wright 頭像

Tim Wright - HTML5 and The Future of the Web

Some have embraced it, some have discarded it as too far in the future, and some have abandoned a misused friend in favor of an old flame in preparation. Whatever side of the debate you’re on, you’v

coding , HTML , html5

收藏 評論

paul-andrew 頭像

Paul Andrew - A Guide To Google Analytics And Useful Tools

Google Analytics is undoubtedly the most widely used web analytics application. Emerged from and based upon the analytics-package developed by Urchin Software Corporation (which was bought by Google

Analytics , Tools , Resources

收藏 評論

sergey-chikuyonok 頭像

Sergey Chikuyonok - How To Optimize PNG

As a web designer you might be already familiar with the PNG image format which offers a full-featured transparency. It’s a lossless, robust, very good replacement of the elder GIF image format. As

optimization , png , Graphics , Design

收藏 評論

jeff-gardner 頭像

Jeff Gardner - Quality-Price-Ratio in Web Design (Pricing Design Work)

I’m about to make a bold statement. The quality of a design and the monetary cost of producing or procuring that design have absolutely no relationship whatsoever. It’s a bitter pill to swallow, I k

Pricing , Income , Business

收藏 評論

leland 頭像

Leland Fiegel - 5 Useful And Creative Ways To Use WordPress Widgets

If you’ve been reading some of the previous WordPress-related articles here on Smashing Magazine, you’ll know that WordPress is much more than a blogging platform. It can be used as a CMS, too. And

wordpress , Techniques , Widgets

收藏 評論

cameron-chapman 頭像

Cameron Chapman - Social Network Design: Examples and Best Practices

There’s a lot of variety out there in the realm of social network design. Some sites keep a very professional approach (like LinkedIn) while others have a more organic, free-form look (like MySpace)

Social , Networking , Web Design , Personalization , Avatars , Design

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - CSS3 Cheat Sheet (PDF)

Just last week we released an extensive printable HTML 5 Cheat Sheet that lists all currently supported HTML5 tags, their descriptions, their attributes and their support in HTML 4. In comments to t

css3 , Cheat Sheets , Freebies , coding

收藏 評論

stephanie-orma 頭像

Stephanie Orma - Crank Up Your Design Radar

But when the computer is shut down, does your “design radar” go off-line, as well? For instance, when it’s time to grocery shop, are you in the get-in/get-out as fast as possible mindset? Or do you

Inspiration

收藏 評論

andrew-gibson 頭像

Andrew Gibson - 35 Beautiful Photography Websites

Interest in photography websites has exploded over the last 10 years, largely thanks to the developments in digital photography. Cameras and computers have become cheaper and more powerful, software

Photography , Showcases , Inspiration , Galleries

收藏 評論

iris-ljesnjanin 頭像

Iris Lješnjanin - The Roadmap To Becoming A Professional Freelance Web Designer

Realizing many Smashing readers probably already have a head-start into the world of professional and freelance web design, this post is meant to act as not only a step-by-step guide, but also as a

Contracts , Invoicing , Career , Business

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Free Typographic XHTML/CSS-Layouts For Your Designs

The response was overwhelming and we really had a hard time going through the designs, analyzing them and deciding which templates deserve the awards. Unfortunately, many templates were just copies

Freebies , Layouts , coding , Css

收藏 評論

janko-jovanovic 頭像

Janko Jovanovic - Web Form Validation: Best Practices and Tutorials

The goal of web form validation is to ensure that the user provided necessary and properly formatted information needed to successfully complete an operation. In this article we will go beyond the v

CAPTCHA , Forms , Validation , Web Design , Design

收藏 評論

justin-johnson 頭像

Justin Johnson - 10 Useful CSS/JS-Coding Solutions For Web-Developers

Over the last months we’ve been paying closer attention to interesting design techniques and coding solutions and tried to understand how each of these solutions work and how they can benefit other

Techniques , coding , Css , Javascript

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - HTML5 Cheat Sheet [PDF] Free Download

XHTML 2 is dead, long live HTML5! According to W3C News Archive, XHTML 2 working group is expected to stop work end of 2009 and W3C is planning to increase resources on HTML5 instead. And even altho

Cheat Sheets , Downloads , Freebies , coding

收藏 評論

kitty-florido 頭像

Kitty Florido - 25 Free Mac Apps That Will Boost Your Productivity

There are many applications that can help you work faster and efficiently. Though, not many applications come cheap. For this post we tried to digg deep to find the best selection of free and/or ope

workflow , Tools , Apps , Open Source , Mac

收藏 評論

aquil-akhter 頭像

Aquil Akhter - Beautiful Examples of Vexel Artworks and Tutorials

Vexel art is a digital art that is an entirely pixel-based form of raster art that imitates the vector graphics technique, but is distinguished from normal vector graphics or raster images. “Vexel”

Tutorials , Art , Graphics , Drawing

收藏 評論

jacob-goldman 頭像

Jacob Goldman - Power Tips For WordPress Template Developers

With its latest releases, WordPress has extended its potential well beyond blogging, moving toward an advanced, robust and very powerful content management solution. By default, WordPress delivers a

wordpress , php , templates , Techniques (WP)

收藏 評論

sergey-chikuyonok 頭像

Sergey Chikuyonok - Clever JPG Optimization Techniques

In this article, we’ll show you a different approach to image optimization, based on how image data is stored in different formats. Let’s start with the JPG format and a simple technique called the

optimization , Techniques , Graphics , Design

收藏 評論

mark-nutter 頭像

Mark Nutter - Best Practices For Effective Design Of “About me”-Pages

The “about me”-page is one of the most overlooked pages in development and one of the highest ranked pages on many websites. In a world that’s becoming increasingly connected through the Web, it’s i

Portfolios , Showcases , Inspiration , Web Design

收藏 評論

cameron-chapman 頭像

Cameron Chapman - 45 Incredibly Useful Web Design Checklists and Questionnaires

With lists of points covering multiple areas from content to usability to accessibility to standards, you’re a lot less likely to overlook important parts of a site. Below are 45 checklists to make

Tools , Checklists , Web Design , Resources

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - 50 Free Resources That Will Improve Your Writing Skills

Effective writing skills are to a writer what petrol is to a car. Like the petrol and car relationship, without solid skills writers cannot move ahead. These skills don’t come overnight, and they re

Resources , Copywriting , Skills , Blogging

收藏 評論