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

Smashing Newsletter #66: CSScomb - Legal Help - WordPress Theme - Light Art

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

The Smashing Email Newsletter

Issue #66 | Tuesday, August 21st 2012 | 118,969 subscribers | Previous issues

Guten Tag,

In Freiburg, Smashing Media's hometown, the days are getting shorter and the Smashing Conference is just around the corner. The schedule of the speaker talks and workshops is finally set, and while we are not yet hanging up the disco balls, everything is being set in motion to make it an enjoyable and valuable experience for everybody involved. Sadly, it's impossible to have all of our readers join us for this occasion in September, and so we'll make sure to provide you all with as many photos, short movies and interviews as we can!

Editorial
Image credit: opensourceway.

Should you have missed the opportunity to grab a seat at the conference, you still have the chance to register for one of the workshops. You can still become a sponsor of the event as well. Of course, let us not forget other fantastic community events taking place this fall! We're giving away 2 tickets to the Strata Conference in London. To win one, just send us a tweet telling us why you would like to go using #smstrata.

Yours sincerely,
The Smashing Editorial Team

Table of Contents

01. Underscores: A Starter Theme For WordPress
02. The Four Legalizers For Web Designers
03. Philosophical Concepts Explained
04. Sorting CSS Properties With CSScomb
05. Splitting The Bill Made Easy
06. The Gift Book
07. A Design For A Good Cause
08. Light & Shadow Artworks By Kumi Yamashita
09. Smashing Highlights (From Archives)
10. New On Smashing Job Board
11. Recent Articles on Smashing Magazine


1. Underscores: A Starter Theme For WordPress

We've all been there: searching for the perfect boilerplate, a set of base templates or a handy starter-kit for that new project. Starting from the very scratch is often time-consuming and rarely necessary since some tasks, settings or code will be repetitive for every single project. So it's no wonder that each of us has our own set of base templates to take care of browser bugs and speed up the development process. If you find yourself developing WordPress-themes quite often, today you are in for a treat.

Underscores: A Starter Theme For WordPress

Developed by the finest minds in the WordPress development community, Underscores theme — a forked version of the Toolbox theme — focuses on the features that most developers need in everyday projects. The theme has better starter styles, a "just right" amount of lean, well-commented HTML5 templates, a framework for adding your own responsive CSS, a script for adding a toggled drop-down for small screens, five sample CSS layouts, smartly organized CSS and easy-to-rework sample theme options.

Unlike Toolbox, Underscores is not supposed to be used as the parent theme, but was developed specifically to be "turned into" great WordPress themes. If you are looking for an alternative, you might want to consider Bones and Roots which are both WordPres starter kits as well. (vf)


2. The Four Legalizers For Web Designers

One day you buy an iPad, confirm that you've read the hundreds of pages of the "Terms of Service", and the next day you're part of the Apple Human centiPad experiment. No, it's not always as bad as in the South Park episode. However, the lack of transparency found in online services is becoming more and more of an issue. Few people have time or the legal know-how to read every single "Terms of Service" and "Privacy Agreement" they are asked to confirm. ToS;DR and Termsfeed are trying to remedy that.

The Four Legalizers For Web Designers

ToS;DR is a user rights initiative to rate and label website terms and privacy policies, from very good (Class A) to very bad (Class E). The contributors to the project review legal transparency of websites and present the most important legal issues in a concise overview. Termsfeed is an online service that provides a free and easy way to generate the templates for user-friendly "Terms of Service" and "Privacy Policies" for websites.

These two websites follow the example of Docracy and iubenda in providing legal resources to the Web community. This quartet is attempting to make the legal jungle more navigable for users and developers alike. (jc)


3. Philosophical Concepts Explained

Philosophy is a complex theoretical study which doesn't quite make all of its concepts easy to understand. So when it comes to explaining some of the main theories and movements in philosophy, reducing the complexity to the absolute minimal visual representation might be quite a challenge. London-based designer Genís Carreras picked up just that challenge and designed a set of minimalist posters explaining philosophical doctrines like "Hedonism", "Idealism" or "Free Will" using simple shades, basic colors and concise definitions.

Philosophical Concepts Explained

The result is a series titled "Philographics" which contains 24 beautifully designed posters, each with a short explanation of the concept that the artwork is supposed to represent. The posters are available in a variety of sizes and formats and can also be purchased online. (ml)


Advertisement


4. Sorting CSS Properties With CSScomb

How much time do you spend going through style sheets to properly sort and organize CSS properties? If you often have to maintain the code or work with the code of other developers, CSScomb is the perfect tool for you to take care of this time-consuming task.

Sorting CSS Properties With CSScomb

The tool sorts CSS-properties within the selectors (according to the settings), sorts commented properties as if they are not commented, moves down unknown properties and treats initial formatting of style sheets carefully. It's also able to successfully parse expressions and any construction with @ like @media. You can set the order of the CSS properties yourself.

The parser treats text according to a developer's way of sorting code, rather than as a blind robot parsing CSS. The tool is available online but also as a plugin for Sublime Text 2, Textmate, Coda & Coda2, Espresso 2, Notepad++ and Vim, among others. (ml)


5. Splitting The Bill Made Easy

You probably experience this every month: sharing the bill with your friends can lead to awkward situations,especially if someone forgets to keep the list of expenses up to date. The Australian designer Sean Ockert seems to know this problem and developed an online tool that might help you turn this awkwardness into an amusing venture.

Splitting The Bill Made Easy

With 13Bills, you can give your bill a name, e.g. "Electricity and Heating". You would then insert the costs, date and names of your roomies — as many as you wish. After all details are inserted, you simply send out an e-mail that speaks for itself. Now let's hope your friends pay their part before you have to send them a reminder. (tts)


Advertisement


6. The Gift Book

"Thank you, dear! It's a beautiful tie!" you tell your wife/daughter/son, sighing inwardly. They appear every year for Father's/Mother's Day and birthdays — the gifts nobody wants. And gift-giving is hard... or is it? Wantful may be the solution.

The Gift Book

The idea is ingenious. Instead of offering one ill-suited present, you can put together a beautiful 16-piece catalog of items and offer it to the joyous recipient. You can send your friend a gift book or send him the selection of gifts via email. They will then pick the gift they prefer and have it sent to them. You pay your amount and the service takes care of the rest. No more returning (or sometimes even worse) keeping unwanted gifts.

You can connect the service with your Facebook account and check whose birthday or other important events are coming up. You may provide some information about what kind of gift you are creating, what relationship you have with this person, how much money you'd like to spend and answer a few questions about his/her preferences — and the service will do its best to find great products to add to your gift choices. All gift selections are stored and can be accessed for a later occasion. (jc)


7. A Design For A Good Cause

There are thousands of charities across the globe covering every imaginable category. One problem many of those charities face is awareness of their organization, funding and little commitment from their followers. One of them had a successful idea to put an end to those problems. Sevenly creates 52 charity product campaigns per year to support a new cause each week.

A Design For A Good Cause

The organization presents a new and unique design for every supported cause which is printed on a set of products currently including t-shirts, hoodies and tote bags in different shapes and colors. The clever thing about it: The designs are exclusively available for exactly seven days, which makes the products limited and unique. The used materials are fair-trade and for every product sold, $7 are given to the supported charity. (ml)


8. Light & Shadow Artworks By Kumi Yamashita

What can you do with a single piece of paper and a light source? Most people would answer this question with "write a note". Designers would probably say "sketch a drawing". Any other ideas? The Japanese artist Kumi Yamashita sculpts light and shadow using paper and other materials (such as carved wood, aluminum with cut-outs, and styrene).

Light & Shadow Artworks By Kumi Yamashita

The results of her creative artistic work are very impressive — conversation, mother with child, profiles, lovers, and clouds are just some of the themes from her collection Light & Shadow artworks. Ordinary objects can also be very inspiring — all you need is a new perspective to encounter their hidden beauty and to be creative. (tts)


Advertisement


9. Smashing Highlights (From Archives)

  • Email Newsletters Worth Subscribing To
    Staying on top of the most recent developments in your craft takes time, especially when you have to scan websites daily for articles and news worthy of your attention. We have selected here newsletters that deserve your attention. Just check your email inbox every couple of days to find a condensed and readily accessible selection of tidbits from a given website.

  • Picking A Mobile Support Strategy For Your Website
    As website owners define the level of support they aim to provide, a scale of support for mobile devices emerges. Picking where on the scale your website should sit can be quite tricky; each level of support is not without its pros and cons. Let's take a look at some of the more common approaches.

  • Invoice Like A Pro: Examples and Best Practices
    Your invoice should be prim and proper, so that you can get paid by your clients efficiently. While invoicing is not a fun task, it's a necessary one: by keeping clients informed of your expectations, you will get paid punctually and reinforce your professionalism.


10. New On Smashing Job Board

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

  • UI/UX Contractor Needed Immediately! at Rewards Network (Chicago, IL Must work onsite)
    For over 25 years, Rewards Network has led the charge in the fast-paced foodservice marketing industry, connecting passionate diners with incredible restaurants from coast to coast. Today, with digital marketing at the core of their companywide strategy, they're able to deliver what the customers want. They are seeking a passionate and creative individual for the position of Information Architect/UX Designer as part of their Creative Services team.

  • Senior Frontend Developer (m/w) at Virtual Identity AG (Freiburg or Munich, Germany)
    You have several years of experience in Front End Web development? You are an experienced technical project manager? Work in one of the two nicest cities in Germany, Freiburg or Munich. Applicants must be prepared to learn German.

  • UI Developer/Front End Developer at Ocado Technology (Hatfield, Hertfordshire)
    Ocado Technology are currently looking for a UI Developer. As part of the User Interface (UI) Development team, you'll deliver world class user interface solutions across both web and mobile. The successful UI Developer will have experience in a UI Development role, strong written and verbal communication skills, among more specialized skills.


11. Recent Articles on Smashing Magazine


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

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

unsubscribe | update preferences | view it in your browser

среда, 15 августа 2012 г.

The Brand New Smashing HTML Bundle

The email is not displayed properly? View the online version. Sorry, but why am I receiving this?

The Smashing Email Newsletter

Friends,

Everybody is talking about the importance of HTML5 these days, but have you actually considered using it in your own projects? HTML5 isn't difficult to learn, although getting the real hang of it can sometimes be quite time-consuming—especially if you don't know where to start. With our brand new HTML eBook Bundle, we would like to provide you with everything you need to know on how to get started with HTML.

The Smashing HTML Bundle

This bundle consists of 3 eBooks that are full of savvy expert knowledge on HTML essentials, HTML5 as well as HTML semantics, and are all waiting to become a valuable addition and reference for your work. As always, our eBooks are available in PDF, EPUB and Kindle formats (DRM-free). Grab your HTML bundle today for just US$14.90!


Get the eBooks bundle!

  • HTML(5) Essentials
    (eBook, 106 pages)
  • Every Web design project starts with solid HTML. Get a head start on the fundamentals of HTML5 with the HTML Essentials eBook. This eBook will teach you how to decouple HTML from CSS and explain the reasons why you should embrace HTML5. You will be ready to code HTML layouts from scratch as soon as you've grasped the important basics with the help of this eBook.

  • Mastering HTML5
    (eBook, 93 pages)
  • Learn to love HTML5 while keeping up with a variety of new techniques and possibilities from the latest HTML overhaul. Get updated with some facts and myths about HTML5 and be prepared to optimize your workflow to meet the demands of Web design. Local Storage, canvas and video offer new options to make your projects easier to maintain and to code – use them!

  • HTML Semantics
    (eBook, 71 pages)
  • This eBook addresses the importance of semantics within our code. It covers the pursuit and search of semantic value, the HTML semantic grid system, outlining algorithms and general HTML5 semantics. Nevertheless, HTML is not the only aspect we attach great importance to, but also the latest developments and discussions—exactly what this entire eBook bundle offers.

Get the eBooks bundle!

Thank You For Your Support!

We also would like to sincerely thank everyone supporting our publication efforts by purchasing and spreading the word about our printed Smashing Books and eBooks. We appreciate your trust and we will do our best to make sure that you won't be disappointed.

P.S. You can also get the full Smashing Coding bundle with 8 eBooks and save 20% off the price.

So long,
The Smashing Family

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


вторник, 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