Tuesday, April 26, 2011

Smashing Newsletter #32: Tiny Screens, Pixel Proliferation, N-tych for Photoshop, A Paper Record Player...

======================================================================
You received this email because you signed up for the this newsletter.
Does everything look mixed up? View the online version:
http://us1.campaign-archive1.com/?u=16b832d9ad4b28edf261f34df&id=66eacc41d3&e=54cfdd29ef

Annoyed? Unsubscribe at any time:
http://smashingmagazine.us1.list-manage.com/unsubscribe?u=16b832d9ad4b28edf261f34df&id=62f9f9e407&e=54cfdd29ef&c=66eacc41d3
======================================================================

Smashing Magazine Newsletter

Issue #32
Tuesday, April 26th 2011
Readers: 55,115

-------------------------------------------------------------------
Editorial: We're Looking for a Web Designer and Editor!
-------------------------------------------------------------------

Here, at Smashing Magazine, we are always looking for talented and hard-working creatives. Currently, we are looking for a motivated, professional Web designer with focus on graphic design as well as an experienced editor to join our editorial team. You would work side-by-side with our team in our new office in Freiburg, Germany.

In both cases, we expect you to have a profound knowledge of Web design and have at least 2 years experience within your field. You can find more details about both positions on our pages Editor Position, Web Designer Position (both pages are in German). We look forward to your applications!

http://www.smashingmagazine.com/stellenangebot-online-redaktion/
http://www.smashingmagazine.com/stellenangebot-grafik-designer-in-fuer-unsere-online-redaktion-gesucht/


-------------------------------------------------------------------
Table of Contents
-------------------------------------------------------------------

01. A Boilerplate Extension for Tiny Screens
02. Follow the Sun on Your Desktop
03. Wall Fingerings by Judith Braun
04. Pixel Proliferation: Manage Screen Resolutions Easier
05. Diptych, Triptych and N-tych for Photoshop
06. DropDo: Easy and Smart File Sharing
07. ASCII Character Pronunciation Rules
08. A Paper Record Player
09. New on Smashing Magazine
10. Smashing Network Highlights


-------------------------------------------------------------------
01. A Boilerplate Extension for Tiny Screens
-------------------------------------------------------------------

In practice, many Web designers start out with a desktop layout and then adapt it for mobile devices. Sometimes, especially if the website is relatively small, that works just fine. Other times, not so much. You end up with a mobile website that just doesn't work well and is desperately trying to look lightweight while being very bloated. Plus, your mobile device wastes time and resources loading desktop-specific assets that users of mobile devices will never even see.

320 and Up is an HTML5 Boilerplate extension that starts out with a tiny mobile style sheet and adapts the styles from that for larger screen sizes. Time and resources aren't wasted on loading assets that mobile users will never see. The most basic style sheet contains only reset, color and typography styles, and assets are added from there. Check out the 320 and Up website at different window sizes and devices to see for yourself. (cc)

http://stuffandnonsense.co.uk/projects/320andup/


-------------------------------------------------------------------
02. Follow the Sun on Your Desktop
-------------------------------------------------------------------

Let your computer follow the sun throughout the day. Why would you want to do that, you ask? Computer screens glow all day long, no matter what time it is. The later the day, the more exhausting it is to stare at your screen. f.lux makes your display adapt to the lighting of the room you are in, all the time. During sunset, your screen mimics room light, and in the morning the tint resembles sunrise and its natural light.

Configuring f.lux is easy: simply tell the control panel what kind of lighting your office has and where you live. The rest is taken care of automatically. Try it; it might save you one or another night in front of the computer or even enhance your natural bio-rhythm. The free tool is available for Windows, Mac and Linux. (sp)

http://stereopsis.com/flux/


-------------------------------------------------------------------
03. Wall Fingerings by Judith Braun
-------------------------------------------------------------------

Whoever thought art could be painted only with brushes was wrong. Judith Braun uses her bare fingers to create minimalist patterns, gradients and abstract forms. With the help of charcoal, she has created an unusual technique to achieve abstract forms and bilateral symmetry.

By using both hands simultaneously at arm's reach, Judith Braun exploits the inherent symmetry of her body to make gestural inscriptions: a simple yet powerful technique that captures her passion for art and her attempts at new methods in abstract art. (ik)

http://judithannbraun.com/default3.asp


-------------------------------------------------------------------
04. Pixel Proliferation: Manage Screen Resolutions Easier
-------------------------------------------------------------------

With the increasing popularity of Web-enabled devices, the requirements for our work keep changing and thus reshape our design processes. From small mobile screens to large office displays and to huge TV monitors, a website just has to be presented in a meaningful, responsive way. But how do we deal with all that devices and screen resolutions?

Punchcut has come up with a Pixel Proliferation Tool Set that will help you to manage screens resolutions more easily. The .zip file contains a collection of PS5 marquee-tool presets for common screen resolutions, covering fixed-screen resolution sizes, ratios for less common resolutions and standard ratios. Also, a collection of layered CS5 PSDs provides common devices for computing and design presentations. Finally, there is a reference chart for resolutions and design landscape. Get the Punchcut tool set now and be ready for the next clients who have special requirements for their new website. (sp)

http://punchcut.com/perspectives/expanding-universe-toolset-managing-screen-resolutions


-------------------------------------------------------------------
05. Diptych, Triptych and N-tych for Photoshop
-------------------------------------------------------------------

Every photographer and Web designer who has spent time arranging images and photographs knows that scaling and resizing takes time. But even existing templates are unnecessary when you try out Reimund Trost's latest little Tych Panel for Photoshop. It completely automates the n-Tych creation process, and it has a lot of layouts to choose from. "Tych Panel comes with a fresh aroma of speed and feel of simplicity."

Here's how it works. After installation, the panel is available through the Adobe extensions manager. Once open, just select the images you want to use, tell the panel your target width for the whole Tych, and then select the quality of the automatically resized images and whether you want the single images to be saved separately. Each image will be opened in a separate layer, and the document will be ready to be tych'd!

Pick a Tych variant, and you are ready to go. Applying the script repeatedly will add further rows and columns to your layout. (sp)

http://lumens.se/tychpanel/


-------------------------------------------------------------------
06. DropDo: Easy and Smart File Sharing
-------------------------------------------------------------------

File sharing gets easier by the minute. DropDo is a smart file viewer that lets you upload images, documents, code, audio files and video files to share with friends and families. And why do they call it "the smart file viewer"? Because your friends do not even have to download the file! They can listen to or view it directly in the browser, without saving anything to their hard drive.

Simply upload a file or enter a URL and hit "Enter." Uploads are currently limited to 25 MB per file and are indefinitely accessible if they meet DropDo's terms and conditions. Multiple file uploads will probably be included in the premium membership that is soon to come. (sp)

http://dropdo.com/


-------------------------------------------------------------------
07. ASCII Character Pronunciation Rules
-------------------------------------------------------------------

Most programmers would recognize ASCII characters on a website and know how to use them in their own work. But how many know what to call all those characters? Could you have a conversation about those characters with another programmer and actually be able to understand each other? Do you know what a quadrathorpe is? What about a scratchmark? Prime? What about square and unsquare? Did you even know there were so many varied words to describe all those common ASCII characters?

ASCII Pronunciation Rules for Programmers gives a pretty thorough rundown of common and not-so-common names for ASCII characters. It's a useful guide if you're ever at a loss when listening to another programmer speak about coding. (cc)

http://www.codinghorror.com/blog/2008/06/ascii-pronunciation-rules-for-programmers.html


-------------------------------------------------------------------
08. A Paper Record Player
-------------------------------------------------------------------

There are some sleek invitation cards out there, and this is surely one of them: a wedding invitation with a paper record integrated in it that amplifies the sound of a sewing needle moving along the grooves of a flexidisc record. Kelli Anderson and her boyfriend Daniel have come up with a remarkable way to invite Karen and Michael's loved ones to their wedding.

A Paper Record Player

Not only did they design a fine cover for the invitation card, but they managed to bring the simple paper card to life with Karen and Michael's wedding song, which they composed themselves. And to think this is only a taste of what's to come. (ik)

http://kellianderson.com/blog/2011/04/a-paper-record-player/


-------------------------------------------------------------------
New eBook: "Mastering Photoshop for Web Design, Volume 2"
-------------------------------------------------------------------

The Smashing eBook #8, Mastering Photoshop for Web Design, Volume 2 is the brand new eBook of the Smashing eBook series and the second part of our bestseller "Mastering Photoshop for Web Design" by Tom Giannatasio. This eBook contains eleven carefully edited articles that cover useful techniques and tricks from experts such as retouching, cloning, compositing, obscure Photoshop timesavers and designing for iPhone. The articles have been published on Smashing Magazine in 2010 and 2011. Available as a PDF, ePub and Mobipocket.

If you still do not have your copy of the the first edition "Mastering Photoshop for Web Design" (Smashing eBook #3 published in July 2010), you can grab your copy now: buy the Smashing eBook Series #3 and #8 as one bundle for a special price of $ 14.85!

https://shop.smashingmagazine.com/smashingbook-dispatcher.php?d=smashing-ebook-photoshop2


-------------------------------------------------------------------
09. New on Smashing Magazine
-------------------------------------------------------------------

CSS3 vs. CSS: A Speed Benchmark
http://www.smashingmagazine.com/2011/04/21/css3-vs-css-a-speed-benchmark/

Detailed Comparison of Premium WordPress Theme Clubs
http://www.smashingmagazine.com/2011/04/20/detailed-comparison-of-premium-wordpress-theme-clubs/

Showcase of Creative Navigation Menus: Good and Bad Examples
http://www.smashingmagazine.com/2011/04/19/showcase-of-creative-navigation-menus-good-and-bad-examples/

Powerful New CSS Techniques and Tools
http://www.smashingmagazine.com/2011/04/18/powerful-new-css-techniques-and-tools/

Pixel Perfection When Rotating, Pasting And Nudging In Photoshop
http://www.smashingmagazine.com/2011/04/14/mastering-photoshop-pixel-perfection-when-rotating-pasting-and-nudging/

Smashing Book 2: Why We Love It And Why You'll Love It, Too
http://www.smashingmagazine.com/2011/04/13/smashing-book-2-why-we-love-it-and-why-youll-love-it-too/

Make Your Content Make a Difference
http://www.smashingmagazine.com/2011/04/12/make-your-content-make-a-difference/

-------------------------------------------------------------------
10. Smashing Network Highlights
-------------------------------------------------------------------

A Huge Compilation of 80 Free Illustrator Brush Sets
http://www.noupe.com/illustrator/a-huge-compilation-of-80-free-illustrator-brush-sets.html

Faking 'float: center' with Pseudo Elements
http://css-tricks.com/float-center/

Lessons from mobile web design
http://www.webdesignerdepot.com/2011/04/lessons-from-mobile-web-design/

Interactive Google Map using the Twitter API
http://tympanus.net/codrops/2011/04/13/interactive-google-map/

Pros And Cons Of 6 CSS Layout Patterns: Part 1
http://www.vanseodesign.com/css/css-layout-patterns-part-1/

The Overblown Excitement Around Modern Web Browsers
http://sixrevisions.com/web-development/the-overblown-excitement-around-modern-web-browsers/

Pure CSS Slide-out Interface
http://www.usabilitypost.com/2011/04/19/pure-css-slideout-interface/

Powerful Task Automation with Photoshop Scripting
http://psd.tutsplus.com/articles/tools/photoshop-scripting/

JSON Basics: What You Need to Know
http://www.elated.com/articles/json-basics/

Design Is Not The Goal
http://www.getfinch.com/finch/entry/design-is-not-the-goal/

Meet the Respondents: Understanding User Personalities (Part 2)
http://www.uxbooth.com/blog/meet-the-respondents-understanding-user-personalities-part-2/


-------------------------------------------------------------------
About and Contact
-------------------------------------------------------------------

Please do not reply to this newsletter. Newsletters are processed automatically. Our software will not understand your concern. Please use the contact form instead.

The authors are: Iris Kopic (ik), Christina Sitte (cs), Stephan Poppe (sp), Thomas Burkert (tb), Cameron Chapman (cc), Robin Schulz (rs), Vitaly Friedman (vf), Sven Lennartz (sl), Christiane Rosenberger (research), Elja Friedman (tools), Andrew Lobo (proofreading).

Unsubscribe
http://smashingmagazine.us1.list-manage.com/unsubscribe?u=16b832d9ad4b28edf261f34df&id=62f9f9e407&e=54cfdd29ef&c=66eacc41d3

Change address
http://smashingmagazine.us1.list-manage1.com/profile?u=16b832d9ad4b28edf261f34df&id=62f9f9e407&e=54cfdd29ef

Online archive
http://us1.campaign-archive1.com/?u=16b832d9ad4b28edf261f34df&id=66eacc41d3&e=54cfdd29ef

Produced by Smashing Media GmbH - Werthmannstr. 15 - 79098 Freiburg - Germany - Amtsgericht Freiburg: HRB 704836.
http://www.smashingmagazine.com/about/

0 comments:

Post a Comment