Fresh Breath of Polygonal Style in Website Design

Nataly Birch  •  Inspiration  •  April 7, 2014
Fresh Breath of Polygonal Style in Website Design

Polygonal style has definitely found renewed interest. Amid extensive use of flat style graphics, visual storytelling solutions, rich content media approaches and a great deal of websites based on dynamic layouts, polygonal style — which was enormously popular several years ago — has recently found renewed life as an emerging design trend. So what has actually...

Tutorial: Make a Landing Page Using Generator

David East  •  Tutorials  •  April 4, 2014
Tutorial: Make a Landing Page Using Generator

Designmodo’s Generator works with Startup Framework to create an easy drag and drop landing page for almost any website/startup. The two-part video tutorial shows you how easy it is to use Generator and the and share your design as you create in directly in the browser. The tool includes a variety of interchangeable blocks that can be mixed and matched to create a custom...

(Re)Adopting the Design-in-Browser Approach

Matej Latin  •  Design  •  April 3, 2014
(Re)Adopting the Design-in-Browser Approach

I sat down and was going back from drawing a website to actually coding in a browser. It seemed hard and maybe even impossible. I was scared. Could I do this? But how hard could it be? I’ve done this before … I got so used to designing (drawing) websites in Adobe Photoshop that I didn’t know where to start. Then I realized that I had already done it in the past with far...

Useful Free Adobe Illustrator Tutorials

Adrian  •  Resources  •  March 31, 2014
Useful Free Adobe Illustrator Tutorials

If someone prefers web and graphic designing, he or she should take a session under Adobe Illustrator Tutorials. Initially, it seems tough to adopt the software and run it. Well, Adobe Illustrator smooth the process. Passionate designing meets a new level with Illustrator. One cannot ignore the tutorials either as they offer developed tools to improve designing. First time...

How to Use steps() in CSS Animations

Joni Trythall  •  Coding, CSS3  •  March 31, 2014
How to Use steps() in CSS Animations

I am guessing that many of you have found steps() to be confusing when using it in CSS animations. I wasn’t sure how or why to use it at first and searching seems to produce two main examples: A typing demo by Lea Verou and an animated sprite sheet by Simurai. These examples are genius and really helped me begin to understand this special little timing function, but they are...

5 Proven Ways to Make “No Results” Pages Work for You

Armen Ghazarian  •  Design, UX Design  •  March 31, 2014
5 Proven Ways to Make “No Results” Pages Work for You

Nowadays you can hardly find a website that doesn’t have a search bar regardless of whether or not it really needs one. The idea of having all possible features installed on your website “just in case” may actually prove to work not for but against you. The truth is not every website should have a search bar, because not every website can handle it. If your website has a...

How to Get Inspired: the Right Way

William Channer  •  Inspiration  •  March 30, 2014
How to Get Inspired: the Right Way

In an Office Hours session I recently held, somebody asked Jason Santa Maria where he got his inspiration from, “I usually go for a walk” he promptly responded. Whilst this is valuable advice, it still exemplifies the inherent nature of inspiration; nobody knows where it comes from. We designers go through erratic creative mood swings, one moment we’re on the...

Playing with CSS3 Animations

Vincent Tantardini  •  Coding, CSS3  •  March 28, 2014
Playing with CSS3 Animations

I would like to share with you a personal experience I had while trying to build advanced visual animations with CSS keyframes. The topic we’re going to address is animating several HTML elements simultaneously and taking advantage of keyframe flexibility. To explain this subject, we will create a simple fluid menu based on four squares. Clicking on one of them will...

Free Responsive Website HTML and CSS Templates

Adrian  •  Resources  •  March 27, 2014
Free Responsive Website HTML and CSS Templates

Love it or hate it, but HTML and CSS templates are one of the most sought-after free products. Though it would seem that coding an elementary web page populated with simple boxes, sliders, images and text is a really piece of cake, actually sometimes it takes nerve to create a basic html layout spiced up with regular CSS styles. Moreover, if this is a part of a standard...

Animated Gifs is a New Way of Good App Presentation

Nataly Birch  •  Inspiration  •  March 27, 2014
Animated Gifs is a New Way of Good App Presentation

Everything has a habit to return, and gif animations that for a long time lost its dominance, popularity and utility among developers has taken a fighting stance nowadays. Although it is still the same array of images that are consistently shown, yet there are no more rough plain transitions between frames that in the good old days recreated a sense of a quite abrupt video...