Design

Design

CSS Architectures #1: Principles of Code Cleanup and the New Best Practices

April 15th, 2013
by
CSS Architectures #1:  Principles of Code Cleanup and the New Best Practices

Box-Models in Real Life Can Come Over Complicated, too

All too often, the CSS for major (and minor) websites is a textbook case of code bloat and redundancy, with lines of code that boast unnecessary use of qualifier elements, overly specific selectors from unnecessarily long selector chains, overdependence on descendent selectors when...

Design

Instant Inspiration: Niice.co, a Brand-new Search Engine for Designers Sparks Your Creativity

April 13th, 2013
by
Instant Inspiration: Niice.co, a Brand-new Search Engine for Designers Sparks Your Creativity

Niice.co: The Homepage

Did your muses sneak out the back-door without even leaving a message on the bathroom mirror? Didn't you just have this wonderful idea for this next web project? No? I thought so. When the only thing running properly is your nose and the only sparks flying burn your skin, it is high time you...

Design

uiFaces: Placeholder Service for Avatars in Design Mock-ups

March 23rd, 2013
by
uiFaces: Placeholder Service for Avatars in Design Mock-ups

uifaces-start-w550

We have been introducing you to placeholder services frequently. This new app by the name of uiFaces, that we want to show you today, does not stand in line, though. It covers a rather unique aspect of modern design, the integration of Social Media. With uiFaces you can easily integrate social network areas into your...

Design

40 Entertaining Infographics Plus Some Tips On Creating Your Own Using Photoshop

March 4th, 2013
by
40 Entertaining Infographics Plus Some Tips On Creating Your Own Using Photoshop

Photo Credits: Lauren Manning via photopin cc

Infographics are popular. They help reduce complex coherences to simplified illustrations. Information gets visualized. The best infographics are self-explanatory, needing almost no text at all. A picture is worth a thousand words, they say. And it's true. In this collection, we share with you 40 entertaining infographics on popular topics...

Design

40 Matte Paintings To Push You To Real Photoshop Artistry

February 25th, 2013
by
40 Matte Paintings To Push You To Real Photoshop Artistry

matte1 Traditionally, matte paintings stem from the movie industry. Used as extensions of a film setting, they provide more depth to the whole scene and removing the limitations of a studio location. Today, with green and blue screen techiques, these paintings are still in heavy use, while - certainly - digitally created backgrounds took over the heritage from their...

Design

CSS3 Lifelike: A Slightly Different Box Model with {box-sizing:border-box}

February 20th, 2013
by
CSS3 Lifelike: A Slightly Different Box Model with {box-sizing:border-box}

real-world-box-w550

The classical box model in CSS has never been the most intuitive. Thanks to CSS3, we now have an alternative to consider: {box-sizing:border-box}. This model has lots of advantages, especially when it comes to flexible layouts.

Design

Photoshop Etiquette: Basic Knowhow for Designing The Web Using Photoshop

February 18th, 2013
by
Photoshop Etiquette: Basic Knowhow for Designing The Web Using Photoshop

photoshop-etiquette-homepage Adobe's Photoshop still is the market's most common and most popular choice for professional designers. Besides photography and print design, which Photoshop once got invented for, it is widely used in the designing of websites, too. The last ten years saw the product grow in functionality especially in terms of web design features. A large...

Design

CSS Rooted: Flexible Type Sizes With REM

February 12th, 2013
by
CSS Rooted: Flexible Type Sizes With REM

Best practices of defining font sizes are discussed throughout the web since its inception. Besides the traditional candidates, such as px, em and %, rem represents a fairly new alternative, taking the best of the other units and combining them into one.

Design

HINT.css – Tooltips In Pure CSS3 And HTML5, No JavaScript Needed

February 8th, 2013
by
HINT.css – Tooltips In Pure CSS3 And HTML5, No JavaScript Needed

Tooltips in HTML pages general do not need any effort from a developer's side, as long as they put proper title attributes to their elements. The title is then used for showing the tooltip, but also for other things, such as providing a screen reader with proper content. Speaking of the use case of...