March 2nd, 2010

Logo Design Inspiration: 65+ Brilliant Fresh Designs

ldibfd 04 150x150 Logo Design Inspiration: 65+ Brilliant Fresh Designs

A Logo is a graphical element that, together with its logotype (a uniquely set and arranged typeface) form a trademark or commercial brand. Typically, a logo’s design is for immediate recognition. The logo is one aspect of a company’s commercial brand, or economic or academic entity, and its shapes, colors, fonts, and images usually are different from others in a similar market. Logos are also used to identify organizations and other non-commercial entities.

March 1st, 2010

How We’ll be Building Websites in 5 years: HTML5 and CSS3 layout

HTML5 CSS3 layout 150x150 How We’ll be Building Websites in 5 years: HTML5 and CSS3 layout

HTML5 is the next big thing in the land of web developers, so I figured the best way to show you how it’s all gonna come together is by giving you a lesson on how to make your own HTML5 and CSS3 layout. Although this isn’t a practical solution to building websites today, in a couple of years it’s going to make our lives so much easier.

February 26th, 2010

Design a Prettier Web Form with CSS 3

tutorial forms css3 150x150 Design a Prettier Web Form with CSS 3

Thanks to advanced CSS properties, such as gradients and shadows, it’s now quite easy to turn a dull web form into something beautiful – with minimal effort. I’ll show you how in today’s tutorial!

Subtle background gradients give depth to the fields while shadows lift them from the page. Even more impressive is that this is done without any images at all.

By following this tutorial you will not only end up with a lightweight and beautiful form, you’ll also learn and understand new CSS3 techniques, such as box-shadow, gradients, opaque colors, and rounded corners.

February 22nd, 2010

45 Awesome Colorful Logo Designs and Tutorials For Your Inspiration

03 colorful logo 150x150 45 Awesome Colorful Logo Designs and Tutorials For Your Inspiration

There are those times when starting a new project that we ask “what colors do you want me to design with?”, and we get the answer we always thought we wanted to hear…there are no specific colors and we can use our imagination.  The opportunities are endless, and that is sometimes a problem.  With this perceived lack of limits it can sometimes be difficult to find focus and direction in our designs.

Where do we start?  What colors work best? When developing a full color logo and  we don’t know where to begin, we should look to be inspired by the best in order to keep the creativity flowing.

In this article, you’ll find 45 awesome colorful logos and tutorials to inspire you the next time you are going to design for yourself or a client

February 21st, 2010

30 Free Fonts Best for Business Logos

pict 30 Free Fonts Best for Business Logos

We all know, it’s very important to choose the right font when working on a logo design. When speaking about business logos, we usually mean logos which are elegant, clean and not too fancy. So what kind of fonts should we be using? What kind of logos will make my logo look best? Instead of answering these questions, check the collection of 30 free business fonts below I put together just for this purpose.

February 19th, 2010

44 Awesome Business Card Designs that Will Inspire You

17 austinwalsh photography 150x150 44 Awesome Business Card Designs that Will Inspire You

Business-minded people are into creating ways to advertise and get in touch with important and influential people in the society. Handing out business cards is a great way to get noticed and remembered. Traditionally, business cards are small pieces of paper containing basic information such as name, contact information and the like… Very practical indeed… However, practical can also be mixed with style and creativity to create more impact to the person who receive the card. The more unique the card is, the greater chance of being noticed…

In this post, we have compiled 44 Impressive Examples of Business Card Designs for all business card users out there. Check out this list we have came up with and be inspired to create the perfect business card for your self, organization, company or any other uses this card may be utilized for. Start creating and get noticed!!!!

February 18th, 2010

50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms)

50 css and javascript techniques for layouts 50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms)

Although CSS is generally considered a simple and straightforward language, sometimes it requires creativity, skill and a bit of experimentation. The good news is that designers and developers worldwide often face similar problems and choose to share their insights and workarounds with the wider community.

This is where we come in. We are always looking to collect such articles for our posts so that we can deliver the most useful and relevant content to our readers. In this post, we present an overview of useful CSS/jQuery coding tips, tricks and techniques for visual effects, layouts and web form design to help you find solutions to the problems you are dealing with or will have to deal with in future.

February 18th, 2010

Pure CSS3 bokeh effect with some jQuery help

bokeh css3 e1266433926728 150x150 Pure CSS3 bokeh effect with some jQuery help

Bokeh – In photography, bokeh is the blur, or the aesthetic quality of the blur, in out-of-focus areas of an image, or “the way the lens renders out-of-focus points of light.” (from Wikipedia). I’m pretty sure you’ve seen this effect before, since there are loads of wallpaper roundups and tutorials using this technique. Currently, one of my favourite wallpapers has to be this bokeh effect from -kol.

Today, I want to add another addition to the bokeh “hype”, by creating a pure CSS3 bokeh effect. With some help from jQuery, we can add some randomness in colour, size and position for the effect.

February 17th, 2010

Coding a CSS3 & HTML5 One-Page Website Template

Coding a CSS3 HTML5 One Page Website Template – Tutorialzine 1266358716644 150x150 Coding a CSS3 & HTML5 One Page Website Template

Web development is an area in which you have to keep up with the latest technologies and techniques, so that you are at the top of your game.  And no wonder – this is an area which changes with an amazing pace. What is the standard now will be obsolete in just a couple of years.

But changes do not come from nowhere. The early adopters are already using what we are going to use day-to-day a few years from now. One of these technologies is HTML5 – the new version of the fundamental language of the web.

February 16th, 2010

Design Trend Showcase: 30 Horizontal Websites

Horizontal Websites

Horizontal websites have been increasing in popularity over the past year or two. Although the approach isn’t a good fit for every project, a horizontal layout can provide designers with an opportunity to showcase some creativity and to break out of the box. As you may notice from the sites showcased here, portfolio sites  of designers and photographers are probably the most likely type of site to use a horizontal layout right now. Here is a look at 30 sites for your own inspiration.