Smashing Newsletter: Issue #24
This newsletter issue was sent out to 48,551 newsletter subscribers on January 6th 2011.
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. Prey Tracking Tool: They Can Run, But They Can’t Hide!2
02. IconSweets2 Icon Set: 1,000+ Free Icons3
03. In-Browser Code Editing4
04. Type Around the World5
05. Wireframe Anything6
06. Great Ideas Coming From ideeeas7
07. A Working Library8
08. A Browser Game With a Difference: Defender of the Favicon9
Prey10 is small but efficient open-source software that lets you track your laptop or phone in case it gets stolen or lost. Once the Prey agent is installed, it waits to be activated over the Web or via SMS, sending back information on its exact position.
Prey accurately triangulates your computer’s position (telling you in which café it is being used), lets you remotely take pictures of the thief using the computer’s integrated camera and even permits a complete lockdown of the system. Follow the user’s path through the ’net and you might just get lucky and identify him by taking a screenshot of his Facebook profile or email inbox. The program is practically undetectable and doesn’t even leave a memory footprint. A perfect little piece of software that lets you track up to three computers and phones for free. (sp)
The icons are sorted in 23 categories, including clothing, mobile devices, e-commerce, labels, communication, CMS, users, location and more. You may use these icons for both commercial and non-commercial projects and customize them any way you like. Unfortunately, PNGs are not available. (vf)
A browser interface isn’t always the best place to edit code. It lacks conveniences such as color-coding and indentation. But sometimes a browser is the best option we have.
Fonts in Use16 focuses on the essence of communication: type and lettering, as used in everyday life, wherever they appear. Browse its catalogue for real-world typography samples and innovations in branding, advertising, signage and publishing.
The regularly updated collection of trends and case studies is commented on by typography experts and gurus from around the world. The sharp, interesting comments and discussions will keep you engaged, all backed up by real examples. And there is more to come: the authors of the blog promise to constantly add to their archive of typographic design, indexing according to typeface, industry and medium. (sp)
Wirify18 is a bookmarklet that lets you turn any Web page into a wireframe with a single click. Why would anyone want to do that, you ask? The bookmarklet helps you get rid of all distractions by blocking out copy, images and ads, letting you take a closer look at the website’s building blocks. Many design concepts become apparent only when looked at from a different angle.
Visual hierarchy, white space, symmetry and grid systems are easier to identify and layouts reveal their strengths and weaknesses when reduced to simple frames. Wirify is a useful tool that shows the balance of a website that the eye perceives only unconsciously. (sp)
You have an idea and would like to share it with the world. How do you go about that? Well, just like that: head on over to ideeeas20. This website collects brainwaves from people who have brilliant, fancy ideas on any topic. There are posts with popular or useful social ideas that could make the world a little better.
Think about your source of inspiration. Which idea could be worth turning into reality. Got one? Then you are welcome to share it with the ideeeas community. Who knows? Maybe some of these clever ideas will at some point be implemented with energy, perseverance and conviction! (cs)
In general, we are influenced by the books we read. This makes every reader’s perceptions and thoughts unique, and so no book can or should be considered in isolation. The website A Working Library22 aims to explore the ways we read — without being overtly conscious of the cover design. A great book cover definitely makes for a graceful entrance, but then it disappears as you start reading the book.
The creator of the website, Mandy Brown, inspires us with a blog all about reading and writing; she is a pro who works on everything from book design to Web design to writing about design. As Mandy says, “The phrase ‘a working library’ refers to a collection of texts on a given subject, for the purpose of an academic or professional work. So, people speak of a working library on Proust, for example, or on psychotherapy. This working library differs in that the subject is reading itself: the library exists for its own sake and no other.” (ik)
The model used here is the 1980 arcade video game “Defender.” Who doesn’t know it? A spaceship skips over a planetary landscape shooting aliens: exactly what happens here, but as a favicon. Yes, exactly: whereas a 16×16-pixel image in the address bar of the browser usually represents a website, here it is a gaming area. Alternatively, you can play in the browser window at 32×32 pixels — and maybe see a little more.
The authors are: Vitaly Friedman (vf), Sven Lennartz (sl), Iris Kopic (ik), Stephan Poppe (sp), Christina Sitte (cs), Cameron Chapman (cc).
- 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://preyproject.com/
- 11 http://preyproject.com/
- 12 http://www.iconsweets2.com/
- 13 http://www.iconsweets2.com/
- 14 http://codemirror.net/
- 15 http://codemirror.net/
- 16 http://fontsinuse.com/
- 17 http://fontsinuse.com/
- 18 http://www.volkside.com/2010/12/introducing-wirify-the-web-as-wireframes/
- 19 http://www.volkside.com/2010/12/introducing-wirify-the-web-as-wireframes/
- 20 http://ideeeas.com/
- 21 http://ideeeas.com/
- 22 http://aworkinglibrary.com/
- 23 http://aworkinglibrary.com/
- 24 http://www.p01.org/releases/DEFENDER_of_the_favicon/
- 25 http://www.p01.org/releases/DEFENDER_of_the_favicon/
- 26 http://www.p01.org/releases/DEFENDER_of_the_favicon/