How to create an amazing grunge layout

A few articles ago, we looked at the trends and features of grunge style; today we’ll create, step by step, a great layout in that style. We’ll choose a fictitious client, whom we’ll call (long live the imagination!) Your Inspiration Grunge and – following our readers’ suggestions – is a musician. Actually, as we’ll see shortly, they’re two Jazz musicians.

Are you ready? Let’s get started! || Read more »

How to export a psd into xhtml and css without losing your soul? (Part 2)

How to export a psd into xhtml and css without losing your soul? (Part 2)

Are you ready to "reassemble" the second part of the puzzle? In the previous lesson, we looked at how to create the general structure of a website using code. Now we will continue with the "reconstruction" process by looking at...

18 comments

Write and design with the dingbats

Write and design with the dingbats

If you think that the dingbats, or to be more precise the fonts composed by symbols are not so serious and almost useless, you have to start changing your mind. Elegant, nifty, humorous...there are for all tastes and needs. They...

11 comments

Design inspiration: find it with a walk

Design inspiration: find it with a walk

It is a concept that an employer cannot easily understand, but that’s how it is. It is useless to lock up a designer in a narrow room and impose on him to crank out masterpieces of creativity: inspiration, same as...

6 comments

Do you know there are other ways of using CSS selectors? (Part 2)

Do you know there are other ways of using CSS selectors? (Part 2)

Now that you have seen CSS base selectors, you might be wondering why one should bother with other selectors, since one can do everything with class and ID! There’s nothing more professional than being able to use css rules appropriately...

13 comments

Fun with JavaScript: jQuery and Konami Code

Fun with JavaScript: jQuery and Konami Code

Today we're going to take a small leap back in time to the year 1985, when a Konami developer (Kazuhisa Hashimoto) created the first version of Gradius (a video game for the Nintendo console). During game trials, Kazuhisa realized that...

18 comments

Styles in webdesign: the features of a grunge layout

Styles in webdesign: the features of a grunge layout

Now that we have looked at the characteristics of the corporate style and created a layout in Photoshop, today we will look at a style that has become a long-standing trend, Grunge. It’s easy to spot a website that has grunge...

19 comments

How to export a psd into xhtml and css without losing your soul? (Part 1)

How to export a psd into xhtml and css without losing your soul? (Part 1)

In this lesson we will divide and then recompose a website as if it was a puzzle using style sheets and (x)html. This is one of the most exciting aspects of web development as it allows you to follow closely...

16 comments

Do you know there are other ways of using css selectors? (Part 1)

Do you know there are other ways of using css selectors? (Part 1)

This is a topic that is shunned by a lot of developers. The difference between a professional designer and an improvised one is in the use of selectors. CSS or stylesheets serve to define the way in which content is...

17 comments

Unusual but beautiful: make your design more creative with this 25 fonts

Unusual but beautiful: make your design more creative with this 25 fonts

Nowadays, everyone knows that a great font can be the key to creating a successful graphic project. So, after having looked at the 25 best-looking handwritten fonts , today we will take a look at some peculiar-looking fonts which you...

12 comments

How to design a corporate/business layout?

stiliwebdesign

Last Monday we published an article which analyzes different styles existing within web design, highlights what the “corporate/business” style is anddiscusses what the main characteristics are. As we have promised, today we will design a great Photoshop layout for a...

37 comments

How to increase the performance of a website with CSS Sprites

How to increase the performance of a website with CSS Sprites

You’re created a website, maybe using our "How to build a website from A to Z” guide, but you’ve noticed that loading times are rather long. There could be many reasons to explain this behavior, and there are some small...

16 comments

How to design the internal pages after the layout is approved?

How to design the internal pages after the layout is approved?

In a previous lesson we looked at how to create a great layout of a website for a client. Once the draft is approved, you will need to work on the other internal pages. And once the home page is...

11 comments

Trends: Do you want to add a background wallpaper to your site?

Trends: Do you want to add a background wallpaper to your site?

It looks like web design in the future will focus less on graphics and other frills: soon enough, photos will most likely take over as the most popular tool for design. Large and definitely marvelous, photographs have decided to replace...

10 comments

30+ websites with amazing javascript effects

30+ websites with amazing javascript effects

The trend of the web? The use of original Javascript effects, which dynamize our web pages in a creative way. Easy to integrate and easy enough to manage, the javascripts enable interactive websites and with very fascinating animations. Besides, unlike...

16 comments

The future of the web: how we’ll create forms in HTML5

3f2ub53u

Lately a lot of people are talking about HTML5 and CSS3: currently the specifications being worked on by W3C are still in draft form but in the near future they're destined to completely revolutionize the way in which we're used...

56 comments

Styles in webdesign: the features of corporate/business layout

Styles in webdesign: the features of corporate/business layout

Graphic designers take advantage of certain design styles using them as part of the development phase in any graphic project. Whether it’s a brochure, an ad or a website, it’s not that important. Color palettes, image choice, typography, background, graphic...

23 comments

CSS Tips: how to center an element

CSS Tips: how to center an element

Often while developing a website, one can run into a variety of problems, causing a delay which will be spent looking for and testing possible solutions. This is why I’ve decided to start the present article, dedicated exclusively to these...

10 comments

How to present the graphic draft to the client?

How to present the graphic draft to the client?

Once you have created the layout of the website, you will have to present it to your client. The approval process of the draft has many aspects which are similar to the sales and marketing techniques employed throughout the business...

16 comments