вторник, 15 мая 2012 г.

Smashing Newsletter #59: Type - Gmail - Dropbox - Coffee - 3D Google Maps

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

The Smashing Email Newsletter

Issue #59 | Tuesday, May 15th 2012 | 106,577 subscribers | Previous issues

Dear Friends,

After seven months of production time on our new Smashing Book #3, we've finally received our very first copy. At the same time, thousands of copies were sent out worldwide to the diverse Web design community. Since then, numerous reviews, tweets and photos have been submitted by our readers across the world who have already received their brand new Smashing books. The photo below by Olivier Bertil is just one of them.

Smashing Book #3 Photo

We are very excited and proud of the brand new Smashing Book #3, and we sincerely hope that you'll find it useful and valuable. Feel free to buy a printed or eBook version if you haven't already. Publish your feedback, reviews and/or photos, and share them with your friends using the hashtag #smbook3 on Twitter. Be honest and be critical—we want to know what you really think!

Yours sincerely,
The Smashing Team

Table of Contents

01. Art In My Coffee
02. Which Type Of Type Do You Like?
03. Beer Equals Creativity
04. QArt Codes: Putting Pictures In The QR Codes
05. Gmail Backup And Restoration At Will
06. Decorated Playlists
07. Privacy For All Concerned
08. Organize Your Dropbox With Filters
09. Cube: Fun With 3D Google Maps Maze
10. Smashing Highlights (From Archives)
11. New On Smashing Job Board
12. Recent Articles on Smashing Magazine


1. Art In My Coffee

Coffee is the world's most consumed beverage, and we bet this is reality for you, too. Just picture your meetings, breaks, brainstormings, or the long nights working, and you'll find a cup of coffee in the scenario. Indeed, coffee can be very inspiring—it accelerates the brain activity, can help prevent some diseases, and plays a social role of binging people together.

Art In My Coffee

Jina Bolton and Megan Fisher saw the artistic side of this beverage and created the Tumblr blog Art In My Coffee, which gathers photographs from beautifully prepared cups of coffee. You'll see faces, hearts, teddy bears, flowers and many other decorative foam shapes. It's amazing to see how people's creativity can be applied in such a specific area. (tts)


2. Which Type Of Type Do You Like?

You're looking for a new typeface. Sure, there are plenty to choose from through the various font delivery services like TypeKit or Fontdeck. But which ones to choose? How to combine those typefaces meaningfully? Content is type, and without properly set type, communication can be weak, ineffective and even counter-productive. To get some inspiration for your typography you might want to take a look at some interesting examples and samples from Daniel Eden's Just My Type.

Which Type Of Type Do You Like?

Some of the typeface combinations aren't necessarily revolutionary, but Eden delivers a nice, visually pleasing collection, nevertheless. And some of the fonts are even free. Whether you're looking for a new font to please a client, or just to play around with, you won't waste your time visiting Dan's website, either way. And if you are looking for a more thorough article on combining type, make sure to check Four Techniques for Combining Typefaces as well. (jc)


3. Beer Equals Creativity

Don't you wish you could be creative every day for a whole year? Finding daily inspiration daily does sound odd, and unlikely, when juggling work, responsibilities, and possibly even a private life. But the German graphic designer Hannes Beer showed us in 2011 with his All Day Every Day Project that it can be done.

Beer Equals Creativity

Whether you're just looking for your own spark of inspiration or want to see some cool designs, you will be served. Veerle Pieters reposted part of the project on her website. A more appropriate forum could not be found, as these respective styles intermesh nicely. You can spend a long time onsite, and come out both amazed, as well as invigorated. (jc)


Advertisement


4. QArt Codes: Putting Pictures In The QR Codes

By now, everyone should know what QR Codes (Quick Response Codes) are. QR Codes are two-dimensional codes which are used for encoding different URLs. For example, if you want to get information about a hairdresser and you see a QR Code on the door of his barbershop, you only need to scan it on your cell phone. The website will be loaded immediately on your phone.

QArt Codes: Putting Pictures In The QR Codes

But do QR Codes have to look as boring as they usually are? Not really. It is possible to create a QR Code with a picture on it which makes the whole thing more exciting. Russ Cox explains in his post on QArt Codes the math behind making such QR Codes—step by step. Russ's post might be very interesting for you if you want to understand the making of creative QR Codes in detail including the mathematical background. (sw)


5. Gmail Backup And Restoration At Will

Anytime we're using a cloud-based product, there's always the risk of something happening that's beyond our control, causing us to lose our data. And while we like to think that larger, older companies like Google are immune to this, they're not. That's why it's important to have a backup of your data.

Gmail Backup And Restoration At Will

Gmvault lets you create a full backup of your Gmail account that you can restore at will. It lets you backup all of your emails, keep them regularly backed up, and even encrypt those saved emails so you can store them securely in the cloud. It also lets you restore your emails in any Gmail account (a great feature if you need to consolidate two Gmail accounts). It's highly customizable but easy to use for both tech-savvy and not-so-tech-savvy users. (cc)


6. Decorated Playlists

The idea of creating personalized playlists is not new. Cassette recorders first allowed creating mix tapes, followed by self-burned CDs, but these practices have become obsolete. The growth of online mixes and playlists have allowed the creation of personalized cover designs for those lists.

Decorated Playlists

The Web Designer and former DJ Simon Foster shows how music and design are closely related through a collection of mixes and covers called Decorated Playlists. The mixes are classified by the content, and each design is consistent to the theme chosen for the playlist: with "Ca$h is King", all the songs are related to money. In "Shapes" you'll hear "Bizarre love triangle", "Four Corners" and "Square Dance Rap". (tts)


Advertisement


7. Privacy For All Concerned

As we all realize more and more, privacy is a huge concern in today's Web usage. You download an app, and right away you're asked whether you want to receive Push-messages and would you like to turn on the geolocation, so you can be tracked all the time? Obviously we all trust Facebook, Google and Twitter to handle our data, with the utmost delicacy... don't we? Well, the folks at PrivacyPatterns are doing something about it.

Privacy For All Concerned

Nick Doty, Mohit Gupta and Jeff Zych are attempting to translate all the privacy-oriented concerns into a "standard language for privacy-preserving technologies". By documenting general solutions, they're hoping to ease the privacy-question for designers and developers. Maybe soon we won't have to deal with the typical hundreds-of-pages-long privacy contract. (jc)


8. Organize Your Dropbox With Filters

Sortbox is a very handy tool to keep your Dropbox organized. The concept behind it is similar to e-mail filtering—you can create filters based on keywords, file extensions, or name patterns. Just drop files into the Sortbox folder of your Dropbox.

Organize Your Dropbox With Filters

Behind the hood, the contents of your Sortbox folder is checked every 15 minutes. If your rules match with any file Sortbox will automatically allocate those files to their right location. Of course, all file moves are also logged, so you never lose a file. Sortbox is free, open source and BSD licensed. The tool was created by Mustafa, Kanishka and Sid, and it is also hosted on GitHub. (ml)


9. Cube: Fun With 3D Google Maps Maze

What if you combined the utility of Google Maps with... gaming? Well, it is possible and Cube utilizes the power of Google Maps into a game. The challenge is to navigate a ball on a 3D Google maps cube, avoiding 3D buildings, traffic jams or other obstructions. You navigate the ball by rotating the cube, and try to reach the defined destination.

Cube: Fun With 3D Google Maps Maze

There are eight levels to complete, each set in a different city. The game becomes more interesting as you progress through the levels, and there are some nice features to explore indeed. For example, in London you are able to go underground and use the Metro lines to move closer to your target. In order to play the game, you need a HTML5-ready browser and a broadband connection. Make sure that you don't have anything urgent to finish though—the game is addictive. (ml)


10. Smashing Highlights (From Archives)


11. New On Smashing Job Board

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

  • Django Developer at Potato (Sydney, Australia)
    Freelance developer required to work on fun Web projects. You'll be working at our client's office in Sydney, Australia, developing Web tools and apps for huge audiences. Our clients currently (and previously) include Google, YouTube, News International, BBH and numerous other agencies. This role will see you working as part of a small local team. The workload will sometimes be hectic, but the atmosphere is cheerful and proactive.

  • Website Developer/Engineer (PHP, MySQL, HTML5, CSS3, jQuery, etc.) at InertiaIM (Costa Mesa, CA)
    We are looking for a Web developer who has a wide range of experience and who is not afraid to take on any challenge. Ideally, we are looking for a developer with a strong background in PHP, but who can also handle coding HTML5 and CSS3, as our project schedule may demand.

  • User Experience Specialist at Pepperdine University (Malibu, CA)
    Pepperdine University, situated in sunny Malibu, California, has a proud team of award-winning designers and coders, and is looking to add another UX professional to the mix. If you're up for tackling the challenge of improving the UX of large, complex websites, read on.


12. Recent Articles on Smashing Magazine


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

The authors are: Talita Telma Stöckle (tts), Jan Constantin (jc), Swetlana Senkevitch (sw), Cameron Chapman (cc), Melanie Lang (ml), 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

понедельник, 7 мая 2012 г.

Brand New Smashing Books Now Available

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

Dear Friends,

The brand new Smashing books #3 + 3⅓ have finally arrived: freshly printed, neatly packed and ready to be shipped to you, our dear reader. We are very proud and excited; the first verdicts of both books have been throughout positive. Yet, it's you who decides how valuable the books really are. If you've bought the eBook versions, you should have them now.

Smashing Books #3 + 3⅓ Now Available

The new Smashing Books are valuable, thoroughly edited and prepared quality books for Web designers and developers. They provide a professional guide on how to redesign websites but also how to adjust your professional workflow to produce better results. Well-known experts share their practical know-how and introduce a whole new mindset for progressive, future-proof Web design. You won't regret it: buy your Smashing books #3 and #3⅓ now!

Get your Smashing Books today.
Get your Smashing Books today

The books provide a professional guide on how to redesign websites, but they also introduce a whole new mindset for future-friendly Web design. A detailed look at the business and technical side of redesign is followed by an overview of advanced HTML5, CSS3 and JavaScript techniques.

The books feature innovative UX techniques, the peculiarities of mobile context in Web design and useful Photoshop techniques for the new Web. Also, you'll learn a practical hands-on workflow for Responsive Web design, dive into emotional design, content strategy and storytelling. Get the books now!

If you've pre-ordered the books earlier, please log into your account in the Smashing Shop and download the eBooks from there. If you've purchased printed books, they should be on your footsteps very soon, too! The Smashing Book #3 is already on its way, and the Smashing Book #3⅓ will be shipped separately on May 15th.


Get All Four Smashing Books In One Swoop!

If you haven't purchased Smashing Books #1 or #2 yet, we've prepared a couple of "complete" bundles for your convenience. Although the first books have been published in 2009 and 2011, they still remain relevant and useful. Pay only $5 for shipping, save 20% off the price and get yourself the complete Smashing Anthology, a full collection of all our books as of today:

Smashing Books Anthology
Get your Smashing Books today


We Look Forward To Your Feedback!

The first books are already on their way and should arrive this week since they are sent via airmail. The official release of the books is scheduled for the upcoming Tuesday, but we'd like you to get an exclusive peek into the book already today:

Smashing Book #3
Smashing Book #3

Please use the hashtag #smbook3 on Twitter to ask questions, share images or just provide feedback  —  your support will be sincerely appreciated. And if you find the new Smashing Books useful or interesting, please share them with your friends and colleagues, too.

Thanks for your support and so long,
The Smashing Family


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

вторник, 1 мая 2012 г.

Smashing Newsletter #58: Free Font - WordPress - jQuery - Diagrams - Story Posters

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

The Smashing Email Newsletter

Issue #58 | Tuesday, May 1st 2012 | 105,781 subscribers | Previous issues

Dear Friends,

In today's newsletter issue, we'll get acquainted with a timeline generator, a fantastic gallery of children's story posters, a free font named Valentina and a free starter WordPress theme for your convenience. Also, there's a one-of-a-kind email lottery you probably shouldn't miss out on, and the ongoing projects of embracing failure by learning to move forward.

This time we're also giving away 2 conference tickets to the FFWD.PRO Conference in sunny Zagreb taking place in June. To win a free pass, all you have to do is tell us why you'd like to go using #ffwdpro on Twitter. The winners will be announced by the end of this week.

Thank you for reading, and as always, we hope that you'll find this newsletter issue helpful and inspirational. Don't forget to use the hastag #smnl on Twitter to provide us with constructive feedback!

Yours sincerely,
The Smashing Team

Table of Contents

01. FilePicker.io: A Better Upload Dialogue For The Web
02. Children's Story Posters
03. Free Font: Valentina Typeface
04. Generate Timelines To Visualize Data
05. Increase Productivity With Useful Terminal Tools
06. Share Your Positive Fail
07. A Free Starter WordPress Theme
08. Drawing Diagrams Online
09. World Wide E-Mail Lottery
10. Smashing Highlights (From Our Archives)
11. New on Smashing Job Board
12. Recent Articles on Smashing Magazine


1. FilePicker.io: A Better Upload Dialogue For The Web

Have you ever wanted to let your users easily add their content to your website quickly, without complicated and time-consuming server setup and authentication? Filepicker.io is a library that deals with all the dirty work and provides users with a rich interface to submit their files from Dropbox, their computer, Facebook, URL, etc. Users can then easily edit and save text files, adjust images, or even share groups of files.

FilePicker.io: A Better Upload Dialogue For The Web

Filepicker.io works with iOS and Android and is very simple to use. The example app shows you just how slick the interface can be, and includes drag-and-drop functionality for importing files from your own computer. While using the library, you can build more smart applications on top of it. (cc)


2. Children's Story Posters

We all remember those days from our childhood when we spent evenings reading exciting fairy tales and stories about fantastic, mysterious creatures. Christian Jackson revives these wonderful moments by designing and collecting Children's Story Posters.

Children's Story Posters

Among the illustrations, you will encounter classics such as Snow White, Alice in Wonderland, Pinocchio and The Little Red Riding Hood. It's interesting to observe how the designer managed to highlight the core idea of each story with only a few elements (along with a spice of good humor)—a little trip to the good old times. (tt)


3. Free Font: Valentina Typeface

Pedro Arilla, a graphic designer from Spain, shares his name with his father and grandfather. Luckily for the Web community, he did not share their passion for carpentry, but instead provides us with this truly beautiful, now freely available typeface today. "Valentina is a classic didone that follows some of the canons proposed by Bodoni in the 18th century, but incorporates many of the characteristics of the antique Spanish punches of the time." The font is a "sincere tribute" to the Pedro's grandmother, and "therefore bears her name."

Free Font: Valentina Typeface

Valentina consists of 457 glyphs, includes 125 alternative lower cases and 46 ligatures, as well as symbols and punctuations marks. You can download the font for free and use it in both your personal and commercial projects. Also, if you'd like to support the typographer, you are welcome to make a donation on his webpage, if you wish. (ml)


Advertisement


4. Generate Timelines To Visualize Data

Displaying content in chronic order (as a timeline) is a very efficient way of visualizing dates, time-related events, or their developments. In fact, if you are on Facebook, you are no longer able to avoid seeing your friends' lives organized along a time-scale (and you most probably already have one yourself). For those of you who like organizing in chronic order, the developers of Vérité.co have developed a tool just for you.

Generate Timelines To Visualize Data

Timeline has a beautiful interface and can pull in media from different sources. It has built-in support for pulling in data from Twitter, YouTube, Flickr, Vimeo, Google Maps and SoundCloud—and more will be included in the near future. You can easily fill in data from a Google spreadsheet, or use a more detailed method such as JSON to create your timeline. You can also host it on your website by using the Timeline jQuery plugin. The project is available on GitHub, or as WordPress plugin. (ml)


5. Increase Productivity With Useful Terminal Tools

Terminal applications are a great way to increase your productivity. Mosh is one of those little time-saving tools that can definitely help improve the speed of your work for you. The tool is essentially a remote mobile shell that allows roaming (so even if your IP changes, you won't lose your connection), supports intermittent connectivity (it warns you if your internet connection drops, but resumes the connection automatically), and provides intelligent local echo and line editing of user keystrokes. It might be a nice replacement for SSH and works with GNU/Linux, FreeBSD and Mac OS X.

Increase Productivity With Useful Terminal Tools

Dropbox Sync Script is a backup script that will sync your server to your Dropbox account every day. Just have it triggered every day from your computer (with either a crontab entry or StartupItems) and your server will always be backed up. Sheet lets you create and access text snippets from your terminal, acting as your own personal wiki. There is thorough documentation available, including using it for opening URLs as well as a number of other actions. (cc)


6. Share Your Positive Fail

Failure does not automatically end with disaster. Actually, some even result into something positive or even amazing! Some great inventions would not even exist without failure, like the discovery of penicillin. With his idea of the hashtag #positivefail, Stuart Battersby wants to shift the cultural view of failure. He suggests that people embrace failure, learn from it and go forward. A failure can be helpful, and it forms a "postivefail". That's why he created Positivefail to collect and share positive fails from people around the world!

Share Your Positive Fail

Get involved! Everyone can participate—you only need your twitter account. Twitter your fail-and-positive outcome including the hashtag #positivefail and share your experience with others. You might want to include a link to the webpage, so people know what it's all about! (ml)


Advertisement


7. A Free Starter WordPress Theme

Building great custom WordPress themes takes time to learn. There are frameworks out there that can speed up the process, but a lot of them are overkill for a basic website. If you just want a basic, responsive website without all the bells and whistles, Nick La has created a new starter theme just for you.

A Free Starter WordPress Theme

Base Starter WordPress Theme is simple and easy to extend, with a column grid included, custom header and footer navigation, and a custom comment template. It also includes pagination and child-theme support. There are templates for a variety of features, and thorough documentation is provided as well. (cc)


8. Drawing Diagrams Online

We're sure you've been in a similar situation before: you intend to send a diagram to one of your clients or even to a business partner, and so you send the file. Alas, s/he is not able to open nor edit it because the specific software has not been installed on their PCs yet. So you're asked to adjust the file and send it again as a PNG or even as a JPEG. And so it goes, back and forth. Until the whole process is resolved, at least ten emails have been exchanged.

Drawing Diagrams Online

Wouldn't it be easier if this whole process could be simplified by using an online editor? This is now possible with the help of Diagram.ly. The drawing tools are limited, but you will still be able to create mind maps, diagrams, schemas, and many other organizational charts to share online. Another tool that will surely help improve your workflow! (tts)


9. World Wide E-Mail Lottery

Here is a question for you: what would you say if you could reach a million people with only one email? Right. It just takes a few seconds to understand the purpose of the project called "listserve". You might think that you're already reaching thousands of people every day with your Facebook or Twitter updates, but in fact you know that you aren't. If you're very prolific, you may have 600 Facebook "friends" or 1000 Twitter "followers". Actually reaching between the current 13,000 and one million subscribers, would be awe-inspiring.

World Wide E-Mail Lottery

It's quite simple: you subscribe to the website, thus entering your email address into listserve's growing email list, and at the same time entering their lottery. Everyday one person is picked randomly from this list to write a message to all the other participants. This project has the potential to produce many deeply moving messages—as long as the emails don't end up in your spam folder. Be warned: the emails are sent out every single day. (jc)


10. Smashing Highlights (From Archives)

  • In Search Of The Perfect CAPTCHA
    CAPTCHAs, or Completely Automated Public Turing Tests to Tell Computers and Humans Apart, exist to ensure that user input has not been generated by a computer. These peculiar puzzles are commonly used on the Web to protect registration and comment forms from spam. To be honest, I have mixed feelings about CAPTCHAs. They have annoyed me on many occasions, but I've also implemented them as quick fixes on websites.

  • How To Make Innovative Ideas Happen
    In one of his recent presentations, Frans Johansson explained why groundbreaking innovators generate and execute far more ideas than their counterparts. After watching his presentation The Secret Truth About Executing Great Ideas, my thoughts began to surface about how meaningful the presentation was regardless of a persons industry, culture, field or discipline. Anyone can come up with an amazing idea but how you execute the idea will determine your success.

  • Useful Coding Tools and JavaScript Libraries For Web Developers
    Everyone who is a regular Smashing Magazine reader will know that we have a traditional habit of regularly researching the latest resources, tools and services out there on the Web, as productivity is a crucial asset of professional Web designers and developers. We could, and should, all integrate workflow optimization into our working practices.


11. New on Smashing Job Board

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

  • User Experience Designer / Aflac at Aflac, Inc (Columbus, GA)
    Over 50 Million people worldwide have chosen Aflac because of our commitment to providing customers with the confidence that comes from knowing they have assistance in being prepared for whatever life may bring.

  • Web Designer / Project Manager at Clikzy Creative (VA, USA)
    Clikzy Creative is a Washington, DC based web design and marketing firm. We create amazing custom websites which stand out above the rest! Our clients range from small business to large government agencies. We have a very relaxed environment, and unlimited vacation days.

  • Senior UX Designer at Riot Games (Santa Monica, CA)
    Are you a passionate UX pro with the proven ability to create simple, innovative, and elegant design solutions that help solve real user and business problems? Do you have a love for online games and the player communities that surround them (esp. MOBAs and MMORPGs)? Then let us introduce you to a Senior User Experience Designer role at Riot games.


12. Recent Articles on Smashing Magazine


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

The authors are: Cameron Chapman (cc), (tt), Melanie Lang (ml), Talita Telma Stöckle (tts), Jan Constantin (jc), 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