Create a Drop Down Menu with Search Box in CSS3 and HTML

Puneet Pugalia  •  CSS3, HTML, Tutorials  •  May 20, 2013
Create a Drop Down Menu with Search Box in CSS3 and HTML

Topic: CSS3 Difficulty: Intermediate Estimated Completion Time: 45 min In this tutorial, we will be creating a flat style navigation with a search box and dropdown menu from the Square UI. HTML Code The navigation is made up of an unordered list (.nav) containing various types of elements inside them: List items(LIs) which contain normal links do not have any...

Infographics and Statistics in Website Design

Nataly Birch  •  Inspiration, Websites Examples  •  May 19, 2013
Infographics and Statistics in Website Design

Quality website is based on three fundamental postulates: design, development and content. The latter has a greater impact on users rather than the first two since its changeable nature, at first place, attracts and wins users over. But what if the content – is statistics, which, to be completely honest, is not every user cup of tea. Numbers, numbers and again, plain numbers...

Double the Price of your Next Web Design Project

Brent Weaver  •  Design  •  May 18, 2013
Double the Price of your Next Web Design Project

Part of my job is consulting with web designers to help them make more money. I get to hear about a lot of pain within the web design community. It never fails. The #1 painful comment that I hear more than anything else is “we can’t get paid what we are worth.” Do you have this issue? Business owners are infamous for putting downward pressure on prices for website...

Trends: Going Bigger with Typography

Carrie Cousins  •  Design, Website Design  •  May 17, 2013
Trends: Going Bigger with Typography

I like big type and I cannot lie … OK, that’s not exactly how 1990s rap anthem by Sir Mix-a-Lot goes, but you get the idea. Big typography is trending in a major way. And that’s a good thing. The point of text in your design is to be read. From navigation, to blog entries to item descriptions for e-commerce, type is meant to be seen and understood. Going big is a great...

How to Combine Several Gradients in Adobe Illustrator

Iaroslav Lazunov  •  Adobe Illustrator, Tutorials  •  May 16, 2013
How to Combine Several Gradients in Adobe Illustrator

Topic: Adobe Illustrator Difficulty: beginner Estimated completion time: 15 minutes In this tutorial we will deal with some combination of gradient fills with the help of Blending modes, gradients with transparent sliders, and Opacity masks. These techniques allow us to create complex color blends, which typically have real world objects. Gradient Combining with the Help of...

Get a bit closer Showcase of Big Faces in Website Design

Nataly Birch  •  Inspiration, Websites Examples  •  May 15, 2013
Get a bit closer Showcase of Big Faces in Website Design

Every day we stumble upon marvelous websites that overwhelm us by creative truly unique designs, wonderfully incorporated animations and high-level technical side. However, generally majority of them remain impersonal and we don’t have a clue who is responsible for these sophisticated realizations. Certainly, not every site requires mandatory personalization but if we are...

Saying goodbye to Adobe Fireworks

Harish Chouhan  •  Resources, Tools  •  May 14, 2013
Saying goodbye to Adobe Fireworks

On May 6th 2013, I read that Adobe had decided to stop development of Fireworks. A sad news especially for me as I have been using it since 2001. I developed interest in the web thanks to a book titled “Teach yourself HTML in 24 hours” which my brother was reading back then, but it was only until I  used Fireworks that I realized how easy it was to design and create a...

Email Newsletter Designs Examples for Your Inspiration

Adrian  •  Inspiration  •  May 12, 2013
Email Newsletter Designs Examples for Your Inspiration

Newsletters, as you probably know, are publications about a general main topic, distributed with regularity to its interested subscribers. Most of the times, newsletters are an information providing tool to members, employees or customers, used by various clubs, societies, companies or businesses. But there are some newsletters designs that are directly sold to the...

Flat UI Pro – Bootstrap Design Framework

Adrian  •  Shop  •  May 8, 2013
Flat UI Pro – Bootstrap Design Framework

Prototyping just got easier and faster with Designmodo’s release of Flat UI Pro, a user interface kit made in the flat design style. The stunning kit contains basic components, glyphs, icons and a variety of buttons and other elements made in the super-trendy style. The Bootstrap-based kit contains everything a designer or developer needs to build a fully-responsive...

Exploration in Beverage-related Website Designs

Nataly Birch  •  Inspiration, Websites Examples  •  May 6, 2013
Exploration in Beverage-related Website Designs

Recently we have made a collection dedicated to food-inspired website designs that replete with stunning color schemes, massive use of textures and patterns, well-thought typography treatments, and, of course, mouthwatering images. Today is a beverage-related website designs’ turn to show itself in all its glory. Such type of websites, as well as others, is rich in...