вторник, 7 августа 2012 г.

Smashing Newsletter #65: CSS - jQuery - Usability - Privacy - Superheroes - Vintage

The email is not displayed properly? View the online version.

The Smashing Email Newsletter

Issue #65 | Tuesday, August 7th 2012 | 110,424 subscribers | Previous issues

Hello Friends,

For students or young designers, it can be quite complicated to distinguish best practices from obsolete techniques. The fluidity of the Web means that yesterday's cutting-edge code can be today's clutter, and budding Web designers have to wade through waves of outdated material before they can ride the crest of clean code. At Smashing, we continuously strive to improve communication by passing along any knowledge we are privy to.

Today, we would like to encourage you to spread your wisdom: what advice would you like to pass on to aspiring designers and developers? Which coding or designing tip would you wish to receive if you were to start out in the field of Web design today? Share your thoughts with the community using the hashtag #smnl via Twitter!

Editorial

Young designers — and those that never get tired of learning — will surely enjoy some of today's features. In the same spirit of education and curiosity, we would like to announce that we are looking for trainees this fall. If you'd like to learn more about the exciting world of online journalism and editing, you can now apply for one of two internship positions at Smashing Magazine. Learn first-hand what online publishing is all about in an open, multilingual microcosm. Freiburg may be small, but the Web is everywhere and we like to keep our finger on its pulse.

Last but not least, we'd like to send one lucky winner to this year's DESIGN/Inspire in Chicago and one to DESIGN/Creative Directors in Portland, Oregon. If you'd like to meet some of the foremost experts in Web design, tweet "Take me to DESIGN/Inspire (or DESIGN/Creative Directors) #smdsgn".

Yours sincerely,
The Smashing Editorial Team

Table of Contents

01. A Student's Guide To Web Design
02. Shots Of Things That Work
03. Share Your Favorite Findings From Articles And Books
04. More Privacy With Ghostery
05. Get Creative With CSS Blockquotes
06. Helveltica Superheros
07. Create Nested Sortable Lists With jQuery
08. Vintage Cookbooks
09. Smashing Highlights (From Our Archives)
10. New On Smashing Job Board
11. Recent Articles on Smashing Magazine


1. A Student's Guide To Web Design

A Student's Guide to Web Design is a blog dedicated to young designers, students and newcomers to the industry. The project provides information for real-life skills and helps you follow on where university education ends. It is committed to better equipping students after graduation for the design industry with an inviting community that encourages collaboration and the sharing of ideas for students.

A Student's Guide To Web Design

The website was created by Janna Hagan, a designer from Edmonton, Alberta, Canada. You can find articles for students about the basics of how to build a portfolio, interviews with different people within the design community, practical insights into the real-life environment of an employee and even tips before moving away to college. If you're a student (or know students who are new to the design industry), it's definitely a website worth bookmarking. (ml)


2. Shots Of Things That Work

Probably the most valuable asset of our work is the ability to explore and study the creative examples of work that other designers and developers come up with. Little details often make a big difference, but finding them is not very easy. Luckily, some designers spend a lot of tim finding these interesting nuggets of design or UI patterns and present them publicly for everybody to get inspired by.

Shots Of Things That Work

Shots of Things That Work is a blog with all kinds of interesting design, coding, usability or conversion-related tings on the Web, worthy of bookmarking. The project is run by Simon Schmid. You can filter the content by tags located below the main posts—like Mobile, Android or iOS. To get a quick overview, you can browse a very well-arranged archive, which provides you minimized screenshots of all posts by month and year. If you don't have enough, check out LittleBigDetails as well — a website dedicated to beautiful examples of usability across the Web. (ea)


3. Share Your Favorite Findings From Articles And Books

We've all been there: you've discovered an interesting quote or idea in a book or article and would like to add it to the collection of your other findings. Wouldn't it be great to have a place to store and share your findings and explore what other findings like-minded people have found recently? Findings.com is a tool that provides just that.

Share Your Favorite Findings From Articles And Books

The tool can be used in any Web browser (using a bookmarklet or an extension) but also has integration with Amazon Kindle, allowing you to import your Amazon Kindle Highlights and start sharing and discussing them with others instantly. Once you've signed up using your Twitter or Facebook account, you can follow interesting findings by your friends and strangers. And if you like a particular finding, you can add the article to Instapaper or Readability right away, buy the book on Amazon, view on Google Books, or search for it in a local library. (vf)


Advertisement


4. More Privacy With Ghostery

It seems that during these times of permanent sharing, online privacy and security concerns often fade somewhere into the background, giving way to full transparency and personal disclosure. We know how important log-ins and passwords are, but do you actually care about your data strongly enough? What about your browsing data? Do you know if someone is having a peek on your browser history and trying to catch some precious behavioral data? Ghostery can help you find that out.

More Privacy With Ghostery

Available for Opera, Mozilla and Chrome, this tool sees the shadowy side of the Web and detects trackers, fishy ad networks and Web bugs that are spread throughout the networks that are interested in knowing more about your internet habits. It allows you to detect and block scripts from companies that you don't trust, delete locally shared objects, and even block images and iframes. (tts)


5. Get Creative With CSS Blockquotes

When it comes to typography, we often pay a lot of attention to the selection of typefaces and to meaningful type combinations — yet often small typographic details are what makes or breaks the design. Do we spend enough time on details such as image captions, sidenotes and footnotes, indentation or blockquotes? In fact, there is so much we can do to make them enrich the design rather than doing nothing.

Get Creative With CSS Blockquotes

Mary Lou's Modern Block Quote Styles features six interesting CSS examples of modern styles for blockquotes and testimonials. The tutorial doesn't contain any vendor prefixes in the code, but freely available source files contain production-ready code. If that's not the reason to pop up your blockquotes in your next project, what is? (vf)


Advertisement

Online Training for WordPress, Joomla, & Drupal
Looking to learn from the best? Check out OS Training online training: over 700 training Sessions, hands-on support, personalized tutorials, and much more. See the video
WOW Responsive Image Slider
The new responsive WOW Slider is packed with unique and highly entertaining visual effects like Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack, Stack vertical and Basic linear. Users will love watching your image transitions as much as they love the photos themselves! See the examples
WordPress Shortcodes Plugin
Easy to install, this lightweight, cross-browser plugin is jam packed with over 5,000 shortcodes that are simple to integrate into your site. The shortcodes are even mixed in seamlessly with your WordPress WYSIWYG, so you can spice up your content with just the click of a button. See live examples


6. Helveltica Superheros

Creative artworks often emerge in unusual places. French design student René Mambembé has created a set of posters combining two very different things: typography and super heros. Titled "Helveltica, My Hero", the designer has assigned each letter in the alphabet to either a superhero or a well-known character by using interesting compositions of the Helveltica glyphs.

Helveltica Superheros

Among the posters you'll find Batman and Spiderman, the Green Latern and Catwoman, as well as Darth Vader and Yoda. The posters are perfect for anyone who doesn't want to miss their favorite (childhood) hero and yet keep their flat stylish. Another example of what is possible once you think creatively about type. (ml)


7. Create Nested Sortable Lists With jQuery

When creating an overview of items, sometimes you need to create lists that are sortable via dragging and dropping. There are all sorts of potential applications for this type of thing (including things like card-sorting apps or ranking apps). But creating the code for this kind of UI element isn't exactly simple. That's why a ready-to-use jQuery plugin is such a great option for many designers and developers.

Create Nested Sortable Lists With jQuery

The nestedSortable jQuery Plugin lets you create a sortable list where your users can drag and drop list items into any configuration they choose. You can set various attributes, such as the maximum number of nested levels, as well as setting custom methods (including To hierarchy, To array, and Serialize). As an alternative, there's also the HTML5 Sortable plugin, which uses HTML5 and jQuery for a similar effect. (cc)


8. Vintage Cookbooks

Have you recently searched for inspiration in places where you've never looked before? Perhaps you like visiting new places, experiment with new skills, take on new challenges or even just browse vintage books that are collecting dust on your grandparents' bookshelves? There is something intoxicating about the design and feel of those dusty books — but more importantly, you can study a lot about typography, layout, food photography, drawing and illustration skills from them.

Vintage Cookbooks

Even better: combine "vintage books" with "cooking" by browsing Flickr Vintage Cooking Books Group, and you've got something there! The group contains over 7,500 pictures of vintage cookbook covers and page illustrations (including pamphlets, books, menus and vintage advertisements). And perhaps, just perhaps, you'll find the recipe that your family will love and crave years from now. (vf)


Advertisement


9. Smashing Highlights (From Our Archives)

  • "But The Client Wants IE 6 Support!"
    The developers are stuck with the same Web development techniques that we used five to ten years ago. Their clients just don't "get" graceful degradation. How can we solve this problem?

  • The Story Of Scandinavian Design
    While the countries of Scandinavia have extreme differences, they do have some similarities. This article gives an overview of the influences and state of art and design in the Nordic countries.

  • Showcase of Interesting Navigation Designs
    Everyone is always looking for interesting and effective ways to organize their website, but there's a fine line between unexpected and unusable. Here are some unusual navigation design examples.


10. New On Smashing Job Board

Here are the job openings published recently at our very own Smashing Job Board:

  • Lead Frontend Developer at ACNE Production (Venice, CA)
    We've got an amazing job with an amazing client. We've got world class designers, information architects and art directors, but we're short on developers.

  • Expert WordPress Developer at EFalling Up Media (Phoenix, AZ - You can work from anywhere!)
    We are looking for a freelance WordPress developer that is comfortable and experience with stretching the limits of WordPress. If you have never worked with custom post types and have nothing truly awesome to show in your work examples please do not apply.

  • Web Developer II at Deckers Outdoor Corporation (Flagstaff, AZ)
    Deckers Outdoor Corp., builds niche products into global lifestyle brands by designing and marketing innovative, functional and fashion-oriented footwear, developed for both high performance outdoor activities and everyday casual lifestyle use.


11. Recent Articles on Smashing Magazine


Join our community: follow us on Twitter and join us on Facebook

The authors are: Melanie Lang (ml), Esther Arends (ea), Talita Telma Stöckle (tts), Cameron Chapman (cc), Iris Lješnjanin (il), Vitaly Friedman (vf), Jan Constantin (jc), Christiane Rosenberger (research), Elja Friedman (tools), John von Bergen (proofreading).

unsubscribe | update preferences | view it in your browser

Комментариев нет:

Отправить комментарий