Posts Tagged ‘web design’

[Photoshop Tutorial] Sleek Dark Header Design

March 4th, 2010

1. First things first. We want to create a new document with the size 1024×205.

» Read more: [Photoshop Tutorial] Sleek Dark Header Design

[Flash Tutorial] Avatar photo effect

February 26th, 2010

Read this thoroughly explained, detailed flash lesson and see how to create Avatar photo effect using some special flash tips and tricks. You don’t have to use action script code to make this effect. Using this lesson, you will also learn how to import any photo into a flash stage, how to convert it into a Movie Clip Symbol, how to apply flash filters on it and much much more. You can use this photo effect for some web banner or for some presentation. Let’s start!

Example:

» Read more: [Flash Tutorial] Avatar photo effect

[PHP Tutorial] Pivot tables

February 13th, 2010

In my work as developer I normally need to transform data from one format to another. Typically our data input are a database and we need to show database data into a report, datagrid or something similar. It’s very typical to use pivot tables. It’s not very dificult to handle pivot tables by hand but the work is always the same: groups by, totals, subtotals, totals per row …. Now I want to write a class to pivot tables in PHP with the most common requirements (at least for me). I know we can create pivot tables with SQL. Group by and some other database specific commands like oracle’s GROUP BY ROLLUP/CUBE can do the work, but I like clean SQL querys. The business logic must be in PHP and SQL must be as clean as we can.

» Read more: [PHP Tutorial] Pivot tables

[HTML Tutorial] Using ellipsis

February 10th, 2010

If the text is too wide to fit into a container, a nice solution can be to have ellipsis to show there’s more information available. While not currently part of the official HTML specifications, it is possible to have ellipsis defined in CSS and it works for Internet Explorer, Safari, Chrome and Opera. It doesn’t work for Firefox but there’s a workaround that can be done with jQuery.

» Read more: [HTML Tutorial] Using ellipsis

[Photoshop Tutorial] Gaming Navigational Menu

February 1st, 2010

In this tutorial you will learn how to create a professional, horizontal gaming navigational menu.

This will be your final result

» Read more: [Photoshop Tutorial] Gaming Navigational Menu

[Flash Tutorial] Disappearing text effect

January 27th, 2010

In this easy tutorial made for Flash 8, you will see how to create disappearing text effect with no Action Script.

» Read more: [Flash Tutorial] Disappearing text effect

[PHP Tutorial] Tabbed Ajax Content Pane

January 21st, 2010

Hello and welcome to my first tutorial!

Aims: By the end of this tutorial you will, hopefully, be able to create a simple tabbed content area.  This will allow users of your website to view a wide variety of content from an infinite number of tabs(within reason) all in one content space!

» Read more: [PHP Tutorial] Tabbed Ajax Content Pane

[Flash Tutorial] Rotating letter effect in text

January 1st, 2010

See this tutorial and learn how to rotate letters in series using some special flash tricks. You don’t have to use action script code to make this lesson.This tutorail is very simple to create but in the same time, you can use it for some text effect, banner, text animation…

» Read more: [Flash Tutorial] Rotating letter effect in text

[HTML Tutorial] Top 15+ Best Practices for Writing Super Readable Code

December 23rd, 2009

1. Commenting & Documentation

IDE’s (Integrated Development Environment) have come a long way in the past few years. This made commenting your code more useful than ever. Following certain standards in your comments allow IDE’s and other tools to utilize them in different ways.

Take this example:

The comments I added at the function definition can be previewed whenever I use that function, even from other files.

» Read more: [HTML Tutorial] Top 15+ Best Practices for Writing Super Readable Code

[Photoshop Tutorial] How To Create a Stunning Vista Inspired Menu

December 21st, 2009

Step 1

Open a new canvas that is 600×335px. Begin by showing rulers (View>Rulers), then create two guides similar to the image below. Create one at 285px and the other at 310px.