Issue #60 | Tuesday, May 29th 2012 | 107,402 subscribers | Previous issues
Dear Friends,
Here at Smashing Magazine, we embrace innovation and experimentation in every sense—be it in design, layout or content. We invite you to the Smashing Daily—a new series on Smashing Magazine in which our dear colleague Vasilis van Gemert highlights the most recent Web design gems to help you stay on the top of what's going on in the Web industry. You'll find the link to the latest editions of the Smashing Daily in the sidebar of Smashing Magazine. As always, please feel free to provide us with feedback (#smashingdaily on Twitter) and share your thoughts with us!
As many of you already know, we've been busy bees organizing the upcoming Smashing Conference—a friendly, valuable and inspiring community event we hope you won't miss out on! The conference will be taking place in our home town Freiburg, Germany, on September 17th-19th 2012. There are only a limited amount of tickets left, so get your ticket as soon as possible! We'd be honored to meet you there!
On a sidenote, we wanted to mention how sincerely grateful we are to everybody who has purchased our new Smashing Books, as well as to those who have posted photos on Twitter or Facebook, or have written a review of the book(s). Your opinion is very important to us, and if you like the books, please spread the word to your friends and colleagues. Your support means the world to us!
— The Smashing Team
Table of Contents
01. Create The Illusion Of Stacked Elements With CSS3
02. Inspiration For Mobile Aficionados
03. WorkFu: Social Job Board For The Network Age
04. Should I Check My Emails?
05. Creating Beautiful Résumés On The Fly
06. Because Everybody Loves Freebies!
07. A Hotline For All Your JavaScript Problems
08. Flow: Figure Out Where Your Users Go And When They Leave
09. Beautiful Slide Decks On Note & Point
10. Smashing Highlights (From Archives)
11. New On Smashing Job Board
12. Recent Articles on Smashing Magazine
1. Create The Illusion Of Stacked Elements With CSS3
Many of the visual effects that we used to carefully design in Photoshop, Fireworks or Illustrator only to later slice them and embed into our websites with nasty CSS hacks aren't needed any longer these days. The advent of CSS3 leaves it to creative designers and developers to come up with smart CSS techniques to produce more flexible and responsive visual effects using simple CSS. Tom Kenny's Stacked Elements technique with CSS is a wonderful example of that.
Tom Kenny used :before and :after pseudo-elements to produce a simple "stacked" look for images. The simple illusion is generated using a couple of images hidden underneath the one you can see. Rotate the :before and :after elements a bit with CSS transforms, and you've got the result you wanted to achieve! It's important to note that currently only Firefox supports transitions on :before and :after, so if you'd like to integrate some fancy transitions, you'll need to play around with jQuery or CSS hacks. (vf)
2. Inspiration For Mobile Aficionados
You spend a lot of time on the Web using your phone? Then you may have noticed how much more restrictive and challenging design for mobile actually is. If you are developing mobile apps for Android or iOS quite often, you might want to bookmark Meerl.li—where exceptional mobile designers connect, show off their designs and promote themselves. In fact, the website is a great place to browse if you'd like to see how good-looking mobile apps can be.
You can leave feedback, find ideas or just catch up with the current developments in mobile development. Admittedly, not all the designs are exceptional, but you still might find quite a few beautiful gems in there. (jc)
3. WorkFu: Social Job Board For The Network Age
You've just graduated from university, or just quit your old job, or even consider quitting your present one. Unless you're highly talented, employers won't necessarily line up at your door to offer you a highly payed, fascinating job or career. Most of us have to hit the many job boards, put on ties and go through a grueling gauntlet of job interviews. WorkFu could be an interesting addition to those conventional job websites.
The interesting thing with this job website is that it doesn't just present you with a list of jobs you might be suited for. Because you join up using your Twitter account, it also rates the job opportunities according to the connections you have to the potential employers or employees. This sets WorkFu apart from other websites—they acknowledge the importance of networking. So whether you're looking for the best possible fit (as an employee or as an employer), or just want a place people can find you (should something really exciting come up), this might be the happening place to provide a profile. (jc)
Advertisement
4. Should I Check My Emails?
The ubiquitous connection to the Web through diverse devices—computers, tablets, smartphones, or even TVs—makes it irresistible to look up your emails every now and again. But have you noticed an increase in the frequency you look at your inbox lately? If the answer to that question is "yes", then we have a solution for you.
To check or not to check: that is the question behind the email flowchart by Wendy Macnaughton. In a very well-humored way, it helps you decide how urgent a peek into your inbox is depending on the situation you are in. Reading between the lines will show you (literally) that most of the time constant checking is unnecessary. Think twice before opening your email client next time! (tts)
5. Creating Beautiful Résumés On The Fly
You have an impressive career and remarkable experience behind you, yet a generic MS Word template doesn't quite reflect the professionalism that you'd like your CV to reflect? You deserve something better than that! In fact, this is where Resumonk might be just the tool that you are looking for.
With this tool, you can fill in your details, choose one of the templates and save it as a PDF. The free version includes a couple of nice templates that you can use right away, while the pro version allows you to import your LinkedIn profile and get access to more resume templates. You might want to look into alternative tools such as JobSpice or LinkedIn Résumé Builder. And if you're looking for more resume ideas, check out our article on CVs as well as CVParade.com. (vf)
6. Because Everybody Loves Freebies!
Quality freebies are always difficult to find, yet once you have found them, they are always a valuable tool in your design arsenal. PixEden is a community that provides all kinds of beautifully crafted freebies. You will find print-ready resources such as logo sets, business cards and flyers, as well as Web design templates, icons, vectors and graphics. Register to download exclusive freebies or ask for a specific resource.
Another resource with a large number of freebies is Creative Market: Free Goods. This section features a hand-picked selection of goodies that were submitted to Creative Market, a platform which gives designers an opportunity to promote and sell their work. You can find even more freebies on Orman Clark's PremiumPixels as well. The resources are growing, so if you're looking for freebies, make sure to visit them from time to time! (ml)
Advertisement
7. A Hotline For All Your JavaScript Problems
Do you feel like giving up? Nothing makes sense anymore? Your problems seem insurmountable? Wouldn't it be great if you could talk to someone who cares and knows your woes? Why don't you give the friendly, supporting folk at JS Hotline a call when your JavaScript wisdom is at an end?
Garann Means created JS Hotline as a helpline for people who are stuck with a JavaScript problem. This call-service powered by Pocket Hotline promises professional help to people who need advice concerning JavaScript. They'll talk you off the ledge when you just can't make it work. And it won't cost you anything but a smile. (jc)
8. Flow: Figure Out Where Your Users Go And When They Leave
You might have used at least a couple of tools that help you visualize traffic activities on your website. Do you really need a new one? Well, maybe. Flow is a free analytics tool that uses flowcharts to show all the visitors of a certain webpage, and which pages they clicked to when they left this page. Clicking on the subsequent pages will bring up a new chart and new information. This will allow you to track every step users take through your website.
Like Google analytics, the tool only requires a single line of JavaScript code to be installed. The advantage of the tool over some other products is the real-time display of data. You can monitor conversion and drop-off rates and dive deep into user paths. The interface of the tool helps you quickly follow the paths your users take and better understand their flow as well as when they leave. Perhaps it's a good additional analytics tool for your website, after all?! (ml)
9. Beautiful Slide Decks On Note & Point
Imagine this situation: you have an opportunity to develop a design project and have to prepare a proposal. There are so many ideas for the content of the proposal, but how do you present them properly? Should you invest time for developing an extra design just for this presentation? Well, Note and Point can help you find the starting point you need.
On their site, Dave Ruiz and Christian curate beautiful presentations from Keynote, PowerPoint and SlideRocket, and provide a PDF deck for each presentation. You can reach for reference anytime, or if you have a beautiful presentation that you made yourself, just submit it and enrich the collection with your design! (tts)
Advertisement
10. Smashing Highlights (From Archives)
-
Turning Small Projects Into Big Profit: A Case Study
We were struggling to find work. It became clear to us that we needed to take a serious look at our business practices, our development and design processes, and ourselves. We needed to find a way to make money. Let's take a few minutes to discuss how we overhauled our operations and started making a living off of small projects.
-
The Lost Art Of Design Etiquette With Photoshop
We work with a ridiculously large number of things, and how we organize them (or choose not to) is often left to personal preference. But our messy habits result in confusion for the designer or developer who inherits your work. Does it really need to be this way?
-
Web Design Questionnaires, Project Sheets and Work Sheets
Here we've collected questionnaires and worksheets used by actual Web design companies, including some of the leaders in the industry. Both online and downloadable forms are included, as well as the pros and cons for each format.
11. New On Smashing Job Board
Here are the job openings published recently at our very own Smashing Job Board:
-
Web, iOS, Ops Engineers at FiftyThree, creators of Paper for iPad (New York, NY)
Over the years we noticed that software that's designed to help us be creative actually made us less creative. Ideas aren't born in slide decks, documents, or image editors. They begin freeform. On paper. In conversations. As sketches. We founded FiftyThree to build tools that work the way we do. Tools for the creative space—the 53 centimeters that magically link head, heart, and hand. Tools as simple as pencil and paper. Tools so essential, we really can't imagine working without them.
-
User Experience Architect at Garrigan Lyman Group (Seattle, Washington)
Garrigan Lyman is a no-doors-and-walls digital creative agency. Designers, developers, writers, strategists, and account teams working side-by-side to create something unique and remarkable, infused by a two-decade heritage of digital agency leadership. It starts with a high bar; to lift every brand, be it Fortune or Future 500, through the art of beautiful disruption. We get there by a strategic process we call WHAT, IF, WOW; discovering the essence of what is and reimagining what could be.
-
Front-End Developer 80-100% at Cargo Media AG (Basel, Switzerland)
The Cargo Media AG has its offices in the very heart of Kleinbasel, no more than 100m away from the river Rhein. Our team consists of six members, who have been developing a Web framework over the past 3 years. We create leading Web applications that serve and handle more than 50 million pageviews a month.
12. Recent Articles on Smashing Magazine
Thank You For Reading!
Yours sincerely,
The Smashing Family
No comments:
Post a Comment