Archive for the ‘Web’ Category

How to design a simple and professional layout? We’ll do it together in a few simple steps

layout

Update: We have released for free YIW Minimal, a XHTML/CSS template based on this psd layout. Download it for free!

In a past article we looked at some truly enticing websites, all linked by the common thread of simple, clean, and minimalistic styling. Their distinctive features? Highly reduced graphics, good typeset, very limited use of color, and a marked preference for white, grey, black.

Seeing as I find this style very appealing, today we’re going to draw a portfolio layout with Photoshop, concentrating on margin, alignment, and typeset details, and reducing the non-essential colors and graphic embellishments as much as possible. || Read more »

Beware of the client that says…

Beware of the client that says…

If it's true that opportunity makes a man a thief, then even more so, experience makes him clever. And strongly intuitive. And therefore, project after project, it gets easier to recognize at first glance - or first listen, maybe -...

No comments

Web design elements: form design

Web design elements: form design

In the last lesson, we looked form elements and their attributes. In this lesson, we'll look at how to structure forms using XHTML, how to apply basic styling, and the most standard layouts used.  (more...)

No comments

Which is the best editor for writing your code? Here’s a list of those most used by web designers

editor

One of the most important tools for a web designer is without a doubt an editor (IDE – Integrated Development Environment) with which to create the code that gives life to your projects. These applications help us to draft code...

6 comments

November: suggestions from the Editor

November: suggestions from the Editor

As we mentioned in this article, each month Your Inspiration Web offers you a new list of  "Editor's favorites", designed to promote fonts, articles, or resources found on the web. November was a great month: in our favorites you'll find a...

1 comment

How to project a minimalist layout? attention to the details

How to project a minimalist layout? attention to the details

According to Webdesignerledger it is one of the web design trends of 2010, according to others it is a style destined to remain timeless and a sign of good taste and refinement. The password is “Less is more”, that is:...

4 comments

From HTML to jQuery: how to show/hide boxes in a webpage?

From HTML to jQuery: how to show/hide boxes in a webpage?

Taking as a starting point a reader’s request I thought of providing this example to demonstrate the process of creation of a website’s section, from the HTML structure to the integration of jQuery. In this article we will show you...

No comments

Web design elements: forms (the basics)

Web design elements: forms (the basics)

Forms are the spirit of Internet. Without these elements, the Web as we know it today wouldn’t exist. Think about e-commerce sites, about administration panels, social networks, blogs (and related comments), without form. But, as it often happens, the most...

No comments

Free website template: present your portfolio online in a single webpage

vr1ieziq

We are about to introduce you with another free resource: this time it’s a website template that is developed in a single page and that will allow you to present your works on the web. After demonstrating to you, step...

85 comments

Want to learn jQuery but you don’t know where to start from? Custom animations

Want to learn jQuery but you don’t know where to start from? Custom animations

In the last lesson we took a quick look to the main default animations present in jQuery. But how to apply custom animations? Today, you gonna learn how to do it: let’s get started! (more...)

2 comments

October: Suggestions by the editorial staff

October: Suggestions by the editorial staff

This article inaugurates a new series of articles that will promote on a monthly basis the “editorial staff’s favorites”. We, the people of YIW try to cut out small fractions of time everyday to surf the web in search of...

1 comment

Wanna learn jQuery but you don’t know where to start from? Inline styles, predefined effects

Wanna learn jQuery but you don’t know where to start from? Inline styles, predefined effects

In the last lesson we further modified our interrupter, supplying it with a unique link for switching the lamp on and off, and we saw how to apply a simple effect through the appropriate adding of a class to the...

1 comment

Tendencies: illustrations in webdesign

Tendencies: illustrations in webdesign

I don’t know whether you have also noticed or not, for some time up to now, comics, mangas and cartoons wink at us everywhere. It is the ultimate trend: banned are the boring company pictures of photolia, at large are...

No comments