Author Archive

Smashing Book 2: Why We Love It And Why You’ll Love It, Too

Advertisement in Smashing Book 2: Why We Love It And Why You’ll Love It, Too
 in Smashing Book 2: Why We Love It And Why You’ll Love It, Too  in Smashing Book 2: Why We Love It And Why You’ll Love It, Too  in Smashing Book 2: Why We Love It And Why You’ll Love It, Too

Two and a half months ago, the Smashing Book 2 was released. For us, a small independent publisher, it was a big deal, because this ambitious project on which we had been working since July 2010 was also very important for Smashing Magazine. We spent a tremendous amount of time and effort on the little and big details of the book. It was very important for us to get it right this time: to create an outstanding, high-quality book and provide outstanding, high-quality service to our readers.

Sm-book2-shelf in Smashing Book 2: Why We Love It And Why You’ll Love It, Too
(Image: taniskatie)

In this post, we’d like to provide some insight into the book’s production that we have gained during the process. And if you haven’t purchased the book yet, maybe you’ll want to buy both printed Smashing Books for a special price.

Creating a Valuable, Timeless Product

So how difficult is it to actually publish a book? We devoted a whole chapter in the Smashing Book 2 to this question, but essentially it boils down to the question of how ambitious you are. It was important for us to create a product that would meet our high personal and professional expectations. Not only did we want to meet our regular requirements for quality, but we wanted to reach a new level, new kind of quality. We wanted readers to develop an emotional attachment to the product, triggered by the thoroughness of our work and its usefulness.

From the very beginning, we wanted the book to be a remarkable, timeless product, something that every designer or developer would love holding in their hands and something that everybody could learn a lot from; the readers should have this feeling even years after having read the book. For this reason, our ultimate goal for this little project of ours was to produce content of the highest practical value. Hence, we spent a tremendous amount of time carefully discussing the scope of the book and selecting potential co-authors and reviewers.

Creating a remarkable product is perhaps a matter of picking the right battles and winning the right ones. We had to compromise. All the time. And it was damn hard. We had to dismiss some excellent ideas that just wouldn’t work in the book (for example, because they were too closely related to ideas that were already covered). We had to leave out some excellent chapters because they literally wouldn’t fit in the book (which had to be 360 pages; otherwise, we would have had to increase shipping costs to cover the increased costs). We had to keep challenging our own views and the views of our authors in order to produce comprehensive, bulletproof and objective pieces.

It was important for us to make the book affordable for everybody, no matter where they live in the world. So, we settled on a very affordable price ($29.90 + $3.50 for worldwide airmail shipping to every country), even though production costs kept increasing with every new feature (solid binding, bookmark, hard cover, improved paper quality). The production costs were a very important factor, but they had to be carefully considered and adjusted to help us reach our ultimate goal.

Sm-books-tools in Smashing Book 2: Why We Love It And Why You’ll Love It, Too
(Image: paulstamatiou.com)

Creating Something We Would Be Proud Of

What was crucial for us was to create something that we could really be proud of. Yet, even in the worst scenario, we also wanted to cover our costs, so we had to be reasonable in our pricing decisions. We didn’t want to increase the price over the Smashing Book 1, but we wanted the Smashing Book 2 to be better in every aspect. To make the book a bit more attractive, we lowered the shipping costs and decided on airmail shipping only. From a financial perspective, it wasn’t very beneficial because we ship from Berlin, Germany, and shipping costs here are horrendous. But accessibility of the book was important from the beginning, so we did it this way and never doubted our decision. We’ve learned that consistency and persistence are invaluable assets in creating quality work. The traits are demanding and merciless, but they keep you afloat when so many difficult decisions and temptations can blow away your vision of the product.

In our early preparations, we thoroughly analyzed the criticisms of buyers of the Smashing Book 1. For that first book, in the first edition, the binding was poor, the layout overly simplistic, and the font size too small. Also, there were obvious errors in the table of contents (ouch!), and shipping took too long. We solved all of that with the Smashing Book 2. We addressed every one of these criticisms and made sure that our second go round would be better. We decided on stitched binding; we paid attention to the layout and font size; we proofread every chapter multiple times; and we changed the shipping terms. We listened to our customers and listened carefully. We just couldn’t afford to make the same mistakes again. (By the way, the second edition of the Smashing Book 1, which we sell now, doesn’t have these problems any longer).

In other words, the effort we put into our little project was enormous. We were demanding and ambitious. Chapters were heavily edited and rewritten to improve their quality. Authors were mercilessly asked to rewrite whole sections and take new screenshots. In the end, every draft of every chapter was reviewed at least three times. Being aware of our responsibility to our readers, we researched every chapter extensively to make sure that all of the facts were straight and that current best practices were followed. We advocated for best design and coding practices and sought to protect the interests of our users. For every chapter, we had technical reviewers provide feedback and suggest improvements and additions.

Instagram in Smashing Book 2: Why We Love It And Why You’ll Love It, Too
Image credit: pchee

High Quality Takes a Lot of Time

Once the book was written, we read it all over twice to correct typos and other mistakes. We checked for consistency in footnotes and image captions. We double checked the quality of images. And we manually checked every single link in the book. Of course, the more perfect you want the result to be, the more you work on it, and the more mistakes you add while fixing other mistakes. So, admittedly, we probably did miss a couple of typos, but hopefully there aren’t too many of them. We wanted to make the book as perfect as possible, no matter what.

And it took time. A lot of time, actually. The first drafts of chapters were submitted in early August, and the final proof of the book was ready in late November. In between were many hours of research, editing, writing and exchanging lengthy emails. Most of the credit goes to our truly remarkable co-authors: passionate, talented professionals who were always glad to accept our challenges, do more work, invest more time and make their chapters a little better.

Surprisingly, the main challenge was not editing at all. It was communication and coordination. Overall, 39 people were involved in the project: writers, editors, reviewers, proofreaders, designers, developers, marketing managers, printing experts, support team. And because most of us were working outside the main office, communication took place via either Skype or email (occasional in-person meetings took place, too). Communication turned out to be quite an overhead; we didn’t see it coming. But book production isn’t an easy process, and if you are working with external co-authors, then the complexity of the work tends to drastically increase with every new author.

We learned that good results require good preparation. And so we signed contracts with each author and contributor to the book to ensure timely delivery. 50% of the payment was paid up front after the contract was signed. We didn’t want to miss deadlines and compromise the schedule, as we did too generously with the first book (which was a big issue back then). We also had a detailed spreadsheet that helped us track the progress of every chapter and make sure that we are right on track.

Sm-book2-2 in Smashing Book 2: Why We Love It And Why You’ll Love It, Too
(Image credit: admartinator.de)

In the end, though, producing Smashing Book 2 was an extremely rewarding and special experience. Not only did we learn a lot about book publishing along the way, but we actually managed to create what we wanted to do in the first place. We proved to ourselves and to our dear customers that we can do it properly on our own. We are very proud of the result. We love Smashing Book 2 because it is exactly what we wanted it to be. And apparently quite a lot of owners of the book love it, too. We’ve picked a couple of recent testimonials on Twitter. Thank you very much for your support!

Testimonials

  • “The @smashingmag book #2 is on my desk. Fantastic to see small publishers doing such a fabulous job!â€�
    — Andy Clarke
  • “Reading brand-new The Smashing Book 2 – packed with amazing info – well done to all involved!”
    — Russ Weakley
  • “The Smashing Book 2 arrived. Quality looks much better than the 1st.”
    — Veerle Pieters
  • “Smashing Book 2 is on its way. Looks like @smashingmag has done a great job. I love the honesty about #1′s shortcomings.”
    — Elliot Jay Stocks
  • “Smashing Book chapter 1, The Principles of Great Graphic Design: Extremely well written and I learnt a lot. Recommended for web designers.”
    Tom Kenny
  • “Most books on any topic these days are filled with 10 or 15 pages of good content and the rest is fluff and filler. This book is good content from cover to cover.â€�
    — John McDuffie
  • “From what I read while I was on vacation, it’s very good. In fact, I think it’s an essential primer for those entering our field. You guys did a great job selecting articles and making sure they tell a cohesive story. Bravo.â€�
    — Andrew Maier from UXBooth.com
  • “Just got the new @smashingmag book as a gift! Really nice + outstanding content! A good addition to our library in the agency.â€�
    — Khaled Ouanes
  • “The quality of this one is fantastic. Can’t wait to read it.â€�
    — Chris Shiflett
  • “The information in @smashingmag Smashing Book 2 is more relevant than anything in my overpriced textbooks. Totally worth it.â€�
    — Drew Hansen
  • “The Smashing Book 2 is really refreshing. A great alternative to the plethora of CSS3 and HTML5 books I’ve recently read.â€�
    — Simon Leadbetter
  • “Treasure trove of best practices, practical insight and rich visual inspiration for modern web design.”
    — Brainpickings

Bonus: A New Free Chapter Of The Book

Of course, the Smashing Book 2 is still available for purchase. If you need an appetizer for the book, below are two free chapters of the Smashing Book 2 (Chapter 1 was released a couple of months ago). You can download them in PDF.

Smashing-Book-2-Peter-Matkovsky in Smashing Book 2: Why We Love It And Why You’ll Love It, Too
Image credit: matkovsy

Selected Reviews of the Smashing Book 2

  • Webdesign Tutsplus: Review: The Smashing Book 2
    A book about reinforcing good design principles certainly isn’t revolutionary, but having a book that does so while addressing web designers as an audience is something that doesn’t come along nearly often enough. What’s better is that these are all topics that any designer can’t possibly get enough of.
  • Review: The Smashing Book #2
    “The topics discussed are given in a practical manner with plenty of eye-candy graphics. I think the audience for the book is of course those that are fans of Smashing Magazine as well as web designers and front-end developers who are looking for practical guidance.”
  • Design Shack: Book Review: Smashing Book 2
    The physical feel of the book is wonderful: a hard cover, high-quality printing, stitched binding, and a funky orange bookmark all contribute to an enjoyable read. It’s not surprising to hear that Smashing Magazine are only offering the printed copy of the book (you won’t find an eBook version anywhere).
  • Colorlovers: Review: The Smashing Book #2
    I do find that this book is something I will be keeping on my desk for some time to reference and re-reference when my mind is fogged or fighting to go a direction my gut knows I shouldn’t.

Reviews in Other Languages

CKolb-Smashing-Book-21 in Smashing Book 2: Why We Love It And Why You’ll Love It, Too
Author Christoph Kolb with his copy. He wrote the chapter “Game Design Techniques Applied to UX Design.�

Buy Both Smashing Books for a Special Price!

There still remain copies of the Smashing Book 1 in stock. So, we’d like to offer a Smashing Book bundle of both printed books for a special price. Get both books (Smashing Book 1 (Second Edition) and Smashing Book 2) for $49.80 (separately, the books would come out to $59.80). Please note that you will still have to pay $3.50 for shipping (we ship via airmail only, worldwide). If you don’t have these books yet or are looking for a valuable present for a designer or developer, here’s your opportunity.

Bundle in Smashing Book 2: Why We Love It And Why You’ll Love It, Too

Buy both printed books for just $49.80!

Thank you for your support. Let us know what you think about the Smashing Book 2 in the comments to this article!

(vf) (al)


© Smashing Editorial for Smashing Magazine, 2011. | Permalink | Post a comment | Smashing Shop | Smashing Network | About Us
Post tags: ,


Powerful New CSS Techniques and Tools

Advertisement in Powerful New CSS Techniques and Tools
 in Powerful New CSS Techniques and Tools  in Powerful New CSS Techniques and Tools  in Powerful New CSS Techniques and Tools

The hard work of front-end designers never ceases to amaze us. Over the last months, we’ve seen Web designers creating and presenting a plethora of truly remarkable CSS techniques and tools. We have collected, analyzed, curated and feature latest useful resources for your convenience, so you can use them right away or save them for future reference.

Please don’t hesitate to comment on this post and let us know how exactly you are using them in your workflow. However, please avoid link dropping, but share your insights and your experience instead. Also, notice that some techniques are not only CSS-based, but use HTML5, JavaScript, or JavaScript-libraries as well. Thanks to all featured designers and developers for inspiring, hard work.

CSS Techniques

Rotational Sliders
Eric Meyer shares six of his animated transforms that are capable of sliding around to a particular extent with non-centered transform origins.

Css-techniques-april-102 in Powerful New CSS Techniques and Tools

Generating Organic Randomness with Prime Numbers and CSS
At first, you may be wondering why the heck is Alex Walker talking about cicada’s and Web design. Once taking a closer look, a sort of connection between the two evolves and a ‘cicada principle’ is born.

New-css-101 in Powerful New CSS Techniques and Tools

CSS3 3D Hologram
Being inspired by holographic effects that can be achieved with HTML/CSS, Hakim El Hattab has developed his own 3D box which alters perspective depending on device orientation. Note that this requires a webkit browser and has only been tested on iPhone. Also make sure to visit more of Hakim’s CSS/HTML5 experiments.

New-css-102 in Powerful New CSS Techniques and Tools

Checkerboard, striped & other background patterns with CSS3 gradients
You’re probably familiar with CSS3 gradients by now, including the closer to the standard Mozilla syntax and the verbose Webkit one. I assume you know how to add multiple color stops, make your gradients angled or create radial gradients. What you might not be aware of, is that CSS3 gradients can be used to create many kinds of commonly needed patterns, including checkered patterns, stripes and more. Also, check out Lea’s CSS3 Patterns Gallery

Css3-pattern in Powerful New CSS Techniques and Tools

CSS3 Keyboard
Click in the box and start typing on your computer’s keyboard. Cleverly developed by Dustin Cartwright and Dustin Hoffman. You’ve got to respect the amount of time and effort which went into producing this demo.

Css-techniques-april-133 in Powerful New CSS Techniques and Tools

CSS3 Progress Bars
A couple of nice progress bars created by Chris Coyier that use no images — just CSS3 fancies. In browsers that do not support CSS3, these progress bars will look more simplified.

Cssn-102 in Powerful New CSS Techniques and Tools

Hover on “Everything But�
A tutorial by Chris Coyier which shows us how easy adding a hover state to an element can be. In this case, the hover state is applied to everything but the element actually being hovered over.

Cssn-103 in Powerful New CSS Techniques and Tools

Creating a Sphere With 3D CSS
With CSS3’s 3D trans­forms it’s possible to cre­ate a sphere-like object, albeit with many elements. Paul Hayes shares his version of a 3D CSS sphere (works in the latest Safari and iOS) and provides us with the coding needed.

Cssn-104 in Powerful New CSS Techniques and Tools

CSS3 Planetarium
This demo highlights leading edge CSS3 and HTML5 features that Mozilla Firefox and the open web community push into modern Web browsers.

Cssn-105 in Powerful New CSS Techniques and Tools

Natural Object-Rotation with CSS3 3D
A tutorial by Dirk Weber that teaches us how to build a 3D packshot in HTML and CSS by applying some CSS 3D-transforms. By adding some Javascript, we can make the object freely rotatable in 3D space. And as we will enhance our Javascript with some touch-interactivity, the packshot will also work nicely in Safari for iOS-platforms like iPhone or iPad.

Cssn-106 in Powerful New CSS Techniques and Tools

CSS Drop-Shadows Without Images
Nicolas Gallagher shares presents his CSS drop-shadows without any images.

Cssn-129 in Powerful New CSS Techniques and Tools

Incrementable Length Values in Text Fields
Lea Verou explains how to implement a feature that allows you to increment or decrement a <length> value by pressing the up and down keyboard arrows when the caret is over it.

Cssn-108 in Powerful New CSS Techniques and Tools

Beveled Corners & Negative Border-Radius with CSS3 Gradients
Beveled corners and simulate negative border radius without images, by utilizing CSS3 gradients once again — Lea Verou is amazed by how many CSS problems can be solved with gradients alone. Works on Firefox 3.6+, latest Webkit Nightly builds, Chrome and Opera 11.10.

Cssn-109 in Powerful New CSS Techniques and Tools

Flexible Height Vertical Centering With CSS, Beyond IE7
Roger Johansson shares his thoughts on how to improve centering an element both horizontally and vertically with the display:table alternative.

Flex in Powerful New CSS Techniques and Tools

Coding up a semantic, lean timeline
This article tells you how to create a semantic lean timeline.

Timeline in Powerful New CSS Techniques and Tools

CSS Border Tricks with Collapsed Boxes
These border tricks tricks will help you to display content outside of the content box, over borders, without the use of images, CSS3 gradients or extraneous markup.

Css-techniques-april-1401 in Powerful New CSS Techniques and Tools

Quick Tip: Nonintrusive CSS Text Gradients
Jeffrey Way shows some ways for creating pure CSS text-gradients with a bit of trickery. The key is to use a mix of attribute selectors, webkit-specific properties, and custom HTML attributes.

Cssn-113 in Powerful New CSS Techniques and Tools

Bokeh with CSS3 Gradients
Divya Manian uses the CSS gradients and shows the results of his work on a project which uses a bunch of circles as a decorative background.

Cssn-114 in Powerful New CSS Techniques and Tools

Different Transitions for Hover On / Hover Off
Chris Coyier tries to acchieve “different transitions on mouseenter and mouseleave”, but he isn’t using JavaScript here; we’re talking about CSS :hover state and CSS3 transitions. Hover on, some CSS property animates itself to a new value; hover off, a different CSS property animates.

Cssn-115 in Powerful New CSS Techniques and Tools

Styling children based on their number, with CSS3
Lea Verou shows how to style children of elements based on their total number (that is, their total count).

Children in Powerful New CSS Techniques and Tools

CSS Modal
Using CSS3 tech­niques a modal box can be cre­ated with­out JavaScript or images. With a bit of ani­ma­tion, tran­si­tion and trans­form, it can be made that lit­tle bit more special. The problem: when you hit the “Back”-button after the modal has popped up and was closed, you’ll see the modal again. But maybe you’ll come with a way to fix it?

Cssn-116 in Powerful New CSS Techniques and Tools

Rotating Feature Boxes
The full effect of it (with transition animations) will work in newish WebKit and Opera browsers and Firefox 4 (in real beta as of today). Any other browser will rotate the blocks without transition animation.

New-css-125 in Powerful New CSS Techniques and Tools

When and How to Visually Hide Content
Visually hiding content on a web page, usually textual content, is at times a viable technique in web design and development. It can be done for several reasons, most importantly, to improve the experience of a screen reader user. Other reasons include improving readability when CSS cannot be rendered, and improving search engine optimization (SEO). Other exaples about using the Visually Hide Content are shown in this article.

Clip1 in Powerful New CSS Techniques and Tools

How to avoid common CSS3 mistakes
The new features of CSS3 bring with them complexity and new things for us to screw up. This article will help keep us in check as we start using these new features.

New-css-133 in Powerful New CSS Techniques and Tools

Introduction to CSS Escape Sequences
Escape sequences are useful because they allow style sheet authors to represent characters that would normally be ignored or interpreted differently by traditional CSS parsing rules. In this article Mert Tol shows how to use these sequences.

New-css-134 in Powerful New CSS Techniques and Tools

Wrapping Long URLs and Text Content with CSS
To wrap long URLs, strings of text, and other content, you can just apply a carefully crafted chunk of CSS code to any block-level element .

Cssn in Powerful New CSS Techniques and Tools

CSS Generated Content
Trevor Davis shows on some examples what you can do with the CSS generated content.

New-css-135 in Powerful New CSS Techniques and Tools

Controlling width with CSS3 box-sizing
An incredibly useful CSS3 feature when you’re creating columns with floats is box-sizing. It lets you choose which box sizing model to use – whether or not an element’s width and height include padding and border or not. It makes it much easier to define flexible widths where you also need padding and/or borders. A typical example is laying out forms, which can be a real pain when you want flexible widths.

New-css-137 in Powerful New CSS Techniques and Tools

Revisit Hardboiled CSS3 Media Queries
Shi Chuan takes a close look at boilerplates and helps us understand the math we need to tweak the width required for a good resolution to any particular device.

iPad Orientation CSS
Keith Chu revises Cloud Four’s work and finds a way to alleviate extra HTTP requests, not iPad-specific as well as lack of reusability. In this post, he shares with us his proposed revision to the iPad orientation CSS.

CSS Value Lengths, Times, Frequencies and Angles
In this article the authors go over all the math type units that can be applied as property values in CSS.

CSS Tools

320 and up
‘320 and Up’ prevents mobile devices from downloading desktop assets by using a tiny screen’s stylesheet as its starting point. Try this page at different window sizes and on different devices to see it in action.

New-css-112 in Powerful New CSS Techniques and Tools

CSS3 Generator – By Eric Hoffman and Peter Funk
This generator was proudly designed by Eric Hoffman and coded by Peter Funk.

New-css-113 in Powerful New CSS Techniques and Tools

CSS Pattern Generator
Patternify is a simple pattern generator that enables you to not only build your patterns online, but export them with the base64 code, so you don’t even need an image file anymore. Just include the code in your CSS and you’re ready to go. Created by Sacha Greif.

Css-techniques-april-105 in Powerful New CSS Techniques and Tools

Griddle.it – Web page alignment made easy
A clean and simple way to help align your layouts. No complex grid frameworks necessary.Just put your dimensions after our URL to get a background guide image to work with in your browser. Grids are created on the fly, so any combination should work.

New-css-116 in Powerful New CSS Techniques and Tools

The 1140px Grid: Fluid down to mobile
The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser.

New-css-117 in Powerful New CSS Techniques and Tools

Fighting the @font-face FOUT
Paul Irish’s 2011 update for the @font-face FOUT issue. Good news: Firefox 4 has no FOUT, IE9 does, and FOUT-b-GONE will help you out with that.

Foutbgone in Powerful New CSS Techniques and Tools

CSS3 Github Buttons
CSS3 Buttons is a simple framework for creating good-looking GitHub style button links.

New-css-118 in Powerful New CSS Techniques and Tools

CSS3 Facebook Buttons
CSS3 Facebook Buttons

Fb-button in Powerful New CSS Techniques and Tools

Minimee
On the Internets, speed is everything – which means that when it comes to CSS & Javascript files, size DOES matter. By automatically minimizing and combining your files for you, Minimee takes the heavy lifting out of keeping your files svelte.

Css-techniques-april-175 in Powerful New CSS Techniques and Tools

Live.js
one script closer to designing in the browser.

Css-techniques-april-178 in Powerful New CSS Techniques and Tools

Bootstrap.less
Bootstrap is a pack of mixins and variables to be used in conjunction with LESS, a CSS preprocessor for faster and easier web development.

Cssn-120 in Powerful New CSS Techniques and Tools

Animatable: Create CSS3 animations and advertising for Webkit browsers
Animatable is the easy way to create CSS3 animations and advertising for Webkit browsers on any platform or device — including Android, BlackBerry, iOS and WebOS.

New-css-122 in Powerful New CSS Techniques and Tools

Ceaser: CSS Easing Animation Tool
Ceaser is an CSS Easing Animation Tool.

Css-techniques-april-130 in Powerful New CSS Techniques and Tools

Shower
This is provided without warranty, guarantee, or much in the way of explanation.

New-css-119 in Powerful New CSS Techniques and Tools

CSS Pivot
This tool allows you to add CSS styles to any website, and share (and adjust) the result with a short link.

Cssn-121 in Powerful New CSS Techniques and Tools

Roots WordPress Theme
Roots is a starting WordPress theme made for developers that’s based on HTML5 Boilerplate, Blueprint CSS (or 960.gs) and Starkers that will help you rapidly create brochure sites and blogs.

Roots1 in Powerful New CSS Techniques and Tools

Free Online CSS3 Typeset Style Generator
An advanced generator of CSS buttons; the tools allows you to define font and color variations, shadows, borders, corners etc.

Cssn-122 in Powerful New CSS Techniques and Tools

CSSPrefixer
You hate writing vendor prefixes for all browsers? The CSSPrefixer does it for you.

Cssprefixer in Powerful New CSS Techniques and Tools

Type-a-file
This tool will give your Web typography a head start. Type-a-file is essentially a small collection of CSS stylesheets with heavy focus on rich and beautiful typography. The tool uses Typekit to preview the stylesheets, so if you have a Typekit-account, you could purchase the font license and have exact the same typography on your website.

Cssn-124 in Powerful New CSS Techniques and Tools

A Best Practice Baseline for Your Mobile Web App
Mobile Boilerplate is your trusted template made custom for creating rich and performant mobile web apps. You get cross-browser consistency among A-grade smartphones, and fallback support for legacy Blackberry, Symbian, and IE Mobile.

Cssn-125 in Powerful New CSS Techniques and Tools

Code Beautifier
This tool allows you to format, clean up and optimize your stylesheets.

Optimize in Powerful New CSS Techniques and Tools

Markup Generator
Markup Generator is a simple tool created for HTML/CSS coders that are tired of writing boring frame code at the very beginning of slicing work.

Css-techniques-april-180 in Powerful New CSS Techniques and Tools

CSS Sprite Generator
This tool allows you to create and maintain your CSS sprites.

Css-techniques-april-181 in Powerful New CSS Techniques and Tools

Respond
A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)

Adapt.js – Adaptive CSS
Adapt.js simply checks the browser width, and serves only the CSS that is needed, when it is needed.

Firmin, a JavaScript animation library using CSS transforms and transitions
Firmin is a JavaScript animation library that uses CSS transforms and transitions to create smooth, hardware-accelerated animations.

Command-line CSS spriting
The author shows, how to create CSS sprites from the command line alone.

Last Click

Code Standards
This document contains normative guidelines for web applications built by the Interface Development practice of Isobar North America (previously Molecular). It is to be readily available to anyone who wishes to check the iterative progress of our best practices.

Standards in Powerful New CSS Techniques and Tools

How to Manage CSS Explosion
A very useful thread on StackOverflow on how to keep CSS files organized and clean.

Organiz in Powerful New CSS Techniques and Tools

Related Posts

CSS: Innovative Techniques and Practical Solutions
The main goal of the article is to present powerful new CSS techniques, encourage experimentation in the design community and push CSS forward.

(vf) (ik)


© Smashing Editorial for Smashing Magazine, 2011. | Permalink | Post a comment | Smashing Shop | Smashing Network | About Us
Post tags: , , , , ,


Useful JavaScript and jQuery Tools, Libraries, Plugins

Advertisement in Useful JavaScript and jQuery Tools, Libraries, Plugins
 in Useful JavaScript and jQuery Tools, Libraries, Plugins  in Useful JavaScript and jQuery Tools, Libraries, Plugins  in Useful JavaScript and jQuery Tools, Libraries, Plugins

Recently we’ve been receiving more requests for carefully selected, useful round-ups. We try to avoid round-ups on Smashing Magazine, but sometimes the format is useful and — if the resources are relevant — can be extremely helpful. Besides, we are glad to drive traffic to some obscure, yet useful resources and thus support the developers of these resources.

In this round-up, you’ll find some of the useful JavaScript and jQuery tools, libraries and plugins that we have stumbled upon recently. Hopefully, you’ll find them valuable for your upcoming projects. Among other things, you’ll find handy services and online utilities, recently released JavaScript libraries and jQuery plugins.

You might want to take a look at the following related posts:

Useful JavaScript Libraries

Respond.js: Fast CSS3 Media Queries for Internet Explorer 6-8 and More
The goal of this script is to provide a fast and lightweight script to enable responsive Web designs in browsers that don’t support CSS3 Media Queries. In particular, Internet Explorer 8 and under.

Javascript-154 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Blackbird: Open Source JavaScript Logging Utility
Blackbird offers a dead-simple way to log messages in JavaScript and an attractive console to view and filter them.

Javascript-199 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Treesaver.js
Treesaver is a JavaScript framework for creating magazine-style layouts using standards-compliant HTML and CSS. It is free for all uses and made available under the MIT or GPLv2 licenses.

Js-001 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Bibliotype
Bibliotype is a (very) simple HTML, CSS and JS based library for rapid prototyping long-form typography and reading on tablets.

Useful-tool-127 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Highcharts – Interactive JavaScript charts
Highcharts is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie and scatter chart types.

Javascript-264 in Useful JavaScript and jQuery Tools, Libraries, Plugins

jStat: a JavaScript statistical library
jStat is a statistical library written in JavaScript that allows you to perform advanced statistical operations without the need of a dedicated statistical language (i.e. MATLAB or R).

Js-007 in Useful JavaScript and jQuery Tools, Libraries, Plugins

highlight.js
Highlight.js highlights syntax in code examples on blogs, forums and in fact on any web pages. It’s very easy to use because it works automatically: finds blocks of code, detects a language, highlights it.

Javascript-268 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Visual Event JS Library
Events in Javascript are often seen as a bit of an enigma. This is odd given that Javascript is very much an event driven language, but it is typically down to their complex nature and difficulty to debug. To this end the author created Visual Event to help track events which are subscribed to DOM nodes.

Js-005 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Underscore.js
Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects.

Javascript-279 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Popcorn.js
Popcorn.js, is a HTML5 javascript library for integrating the web into video production.

Javascript-315 in Useful JavaScript and jQuery Tools, Libraries, Plugins

SlickGrid!
SlickGrid is a JavaScript grid/spreadsheet component.

Js-004 in Useful JavaScript and jQuery Tools, Libraries, Plugins

JavaScript InfoVis Toolkit
The JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web.

Javascript-237 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Handlebars.js: Minimal Templating on Steroids
Handlebars provides the power necessary to let you build semantic templates effectively with no frustration. You might want to read ThinkVitamin’s article Getting Started with Handlebars.js, too.

Javascript-280 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Backbone.js
Backbone supplies structure to JavaScript-heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface.

Javascript-313 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Load JavaScript and Stylesheets on Demand | SidJS
SidJS is a lightweight JavaScript library used to load JavaScript scripts and CSS stylesheets on demand. It increases AJAX applications performance by loading resources when they’re needed.

OpenFaces
OpenFaces is an open-source library of AJAX-powered JSF components, an Ajax framework and a client-side validation framework. OpenFaces is based on the set of JSF components formerly known as QuipuKit. It contains fully revised codebase of QuipuKit and introduces many new components and features.

Js-009 in Useful JavaScript and jQuery Tools, Libraries, Plugins

d3.js
D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document.

Javascript-238 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Tempo: JSON rendering engine
Tempo is a tiny JSON rendering engine that enables you to craft data templates in pure HTML. It not only makes AJAX content easier to work with but also manages clear separations of concerns, i.e. no HTML in your JavaScript files!

Js-002 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Art Deco – Selectable Text
A quick proof-of-concept of split typography, based on Pierre Fix-Masseau’s Art Deco style. The challenge here was to achieve ‘split letters’ as part of a Web page layout, while retaining the ability to select text.

Javascript-153 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Using Less.js to Simplify Your CSS3
LESS is an amazing little tool that extends CSS with the addition of variables, mixins, operations and nested rules.

Javascript-175 in Useful JavaScript and jQuery Tools, Libraries, Plugins

PhantomJS: Headless WebKit with JavaScript API
PhantomJS is a headless WebKit with JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG.

JavaScript Tools and Utilities

TestSwarm: Continious & Distributed JS Testing
TestSwarm is an open source project by Mozilla Labs (and created by John Resig) which aims to simplify the complicated and time-consuming process of running JavaScript test suites in multiple browsers. It offers a continious & distributed testing environment that can be used by multiple users running the tests in various browsers with a “set-and-forget” logic.

Javascript-212 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Minimee
On the Web, speed is important — so when it comes to CSS and JavaScript files, size does matter. By automatically minimizing and combining your files for you, Minimee takes the heavy lifting out of keeping your files nice and clean. Minimee is an ExpressionEngine add-on only.

Javascript-169 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Doctor JS
Doctor JS is a tool which analyzes your JavaScript code. The tool tests how well your code is written in regards to polymorphism, prototypes, exceptions and callbacks. You might want to check out JSLint as well.

Javascript-174 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Remy Sharp’s JSConsole
A JavaScript (and CoffeeScript) web console, useful for quick experimentation, debugging, presentations (for live coding) and workshops. Also available as a native iOS app from the iTunes store.

Javascript-269 in Useful JavaScript and jQuery Tools, Libraries, Plugins

JavaScript Library Boilerplate
Why go through the tedium of creating both a closure AND a .noConflict method when all you want to do is create your own JavaScript Library? With JavaScript Library Boilerplate, you can hit the ground running and create your own JavaScript Library in no time!

Javascript-260 in Useful JavaScript and jQuery Tools, Libraries, Plugins

jsdoc-toolkit
JsDoc Toolkit is an application, written in JavaScript, for automatically generating template-formatted, multi-page HTML (or XML, JSON, or any other text-based) documentation from commented JavaScript source code.

Js-010 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Jasmine: BDD for your JavaScript
Jasmine is a behavior-driven development framework for testing your JavaScript code. It does not depend on any other JavaScript frameworks. It does not require a DOM. And it has a clean, obvious syntax so that you can easily write tests.

Js-011 in Useful JavaScript and jQuery Tools, Libraries, Plugins

ObfuscateJS: JavaScript compressor
The obfuscator currently removes whitespace and comments. It renames variablenames with a local scope to a shorter version, And as an advanced option it renames all variables with a certain prefix to a shorter name.

Javascript-282 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Online JavaScript beautifier
This beautifier will reformat and reindent bookmarklets, ugly javascript, unpack scripts packed by the popular Dean Edward’s packer, as well as deobfuscate scripts processed by javascriptobfuscator.com.

PEG.js
PEG.js is a parser generator for JavaScript based on the parsing expression grammar formalism. It enables you to easily build fast parsers which process complex data or computer languages. You can use it as an underlying tool when writing various data processors, transformers, interpreters, or compilers.

Javascript-228 in Useful JavaScript and jQuery Tools, Libraries, Plugins

JSONView
JSONView is a Firefox extension that helps you view JSON documents in the browser.

Js-014 in Useful JavaScript and jQuery Tools, Libraries, Plugins

jsPerf: JavaScript performance playground
jsPerf aims to provide an easy way to create and share test cases, comparing the performance of different JavaScript snippets by running benchmarks.

JSonduit
JSonduit is a service that can turn practically anything on the web into a JSON feed that any website or mobile app can consume.

Javascript-182 in Useful JavaScript and jQuery Tools, Libraries, Plugins

jsplumb
jsPlumb provides a means for a developer to visually connect elements on their web page, in much the same way you might have seen on Yahoo Pipes. It uses Canvas in modern browsers, and Google’s ExplorerCanvas script for stone-age browsers. The current version (1.2.5) can be used with jQuery, MooTools and YUI3.

Javascript-193 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Helma
Helma is a server-side JavaScript environment and web application framework for fast and efficient scripting and serving of your websites and Internet applications.

Js-015 in Useful JavaScript and jQuery Tools, Libraries, Plugins

HTML + JSON Report
Online HTML5 JSON Report format to view any JSON data in a human-readable HTML view.

Javascript-300 in Useful JavaScript and jQuery Tools, Libraries, Plugins

JSON Editor
This editor allows for easy editing of json strings, after loading a sample from the dropdown list click ‘build tree’, expand the tree, click nodes and start changing.

Javascript-222 in Useful JavaScript and jQuery Tools, Libraries, Plugins

JSCSSP, a CSS parser in JavaScript
JSCSSP is a CSS parser written in cross-browser JavaScript. It parses a string containing CSS styles and outputs a CSS Object Model (warning: not the CSS Object Model). It can preserve some comments, at-rules and style rules that your browser does not recognize and trashes, and even whitespaces if you absolutely need to preserve indentation and blank lines.

jQuery Plugins

sausage.js
Sausage is a jQuery UI widget for contextual pagination. It complements long or infinite-scrolling pages by keeping the user informed of her location within the document.

Javascript-283 in Useful JavaScript and jQuery Tools, Libraries, Plugins

jQuery Waypoints
Waypoints is a small jQuery plugin that makes it easy to execute a function whenever you scroll to an element.

Javascript-234 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Pietimer jQuery Plugin
Pietimer injects a canvas element into the page which has an ever reducing pie shaped timer.

Javascript-303 in Useful JavaScript and jQuery Tools, Libraries, Plugins

ImageLens: a jQuery plug-in for Lens Effect Image Zooming
You can use this jQuery plug-in to add lens style zooming effect to an image.

Javascript-306 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Timeglider jQuery Plugin/Widget
Timeglider is a zooming, panning data-driven timeline — great for history projects, project planning or any other tasks where you’ll need to display a time frame.

Javascript-307 in Useful JavaScript and jQuery Tools, Libraries, Plugins

960 Grid on jQuery-Mobile
A port of a 960 grids to use in jQuery mobile. It aims to bring more flexibility to jQuery-mobile layouts and thus makes it easier to use on tablets. The code is available on Github under MIT license.

Javascript-130 in Useful JavaScript and jQuery Tools, Libraries, Plugins

diagonalFade jQuery plugin
A jQuery plugin allowing you to easily specify direction, fade-in, fade-out, and a host of other options to a grouping of elements.

Javascript-308 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Wijmo jQuery UI Widgets
Wijmo is a complete kit of over 30 UI widgets with everything from interactive menus to rich charts. If you know jQuery, you know Wijmo. Complete with documentation and professional support, every widget is hand-crafted and includes premium themes.

Javascript-267 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Lettering.js – A jQuery Plugin for Radical Web Typography
CSS does not offer a complete down-to-the-letter control. Here you’ll find kerning type, editorial design, manageable code and complete control — just a few examples of what can easily by done with Lettering.js.

Javascript-160 in Useful JavaScript and jQuery Tools, Libraries, Plugins

jslide
jslide is a jQuery plugin to create a simple slideshow of list elements, containing either images or other content.

Javascript-201 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Isotope: A jQuery Plugin for Magical Layouts
An exquisite jQuery plugin for magical layouts. Enables filtering, sorting, and dynamic layouts. Isotope’s capabilities are designed to be used together cohesively. You can do it all — filter, sort, change layout modes, add items — and Isotope will handle it with ease.

Javascript-131 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Better Check Boxes with jQuery and CSS
In this short tutorial, the authors will create a replacement for the default browser checkboxes in the form of a simple jQuery plugin.

Javascript-286 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Thumbnails Navigation Gallery with jQuery
In this tutorial the authors are going to create an extraordinary gallery with scrollable thumbnails that slide out from a navigation. They are going to use jQuery and some CSS3 properties for the style.

Javascript-270 in Useful JavaScript and jQuery Tools, Libraries, Plugins

jQuery Quicktag
Quicktag is a tagging plugin for the jQuery JavaScript library.

DataTables (table plug-in for jQuery)
DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table.

Javascript-262 in Useful JavaScript and jQuery Tools, Libraries, Plugins

jQuery Tags Input
This plugin will turn your boring tag list into a magical input that turns each tag into a style-able object with its own delete link. The plugin handles all the data — your form just sees a comma-delimited list of tags.

Javascript-274 in Useful JavaScript and jQuery Tools, Libraries, Plugins

jquery.timepickr.js
a jQuery library that enhances a date picker input area with a more convenient date selection.

Javascript-224 in Useful JavaScript and jQuery Tools, Libraries, Plugins

Last Click

JavaScript Commodore Emulator
This emulator is meant as a ‘proof of concept’ and uses the HTML5 Canvas-element to render the Commodore 64 screen layout.

Javascript-233 in Useful JavaScript and jQuery Tools, Libraries, Plugins

BreakDOM
A remix of the classic Breakout game. This one will keep you busy for a while.

Javascript-253 in Useful JavaScript and jQuery Tools, Libraries, Plugins



© Smashing Editorial for Smashing Magazine, 2011. | Permalink | Post a comment | Smashing Shop | Smashing Network | About Us
Post tags: , , ,


Desktop Wallpaper Calendar: April 2011

Advertisement in Desktop Wallpaper Calendar: April 2011
 in Desktop Wallpaper Calendar: April 2011  in Desktop Wallpaper Calendar: April 2011  in Desktop Wallpaper Calendar: April 2011

We always try our best to challenge your artistic abilities and produce some interesting, beautiful and creative artwork. And as designers we usually turn to different sources of inspiration. As a matter of fact, we’ve discovered the best one — desktop wallpapers that are a little more distinctive than the usual crowd. This creativity mission has been going on for almost two years now, and we are very thankful to all designers who have contributed and are still diligently contributing each month.

We continue to nourish you with a monthly spoon of inspiration. This post features 35 free desktop wallpapers created by artists across the globe for April 2011. Both versions with a calendar and without a calendar can be downloaded for free. It’s time to freshen up your wallpaper!

Please note that:

  • All images can be clicked on and lead to the preview of the wallpaper,
  • You can feature your work in our magazine by taking part in our Desktop Wallpaper Calendar series. We are regularly looking for creative designers and artists to be featured on Smashing Magazine. Are you one of them?

Pablo Cesar

"Pablo Cesar — not exactly a lone ranger — yet here he is, to defend your right to publish." Designed by Inet-design from Denmark.

Pablo Cesar 66 in Desktop Wallpaper Calendar: April 2011

Sakura

"Spring is finally here with its sweet Sakura’s flowers, which reminds me of my trip in Japan last year.Pray and support Japan !" Designed by Laurence Vagner from France.

Prunus 48 in Desktop Wallpaper Calendar: April 2011

Glowing Subway

"Well, I am still learning Blender 2.5 and so I wanted to create a nice wallpaperwith this program. I tried to use different techniques to realise this picture, such asEnvironment and Indirect Lightning and I desired to experiment Depth of Field." Designed by Claudio Lione from Germany.

Glowing Subway 32 in Desktop Wallpaper Calendar: April 2011

April Promise

Designed by Jonathan Carroll from Scotland.

April Promise 6 in Desktop Wallpaper Calendar: April 2011

Blooming

"Blooming tulips- a sign that spring is truly here." Designed by Britt Wilcox from USA.

Blooming 35 in Desktop Wallpaper Calendar: April 2011

Championship

"Time for hockey!" Designed by Jaro Mlkvy from Slovakia.

Championship 4 in Desktop Wallpaper Calendar: April 2011

Sun/clouds

"Enjoy the first warm sunrays in April! (at least in Middle Europe)." Designed by Marco Palma from Italy/Germany.

Sun 82 in Desktop Wallpaper Calendar: April 2011

Typeholic

Designed by Knsqnt Interactive from Germany.

Typeholic 26 in Desktop Wallpaper Calendar: April 2011

Two Birds

"Welcome, Spring! :)." Designed by Anca Varsandan from Romania.

Two Birds 17 in Desktop Wallpaper Calendar: April 2011

April Showers

"April showers bring May flowers and umbrellas. This is my daughter posing under the greenery." Designed by Kerry Shellborn from Canada.

April Showers 33 in Desktop Wallpaper Calendar: April 2011

Spider Web

Designed by Sureshsathanur from India.

Spider Web 68 in Desktop Wallpaper Calendar: April 2011

Usher In The Year Of The Rabbit

"Everyone gets a chance to play the fool this coming April’s Fool." Designed by Siewhui from Singapore.

Hand 58 in Desktop Wallpaper Calendar: April 2011

Help Japan

"Being Japanese Canadian and watching the devastation in Japan on television is heart breaking. I can only imagine how my friends and family living in Japan must feel. I admittedly avoided seeing images of the aftermath for at least a day or two, worried that I would start to cry. Instead I donated money and hoped that the reports I was hearing were exaggerated. Once I saw the scale of the destruction and finally saw images and video of what was happening in Japan, my heart started hurting. On the one hand I was happy to know my family was safe, however, on the other hand I knew this would be the start of even harder times for Japan, especially regarding their recent economic struggles. I could not just sit by and pray or hope, I needed to find a way to raise more funds.This is a wallpaper version of the second design in a Help Japan poster series representing the grace and calm that the Japanese people displayed when a tragic act of nature was struck upon them.All profits from the sale of the posters in the series will go to the Canadian Red Cross efforts for the victims affected by the recent tsunami and earthquakes." Designed by Linda Nakanishi from Canada.

Helpjapan 77 in Desktop Wallpaper Calendar: April 2011

The Smashing Wall

"The Smashing Wall showcases a new concept of creating virtual shelves or menus so that one can place the desktop icons in the slots provided to create a beautiful virtual effect and a super neat desktop wallpaper with all icons sorted in one place." Designed by Chetan from India.

The Smashing Wall 52 in Desktop Wallpaper Calendar: April 2011

Something Wrong

"We are a group of young Syrians, we create and publish CC licensed comics on our website. This wallpaper was created for our pilot series (Something Wrong)." Designed by Homeless from Syria.

Something Wrong 48 in Desktop Wallpaper Calendar: April 2011

Springlight

"We love spring colors – from pastels to neutrals to bright colors!" Designed by Lotum from Germany.

Springlight 63 in Desktop Wallpaper Calendar: April 2011

Psychedelic Spring Fairy

"The reference photo of the fairy was taken by Marcus Ranum." Designed by Andrei Verner from Russia.

Psychedelic Spring Fairy 46 in Desktop Wallpaper Calendar: April 2011

Easter Flower

Designed by Nathalie Lansbergen from the Netherlands.

Easter Flower 9 in Desktop Wallpaper Calendar: April 2011

Fool’s Day

"April 1st is Fool’s Day. Don’t be afraid of being fool on other days, too." Designed by Olivia Osik from Estonia.

Fools Day 51 in Desktop Wallpaper Calendar: April 2011

Silly Sheep

Designed by Pietje Precies from The Netherlands.

Silly Sheep 14 in Desktop Wallpaper Calendar: April 2011

Spring Is Here

"Wishing all of you a colourful and cheerful spring!" Designed by Ron Gilad from Israel.

Spring Is Here 20 in Desktop Wallpaper Calendar: April 2011

Alien

"he Fools’ day is not the only holiday april is known for. Where is also april 12 – Cosmonautics Day in Russia. That day in 1961 the first man ever circled Earth in a spacecraft." Designed by Cheloveche.ru from Russia.

Alien 76 in Desktop Wallpaper Calendar: April 2011

Calendar Mz

Designed by Mz from Poland.

Calendar3 33 in Desktop Wallpaper Calendar: April 2011

April Showers

"Artwork from QR Codes." Designed by Jason Smith – Layer One Graphics from USA.

April 14 in Desktop Wallpaper Calendar: April 2011

Illustration

"An Art Nouveau inspired piece to give warmth and happiness at the start of spring. One of the flowers associated with spring is the daffodil and I used this within my design so that the the girls long flowing hair and ballet-like stance created this beautiful flower." Designed by Heather Williams from United Kingdom.

Flower Girl 65 in Desktop Wallpaper Calendar: April 2011

Temple Of Icons

"The story of the battle from the Temple of the Desktop Icons, fiercely guarded by the Dragon and the seven ninja warriors." Designed by Pal Ovidiu from Romania.

Temple Of Icons 93 in Desktop Wallpaper Calendar: April 2011

Scissors Trap

"These scissors have made a trap in a quite recursive manner. It`s not supposed to blow your head out of laughing, but when it puts a smile on your face it`s just fine :)." Designed by Marek Chrenko from Slovakia.

Scissors Trap 74 in Desktop Wallpaper Calendar: April 2011

Vector Saraswathi

"Saraswathi – Goddess of Creativity (Indian Mythology) by Atma Studios." Designed by Atma Creative Team from India.

Vector Saraswathi 93 in Desktop Wallpaper Calendar: April 2011

Spring Is Coming

"Go outside with Nerd !" Designed by Nerdart Team from Poland.

Spring Is Coming 73 in Desktop Wallpaper Calendar: April 2011

Poster Bunny

"A cheeky poster bunny just couldn’t resist the tempting easter egg." Designed by Isis from Malaysia.

Poster Bunny 43 in Desktop Wallpaper Calendar: April 2011

The Infanta

"A remake on the Infanta Margarita from Las Meninas by Velazquez." Designed by Cindy Zhang from USA.

Infanta 29 in Desktop Wallpaper Calendar: April 2011

April Showers Bring May Flowers

"This is based on the proverb “April showers bring May flowers”." Designed by Jusna Begum from UK.

April Showers Bring May Flowers 80 in Desktop Wallpaper Calendar: April 2011

Ghilli Du

"This is a digital illustration made for giclee printing, inspired by the performancedone by Titi Dimak for my performance art video “The Inanimate.” http://vimeo.com/17354393." Designed by Riki K. from USA.

Du 35 in Desktop Wallpaper Calendar: April 2011

Steve In A Pit

"Here, Steve the dog is in a bit of trouble as he wakes up at the edge of a pit. It might be endless, but then againit might be ten foot deep. Either way, PERIL AND ADVENTURE ENSUES!" Designed by Michael Georgiou from United Kingdom.

Steve Pit 1 in Desktop Wallpaper Calendar: April 2011

Bonus: Smashing Twitter Icons

"The wallpapers consist of about 5000 genuine, original, most beautiful twitter icons harvested over a period of time on twitter. The wallpaper sized 2000×2000 consists of all 5000, the rest fit less." Designed by Agnieszka Anna from USA.

Smash Twitter 66 in Desktop Wallpaper Calendar: April 2011

Join in next month!

Please note that we respect and carefully consider the ideas and motivation behind each and every artist’s work. This is why we give all artists the full freedom to explore their creativity and express emotions and experience throughout their works. This is also why the themes of the wallpapers weren’t anyhow influenced by us, but rather designed from scratch by the artists themselves.

A big thank you to all designers for their participation. Join in next month!

What’s your favorite?

What’s your favorite theme or wallpaper for this month? Please let us know in the comment section below.

(ik) (vf)


© Smashing Editorial for Smashing Magazine, 2011. | Permalink | Post a comment | Smashing Shop | Smashing Network | About Us
Post tags:


Desktop Wallpaper Calendar: April 2011

Advertisement in Desktop Wallpaper Calendar: April 2011
 in Desktop Wallpaper Calendar: April 2011  in Desktop Wallpaper Calendar: April 2011  in Desktop Wallpaper Calendar: April 2011

We always try our best to challenge your artistic abilities and produce some interesting, beautiful and creative artwork. And as designers we usually turn to different sources of inspiration. As a matter of fact, we’ve discovered the best one — desktop wallpapers that are a little more distinctive than the usual crowd. This creativity mission has been going on for almost two years now, and we are very thankful to all designers who have contributed and are still diligently contributing each month.

We continue to nourish you with a monthly spoon of inspiration. This post features 35 free desktop wallpapers created by artists across the globe for April 2011. Both versions with a calendar and without a calendar can be downloaded for free. It’s time to freshen up your wallpaper!

Please note that:

  • All images can be clicked on and lead to the preview of the wallpaper,
  • You can feature your work in our magazine by taking part in our Desktop Wallpaper Calendar series. We are regularly looking for creative designers and artists to be featured on Smashing Magazine. Are you one of them?

Pablo Cesar

"Pablo Cesar — not exactly a lone ranger — yet here he is, to defend your right to publish." Designed by Inet-design from Denmark.

Pablo Cesar 66 in Desktop Wallpaper Calendar: April 2011

Sakura

"Spring is finally here with its sweet Sakura’s flowers, which reminds me of my trip in Japan last year. Pray and support Japan !" Designed by Laurence Vagner from France.

Prunus 48 in Desktop Wallpaper Calendar: April 2011

Glowing Subway

"Well, I am still learning Blender 2.5 and so I wanted to create a nice wallpaperwith this program. I tried to use different techniques to realise this picture, such asEnvironment and Indirect Lightning and I desired to experiment Depth of Field." Designed by Claudio Lione from Germany.

Glowing Subway 32 in Desktop Wallpaper Calendar: April 2011

April Promise

Designed by Jonathan Carroll from Scotland.

April Promise 6 in Desktop Wallpaper Calendar: April 2011

Blooming

"Blooming tulips- a sign that spring is truly here." Designed by Britt Wilcox from USA.

Blooming 35 in Desktop Wallpaper Calendar: April 2011

Championship

"Time for hockey!" Designed by Jaro Mlkvy from Slovakia.

Championship 4 in Desktop Wallpaper Calendar: April 2011

Sun/clouds

"Enjoy the first warm sunrays in April! (at least in Middle Europe)." Designed by Marco Palma from Italy/Germany.

Sun 82 in Desktop Wallpaper Calendar: April 2011

Typeholic

Designed by Knsqnt Interactive from Germany.

Typeholic 26 in Desktop Wallpaper Calendar: April 2011

Two Birds

"Welcome, Spring! :)." Designed by Anca Varsandan from Romania.

Two Birds 17 in Desktop Wallpaper Calendar: April 2011

April Showers

"April showers bring May flowers and umbrellas. This is my daughter posing under the greenery." Designed by Kerry Shellborn from Canada.

April Showers 33 in Desktop Wallpaper Calendar: April 2011

Spider Web

Designed by Sureshsathanur from India.

Spider Web 68 in Desktop Wallpaper Calendar: April 2011

Usher In The Year Of The Rabbit

"Everyone gets a chance to play the fool this coming April’s Fool." Designed by Siewhui from Singapore.

Hand 58 in Desktop Wallpaper Calendar: April 2011

Help Japan

"Being Japanese Canadian and watching the devastation in Japan on television is heart breaking. I can only imagine how my friends and family living in Japan must feel. I admittedly avoided seeing images of the aftermath for at least a day or two, worried that I would start to cry. Instead I donated money and hoped that the reports I was hearing were exaggerated. Once I saw the scale of the destruction and finally saw images and video of what was happening in Japan, my heart started hurting. On the one hand I was happy to know my family was safe, however, on the other hand I knew this would be the start of even harder times for Japan, especially regarding their recent economic struggles. I could not just sit by and pray or hope, I needed to find a way to raise more funds.This is a wallpaper version of the second design in a Help Japan poster series representing the grace and calm that the Japanese people displayed when a tragic act of nature was struck upon them.All profits from the sale of the posters in the series will go to the Canadian Red Cross efforts for the victims affected by the recent tsunami and earthquakes." Designed by Linda Nakanishi from Canada.

Helpjapan 77 in Desktop Wallpaper Calendar: April 2011

The Smashing Wall

"The Smashing Wall showcases a new concept of creating virtual shelves or menus so that one can place the desktop icons in the slots provided to create a beautiful virtual effect and a super neat desktop wallpaper with all icons sorted in one place." Designed by Chetan from India.

The Smashing Wall 52 in Desktop Wallpaper Calendar: April 2011

Something Wrong

"We are a group of young Syrians, we create and publish CC licensed comics on our website. This wallpaper was created for our pilot series (Something Wrong)." Designed by Homeless from Syria.

Something Wrong 48 in Desktop Wallpaper Calendar: April 2011

Springlight

"We love spring colors – from pastels to neutrals to bright colors!" Designed by Lotum from Germany.

Springlight 63 in Desktop Wallpaper Calendar: April 2011

Psychedelic Spring Fairy

"The reference photo of the fairy was taken by Marcus Ranum." Designed by Andrei Verner from Russia.

Psychedelic Spring Fairy 46 in Desktop Wallpaper Calendar: April 2011

Easter Flower

Designed by Nathalie Lansbergen from the Netherlands.

Easter Flower 9 in Desktop Wallpaper Calendar: April 2011

Fool’s Day

"April 1st is Fool’s Day. Don’t be afraid of being fool on other days, too." Designed by Olivia Osik from Estonia.

Fools Day 51 in Desktop Wallpaper Calendar: April 2011

Silly Sheep

Designed by Pietje Precies from The Netherlands.

Silly Sheep 14 in Desktop Wallpaper Calendar: April 2011

Spring Is Here

"Wishing all of you a colourful and cheerful spring!" Designed by Ron Gilad from Israel.

Spring Is Here 20 in Desktop Wallpaper Calendar: April 2011

Alien

"he Fools’ day is not the only holiday april is known for. Where is also april 12 – Cosmonautics Day in Russia. That day in 1961 the first man ever circled Earth in a spacecraft." Designed by Cheloveche.ru from Russia.

Alien 76 in Desktop Wallpaper Calendar: April 2011

Calendar Mz

Designed by Mz from Poland.

Calendar3 33 in Desktop Wallpaper Calendar: April 2011

April Showers

"Artwork from QR Codes." Designed by Jason Smith – Layer One Graphics from USA.

April 14 in Desktop Wallpaper Calendar: April 2011

Illustration

"An Art Nouveau inspired piece to give warmth and happiness at the start of spring. One of the flowers associated with spring is the daffodil and I used this within my design so that the the girls long flowing hair and ballet-like stance created this beautiful flower." Designed by Heather Williams from United Kingdom.

Flower Girl 65 in Desktop Wallpaper Calendar: April 2011

Temple Of Icons

"The story of the battle from the Temple of the Desktop Icons, fiercely guarded by the Dragon and the seven ninja warriors." Designed by Pal Ovidiu from Romania.

Temple Of Icons 93 in Desktop Wallpaper Calendar: April 2011

Scissors Trap

"These scissors have made a trap in a quite recursive manner. It`s not supposed to blow your head out of laughing, but when it puts a smile on your face it`s just fine :)." Designed by Marek Chrenko from Slovakia.

Scissors Trap 74 in Desktop Wallpaper Calendar: April 2011

Vector Saraswathi

"Saraswathi – Goddess of Creativity (Indian Mythology) by Atma Studios." Designed by Atma Creative Team from India.

Vector Saraswathi 93 in Desktop Wallpaper Calendar: April 2011

Spring Is Coming

"Go outside with Nerd !" Designed by Nerdart Team from Poland.

Spring Is Coming 73 in Desktop Wallpaper Calendar: April 2011

Poster Bunny

"A cheeky poster bunny just couldn’t resist the tempting easter egg." Designed by Isis from Malaysia.

Poster Bunny 43 in Desktop Wallpaper Calendar: April 2011

The Infanta

"A remake on the Infanta Margarita from Las Meninas by Velazquez." Designed by Cindy Zhang from USA.

Infanta 29 in Desktop Wallpaper Calendar: April 2011

April Showers Bring May Flowers

"This is based on the proverb “April showers bring May flowers”." Designed by Jusna Begum from UK.

April Showers Bring May Flowers 80 in Desktop Wallpaper Calendar: April 2011

Ghilli Du

"This is a digital illustration made for giclee printing, inspired by the performancedone by Titi Dimak for my performance art video “The Inanimate.” http://vimeo.com/17354393." Designed by Riki K. from USA.

Du 35 in Desktop Wallpaper Calendar: April 2011

Steve In A Pit

"Here, Steve the dog is in a bit of trouble as he wakes up at the edge of a pit. It might be endless, but then againit might be ten foot deep. Either way, PERIL AND ADVENTURE ENSUES!" Designed by Michael Georgiou from United Kingdom.

Steve Pit 1 in Desktop Wallpaper Calendar: April 2011

Bonus: Smashing Twitter Icons

"The wallpapers consist of about 5000 genuine, original, most beautiful twitter icons harvested over a period of time on twitter. The wallpaper sized 2000×2000 consists of all 5000, the rest fit less." Designed by Agnieszka Anna from USA.

Smash Twitter 66 in Desktop Wallpaper Calendar: April 2011

Join in next month!

Please note that we respect and carefully consider the ideas and motivation behind each and every artist’s work. This is why we give all artists the full freedom to explore their creativity and express emotions and experience throughout their works. This is also why the themes of the wallpapers weren’t anyhow influenced by us, but rather designed from scratch by the artists themselves.

A big thank you to all designers for their participation. Join in next month!

What’s your favorite?

What’s your favorite theme or wallpaper for this month? Please let us know in the comment section below.

(ik) (vf)


© Smashing Editorial for Smashing Magazine, 2011. | Permalink | Post a comment | Smashing Shop | Smashing Network | About Us
Post tags:


  •   
  • Copyright © 1996-2010 BlogmyQuery - BMQ. All rights reserved.
    iDream theme by Templates Next | Powered by WordPress