Smashing Newsletter: Issue #23
This newsletter issue was sent out to 47,348 newsletter subscribers on December 8th 2010.
Every other week our editorial team works on short, entertaining and (of course) relevant articles for the upcoming issue. The newsletter is sent out on Tuesdays, and contains unique tips and tricks for designers and Web developers, written by us exclusively for our email subscribers. You can subscribe to the e-mail newsletter1, of course.
Table of Contents
01. Where Would You Like to Work Today?2
02. Edited Icon Set: Free Icons for Editors and Writers3
03. Online Paper Weight Calculator4
04. Simple Straightforward Typography Guidance5
05. Mobile Wireframes Inspiration6
07. Open With Photoshop Firefox Extension8
08. jQuery + PingPong = jPong9
Plenty of people are no longer bound to an office. Instead, they enjoy the freedom of mobile working and a regular change of environment. Desks Near Me10 features places all over the world that nomads might like to work in, be they offices or cafés. The website provides detailed information, including hours of operation and reviews.
Some places charge a small fee for use, and many throw in a few goodies like food, drink and access to equipment. So, get out of your home office, look up a desk near you, discover a new space and meet new people! (sp)
The perfect icons can take a design from mediocre to awesome. Luckily, a ton of icon sets are out there to help make your design stand out. Edited12 is a new icon set from WinePress of Words specifically for editors and writers.
Included in the set are an overflowing waste-paper bin, a style manual, a red pencil, a coffee cup, and a marked-up manuscript. The icons are free and would make a fantastic addition to a writer or editor’s website. (cc)
Here’s a calculator you won’t waste time figuring out how to use. On Paper Weight Calculator14, with a click, you can calculate the weight of any paper product. Two systems are available: standard and metric. You can choose the weight and height of various paper sizes, from standard letters all the way to ISO A3 sheets. You can also use the advanced feature to convert pounds to GSM (grammage).
For those of you who would like to convert standard pounds (lbs) to metric grams per square meter GSM (g/m²), this is available as well. (ik)
The plethora of subtle rules of typography can be confusing for those who are new to design (and even seasoned veterans sometimes). Figuring out how to use all the different quotes and dashes, where symbols and characters go, how to set footnotes and a host of other rules is a chore. And finding all of the information you need in one place is often hard.
That’s where Matthew Butterick’s Typography for Lawyers17 comes in. It provides clear concise guidance on the proper use of various elements of typography. It addresses everything from using ellipses, hyphens and semi-colons to more advanced topics, like ligatures and accented characters. The resource is useful not only for lawyers but for anyone interested in improving their copy or studying typographic rules. You might also want to check out Golden Typographic Rules18 (PDF), a handy cheat sheet with common typographic rules. (cc) (vf)
Wireframing is an integral part of any design project. But while we are quite experienced with designs for traditional websites and applications, mobile is a different medium that requires different techniques, approaches and solutions.
On MOObileFrames20, Hannah Milan curates wireframes of websites and applications designed specifically for mobile devices. The resource features many examples that would help designers create better wireframes for their mobile projects or just study how other designers solve common design problems. (tb)
Putting your email address up online is a quick way to be bombarded with spam. But a Web form isn’t always the best way to put your contact information out there. Sometimes you just want people to be able to send you an email in their preferred format.
Tidypub: Online Text Sharing
Online communication is all about the fast, concise exchange of information. Not everyone feels the need to maintain their own blog or website, and for many users Twitter provides a big enough platform most of the time. Sometimes, though, what you have to say won’t fit in 140 characters.
Tidypub24 is a useful utility to publish and share longer text online. Simply copy your words into the box, click “Publish,” and you are provided with an easy-to-read page. Your text page has a short URL, making it convenient to share. Tidypub uses plain text, so it doesn’t retain any formatting, such as italics and headings, but it does preserve paragraph breaks, which is usually just enough. Tidypub is free to use and a handy way to share longer musings with friends, family and colleagues. (ks)
If you are looking for nifty time-savers, this little Firefox add-on25 is the perfect companion for any Web or graphic designer. Instead of saving images first, you can just open them directly in Photoshop via a single click. After installing the add-on, right-click in Firefox and you’ll see that the context menu gives you the option “Open with Photoshop.” If Photoshop is already running, it opens the image in a new window; otherwise, it launches the program.
Note for Mac users: Photoshop takes a while longer to launch this way on OS X if it’s not already open. Ensuring that it is loaded prior to using the add-on is an easy fix for this bug. (sp)
Got a couple of minutes to spare? Challenge the computer and beat it at jPong: 3D Ping Pong27. This little game is a jQuery remake of classic table tennis. You can play the game or dig in the code for a closer look at how it was created.
Basically, Sidney te Grotenhuis, the creator of the game, combined jQuery with a collision-detection plug-in, a line-drawing plug-in and some custom scripting. The result is truly exciting. Don’t lose too much time playing, though! (sp).
The authors are: Vitaly Friedman (vf), Iris Kopic (ik), Thomas Burkert (tb), Stephan Poppe (sp), Cameron Chapman (cc), Katrin Svana (ks).
- 1 http://www.smashingmagazine.com/the-smashing-newsletter/
- 2 #a1
- 3 #a2
- 4 #a3
- 5 #a4
- 6 #a5
- 7 #a6
- 8 #a7
- 9 #a8
- 10 http://desksnear.me/
- 11 http://desksnear.me/
- 12 http://www.winepressofwords.com/2010/11/edited-a-unique-and-free-editor-themed-icon-set/
- 13 http://www.winepressofwords.com/2010/11/edited-a-unique-and-free-editor-themed-icon-set/
- 14 http://www.calculatas.com/
- 15 http://www.calculatas.com/
- 16 http://www.typographyforlawyers.com/
- 17 http://www.typographyforlawyers.com/
- 18 http://cgstudents.net/specific/indd/in_english/typog_rules.pdf
- 19 http://moobileframes.tumblr.com/
- 20 http://moobileframes.tumblr.com/
- 21 http://hivelogic.com/enkoder/form
- 22 http://hivelogic.com/enkoder/form
- 23 http://www.tidypub.org/
- 24 http://www.tidypub.org/
- 25 https://addons.mozilla.org/en-US/firefox/addon/99845/
- 26 https://addons.mozilla.org/en-US/firefox/addon/99845/
- 27 http://www.marcofolio.net/webdesign/jpong_3d_pong_created_with_jquery.html
- 28 http://www.marcofolio.net/webdesign/jpong_3d_pong_created_with_jquery.html