You received this email because you signed up for this newsletter.
Does everything look mixed up? View the online version. Annoyed? Unsubscribe at any time.
Table of Contents
1. Check What's Inside the Bag
2. Learn Proper Photoshop Etiquette
3. Weave Some Silk
4. Got Trees But Need Wood?
5. The Noun Project: Free High-Quality Symbols
6. Scale Images to Fit the Browser
7. CSS-101: The Easy Way to Learn CSS
8. Leisure-Suit Larry... in HTML5!
9. New on Smashing Magazine
10. Smashing Network Highlights
1. Check What's Inside the Bag
It is said that you don't really know a person that well until you have seen what's inside their bag. Bagcheck lets you pull the cover off of that accessory that everyone has, and lets you connect with people and their interests. The site provides an easy way to share items with people you know or share interests with.
Give your friends a peek into the things you love, and become acquainted with your inner circle. You can also form new relationships with like-minded people by searching, browsing or quickly creating bags related to favorite hobbies and activities. To sign up, you need to have a Facebook account. (ik)
2. Learn Proper Photoshop Etiquette
If you're the only one who ever sees your Photoshop files, then you're free to set them up and manage them pretty much however you want. But in the professional design world, collaborating with other designers or taking over projects that others have started is pretty common. And that's when the way you set up and manage your Photoshop files becomes very important to achieving a happy and productive work environment.
The Photoshop Etiquette Manifesto for Web Designers lays out a number of guidelines for creating Photoshop files and workflows that are conducive to productivity and team collaboration. By following these guidelines, you'll make it easier for others to work with your files and make it more likely that your project will go smoothly. Some of the things included are common sense (e.g. proofread before exporting), but others you wouldn't necessarily think of (e.g. globalize masks as best as possible, keep logos as vector smart objects, compare against wireframes). The site also provides helpful illustrations and explanations for each example so that there's no confusion. The site is a bit difficult to read though, mostly due to the background image. (cc) (vf)
3. Weave Some Silk
Is your desktop, motivation or even design work in need of something fresh, swirly and remarkable? Just weave some Silk! Yuri Vishnevsky created this experimental, magical interactive gimmick. You can spend minutes playing around with this little technique, based upon HTML5 Canvas: no Flash in use.
Sealk lets you create stunning pieces of art in seconds. Just click and drag anywhere on the screen and let the silk take over. Holding the Shift key while the silk cloud is moving lets you change the wind's direction, blowing your creation across the display. Check out some of the featured artwork clips to get the hang of it. Silk is compatible with Chrome, Firefox and Safari browsers. So, go ahead: give it a whirl! (sp)
4. Got Trees But Need Wood?
Notforest is what many of us have been waiting for. Those who are fed up with all of the distractions that come with modern website consumption can now easily get rid of everything that hinders a good read.
Simply drag the featured link into your bookmark toolbar, visit any website, click the bookmarklet, and the website is immediately stripped of everything other than the main content. The main content is presented in a nice, easy-to-read fashion, and those annoying ads and banners no longer kill your read. You no longer have to cope with clutter. (sp)
5. The Noun Project: Free High-Quality Symbols
Symbols have been an integral part of our daily life for a long time. The language consists of symbols. Each symbol represents an object or concept, and symbols form the world's visual communication in a simple way. Icons and pictograms are a dime a dozen out there, but usually they are expensive to license or are protected in other ways.
The Noun Project provides a huge collection of highly recognizable symbols, available for free download and use. The designers are committed to quality in what they do, and so the icons are indeed designed very well. (cs)
6. Scale Images to Fit the Browser
Mobile website optimization is not about using the latest CSS3 techniques to just hide elements and resizing text, but also about making sure that images (especially big ones) work on thousands of different-sized screens. This is the premise of tinySrc.
tinySrc is a simple and free Web service for scaling images on the fly! You have to merely prefix all large images in your source code with the tinySrc URL (e.g. http://i.tinysrc.mobi/http://mysite.com/myimage.png
), and tinySrc does the rest. In the future, creating many different thumbnails on your own server will no longer be necessary. tinySrc provides an API to handle defined and adaptive sizing and lossy image encoding as well. This is a nifty free service for scaling images to fit the browser. (rs)
7. CSS-101: The Easy Way to Learn CSS
Both books and video tutorials are great for learning. But when it comes to CSS, online resources and tutorials are better, because you can test and play the code right away.. With complicated matters such as collapsing margins, overflow and block formatting contexts, seeing the impact of different ways of coding live on screen, along with explanations of what's going on is very helpful. On CSS-101, you can actually see that.
Thierry Koblentz, a French-born California Web designer, has put together a beautiful website that explains some of the trickiest parts of CSS. Go check it out, and call CSS-101 for help the next time you can't figure out why your div
s don't float the way they're supposed to. (mm)
8. Leisure-Suit Larry... in HTML5!
Those who are interested in retro games will remember the products of the company Sierra Entertainment. We are talking about such graphic adventures as King's Quest, Space Quest and Leisure-Suit Larry. Sierra Entertainment is no more, and computer games today look entirely different from the pixel-edged look of the past. However, some of those old games do still exist—thanks to Martin Kool, for example, who has rebuilt several hits from those ancient computer days.
As of now, you can play these games in the browser or on your iPad, and you will soon even be able to use an iPhone. They're all in HTML and CSS; you don't have to install anything. No particular browser is required; you can start immediately. And it's free. You can also save and restore your progress with bookmarks. Everyone plays for themselves, but when you are close by, you can interact with other players. (sl)
9. New on Smashing Magazine
Productive Web Design With... Adobe Illustrator? (by Vincent Le Moign)
Admittedly, Adobe Illustrator is often most certainly not the first choice that comes to mind when it comes to Web design. Fireworks and Photoshop are used much more often, and there are some good reasons for that. Still, although Illustrator has traditionally been used for drawing illustrations and logos, you can use it to design layouts and user interfaces, too.
How To Identify Good Clients (and Avoid Bad Ones) (by Uzi Shmilovici)
Peter Drucker is one of the most influential business writers of the last century. His ideas have shaped the ways we conduct business today. One of Drucker's main ideas was the notion that without a customer, there is no business. Furthermore, customer satisfaction is the key to the success of any business, or in his words: "The single most important thing to remember about any enterprise is that there are no results inside its walls. The result of a business is a satisfied customer."
Responsive Web Design: What It Is and How To Use It (by Kayla Knight)
Almost every new client these days wants a mobile version of their website. It's practically essential after all: one design for the BlackBerry, another for the iPhone, the iPad, netbook, Kindle — and all screen resolutions must be compatible, too. In the next five years, we'll likely need to design for a number of additional inventions. When will the madness stop? It won't, of course.
Keeping Web Users Safe By Sanitizing Input Data (by Philip Tellis)
In this article, I'm joined by my colleague Peter (evilops) Ellehauge in looking at input filtering in more depth while picking on a few real examples that we've seen around the web.
Free HTML 4.01/HTML5 WordPress Theme: Spectacular (by Smashing Editorial)
Today we release Spectacular, a free WordPress theme that aims to provide a warm and pleasurable atmosphere for personal musings and ramblings. The theme comes in two flavors: HTML 4.01 and HTML5. Also, both German and English versions of the theme are included in the download package. The theme is cross-browser compatible and supports Opera, Safari, Chrome, IE7+, and FF. Support for IE6 is not available, though the theme works in IE6, too.
10. Smashing Network Highlights
- Brilliante Blog Layout: Coding the PSD File Into CSS and HTML
- A Guide to Utilizing Facebook for a Freelance Career
- The Real HTML5 Boilerplate
- For the Love of Logos: Tips, Resources and More
- Moving Highlight
- The Dark Side Of Usability
- 10 Ideas for Creating Innovative and Unique Web Designs
- Can Productivity and Creativity Coexist?
- How Much Money Do Designers Make?
- The Advancing Future of Web Fonts
- The Relevance of User Experience: Using Every Opportunity to Impress Users
Tidak ada komentar:
Posting Komentar