Archive for the ‘Tutorial’ Category

Tips & tricks: how to optimize a website for mobile devices

The huge development and usage of mobile devices makes us pay a close attention to this market of potential clients that will accede the website we’re creating with a far lower resolution respect to the standards (320 x480 tells you something?). In this article I’ll give you a few hints on how it’s possible to optimize the website or part of it, for a better usabilty on these mobile devices. In the following examples I’ll use iPhone as a reference.

|| Read more »

How to semplify your life and design a great layout

striking

I receive a lot of e-mails from web designers or presumed web designers that quoting their words are “denied   for all that concerns graphic and design” and they ask me how to improve themselves and build up attractive sites without...

10 comments

How to implement an online payment: First step (1/6)

How to implement an online payment: First step (1/6)

In this series of articles we will see how it is possible to implement online payments in your own website through a credit card. We will be relying obviously on a company specialized in on-line transactions and in our case...

17 comments

Tutorial + Psd: creating a professional Vcard in a few steps

Tutorial + Psd: creating a professional Vcard in a few steps

A week ago we talked about the VCard phenomenon: what they were, how they could be used and also which were the main characteristics of an efficient VCard. Today it's the time to put into practice what we learned, trying...

9 comments

Typography and minimalism: let’s design a simple and nice layout

pillolaphp

One of the most common perplexities that I’ve heard saying regarding the typographic style is: yes, it’s fine, cute, creative… but it’s not a style suitable for a company site, corporate, no indeed. It’s certainly a particular style, eclectic if...

4 comments

PHP Tips – Manage correctly file inclusion

PHP Tips – Manage correctly file inclusion

In this article we’ll treat a quite simple argument but if badly managed can lead to big problems, the topic is the inclusion of files. According to my experience I established three golden rules that should be enough; if you...

8 comments

How to transfer your site in Joomla from local to remote?

How to transfer your site in Joomla from local to remote?

To develop in a best way a web site, it’s a good habit to always create a copy in local on your computer, this mini-guide will follow you step by step from the installation in local of the CMS Joomla...

3 comments

Do you want to implement ajax features but you don’t know how?

Do you want to implement ajax features but you don’t know how?

Ajax is always more and more diffused and common in various websites, at times even when it's not necessary, but after all this happens somehow with everything.  If you are attracted by this technology but you don't know where to...

4 comments

How to design a layout in organic style? tutorial + psd

How to design a layout in organic style? tutorial + psd

It's ufficial: the holidays are over. Let's try to win the last summer hiccups and roll up our sleeves, after all we have a lot of novities in reserve that it's unthinkable not to fully work. Few days before the...

26 comments

How to build a dynamic and maintainable navigation

How to build a dynamic and maintainable navigation

In this article we will see how we can create a navigation that is able to highlight the current page in menu items like this example. As you can see, the style of the menu item applied to the page displayed is...

8 comments

How to design a layout in magazine style? tutorial and psd

How to design a layout in magazine style? tutorial and psd

Our guide on styles of web design continues: new round, new tutorial… this time it’s the turn of a layout in magazine style, realized on the base of the characteristics and on the trends analyzed in the precedent article. Like...

24 comments

From PSD to XHTML: How cut a layout with Photoshop?

From PSD to XHTML: How cut a layout with Photoshop?

One of the most frequent when working on the web is the export of a layout from an image to XHTML + CSS. Unfortunately (and fortunately) there are still valuable tools to automate this task, so everything builds the skill and...

8 comments

How to design a layout in vintage style? tutorial and psd

How to design a layout in vintage style? tutorial and psd

Two weeks ago we analyzed the features of the vintage style in web design and we gathered plenty of resources and inspiration for creating our layout in this style. Thus, today we are going to design a simple homepage in...

20 comments

Do you want to use JSON but don’t know where to start?

Do you want to use JSON but don’t know where to start?

As time passes, and as 2.0 web applications become more popular, AJAX has become leader in the transfer of asynchronous data. Having said that, it has become evident that there's a need for a language which is versatile, easy to...

13 comments

How to create a joomla template? (part two)

How to create a joomla template? (part two)

In the first part of the article on the creation of a Joomla template, we left with a template draft. We saw how to set the work and how to create and position the modules. Now we're gonna act on...

16 comments

How to design a web 2.0 layout? tutorial and psd

styles

After having looked at the features and trends of the web 2.0 style, today we will draw up a third layout. After the corporate and grunge layouts, today it's time to create a 2.0 web layout for a website specialized in...

28 comments

How to create a joomla template? (Part one)

How to create a joomla template? (Part one)

In this article we will lay the groundwork for understanding the necessary techniques for making a joomla template, the famous CMS. Have you already tried but you gave up quick? You understood nothing while browsing the folders? Do you think...

22 comments

How to create an amazing grunge layout

stiliwebdesign

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...

49 comments

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