Menu Search
Jump to the content X X
Smashing Conf New York

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

Author:

The Smashing team loves high-quality content and cares about the little details. Through our online articles, Smashing Books, eBooks as well as Smashing Conferences, we are committed to stimulating creativity and strengthening the web design community’s creative forces.

Twitter: Follow The Smashing Editorial on Twitter

Google Profile: https://plus.google.com/116812091267698107544

Facebook: smashmag

28 Ideas And Examples Of Amazing Paper Art

The times when paper was considered to be the primary medium for artistic expression is long gone. Many writers and designers use digital media to improvise and develop their ideas. However, there is something particuliar in this "physical" canvas — something that keeps us getting back to paper when we want to brainstorm ideas in a notebook, doodle around in a sketchbook, collect inspiration in a scrapbook or just draw some sketches for the next project. [Links checked & repaired March/06/2017]

Paper Tunnel

In fact, paper is even more powerful than that. It is a very flexible medium. You can use it paper only for giving your ideas and feelings forms, but also as an expressive medium for creative artworks formed out of paper. You can create a sharp-edged paper plane or ship, but also form twisted curves of nature or complicated geometrical shapes. In this weekend's post we present a showcase of paper art; you wil find many beautiful carved, folded, cut out paper objects and realistic 3D paper sculptures, all using paper, cardboxes or even books as materials. Please make sure to follow the links to explore further works of the artists presented below.

Read more...

12 Free Icons to Charm Up Your Online Portfolio

Today we are glad to release a Designer's Portfolio Icon Set, a set with 12 original high-quality icons in the resolution 256×256px. This set was designed by MediaLoot and released especially for Smashing Magazine and its readers. Both layered PSDs and transparent PNGs are included. The set contains icons related to avatar, portfolio, brushes, mail / envelope, color palette, colored pencils, tablet, laptop computer, moleskine notebook, DSLR camera, easel with canvas and coffee cup. [Links checked March/03/2017]

MediaLoot Icon Set

You can use the set for all of your projects for free and without any restrictions. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. The set may not be resold, sublicensed, rented, transferred or otherwise made available for use. Please link to this article if you would like to spread the word.

Read more...

CSS 2.1 and CSS 3 Help Cheat Sheets (PDF)

Today we are glad to release two useful cheat sheets that will help you quickly look up the right CSS 2.1-property or an obscure CSS 3 property. The style sheets contain most important properties, explanations and keywords for each property. The CSS 2.1 Help Sheet covers Syntax, Font, Text, Margins, Padding, Border, Position, Background, List, Media Types and Keywords.

The CSS 3 Help Sheet contains code snippets for Rounded Corners, Box Shadow, Multiple Columns, Text Shadow, RGBa, Font Face (actually, not the CSS3 property, but still include for the sake of usefulness), Box Sizing, Box Resize, Outline and Gradients. The help sheets were created by GoSquared and released for Smashing Magazine and its readers.

You may be interested in the following related posts:

Read more...

Women In Web Design: Group Interview

A couple of weeks ago we published the article Expert Advice for Students and Young Web Designers, in which we presented a group interview with professional designers and developers. We tried to find answers to questions that are particularly useful and interesting for those just starting to design websites for a living or considering diving into the Web design industry.

Screenshot

In the comments to that article, many readers wished we’d invited more female designers on the panel — in particular because, “There is no way of discerning how the experience of a female designer might differ, simply because there is a complete lack of representation.” So, we decided to prepare an article featuring specifically professional women designers giving their expert advice for young Web designers.

Read more...

Vi Cheat Sheet / Linux Terminal Cheat Sheet (PDF)

We've been releasing many icon sets and WordPress themes on Smashing Magazine, yet today we are glad to announce the release of a bit different freebie. This post features a VI Help Sheet, a cheat sheet for the VI Editor, for all web-developers out there who are working on Linux. The help sheet was designed by GoSquared and released for Smashing Magazine and its readers. [Links checked March/06/2017]

The cheat sheet contains terminal commands for modes and controls, inserting text, cursor navigation, deleting text, searching and replacing. Download it. Print it. Stick it on the wall and get commanding.

Read more...

750 Web Designer Icons [Freebie]

There are thousands of free icon sets out there, and every other day we see new sets being released by the design community. In fact, Smashing Magazine has been releasing icon sets for years now, too. But today's release is a bit different. Over the last 1.5 years, Oliver Twardowski was designing and preparing an "ultimate web designer's icon set" exclusively for Smashing Magazine and its readers. Today we release the third, final version of the set, an extensive pack with over 750 free icons (48×48px) for designers and Web developers. The .PSD-sources are available for free download as well. [Links checked & repaired March/06/2017]

Iconset Addictive Flavour

The set consists of web application icons, user interface icons, e-commerce icons, general use icons, desktop icons, blog icons, smiley icons, button icons, keyboard icons, national flags icons, popular online services icons and many others.

Read more...

Imperial Porcelain: Free Icon Set

Today we are glad to release Imperial Porcelain Icons Set, a set with 5 beautiful original icons in .png (160×160px). This set was designed by Roman Khramov and released especially for Smashing Magazine and its readers. It can be used in various settings — for instance, on hotel and restaurant websites, in e-commerce-sites or even on food-related blogs. [Content Care Dec/19/2016]

Imperial Porcelain Icons Set

You can use the set for all of your projects for free and without any restrictions. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. The set may not be resold, sublicensed, rented, transferred or otherwise made available for use. Please link to this article if you would like to spread the word.

Read more...

50 Stunning Free High-Quality Icon Sets

Today we are glad to provide our readers with a yet another round-up of high-quality icon sets that perfectly suit this time of year. Below, you will find free sets covering a wide range of subjects. Please read the license agreements carefully before using the icons, and feel free to follow the links: they will certainly come in handy when you're designing a new website or looking for inspiration. [Links checked & repaired March/10/2017]

Free Icon Sets - Comfi Icon Set

Please notice that we do know that round-ups of icon sets are getting old; but because these round-ups are always useful and handy, we are keeping doing them. Most of the icons featured below are new, some are a bit older. Let us know if you'd like to have more or less similar round-ups in the comments to this post. Thank you!

Read more...

45 Fresh Useful JavaScript and jQuery Techniques and Tools

Yes, this is another round-up of fresh and useful Javascript techniques, tools and resources. But don't close the tab yet, as you might find this one very useful. In this selection we present calendars, forms, buttons, navigation, debugging, optimization and compatibility tables as well as handy resources and tools. We also cover various jQuery-plugins that will help you extend the functionality of your website and improve user experience with ready components or coding solutions.

jDigiClock - Digital Clock (HTC Hero inspired)

The last section also covers a number of useful educational resources such as a compilation of useful JavaScript coding practices, a detailed comparison of JavaScript frameworks and general JavaScript programming conventions. We are looking forward to your feedback.

You may be interested in the following related posts:

Read more...

↑ Back to top