Every aspect of a web page needs to be carefully scrutinised for optimisation. Strip off anything and everything that is not needed. Less is sometimes better. (This tutorial is a part of the series – “How to become a web programmer in 4 easy steps”. Read previous post here.)
We will discuss mainly about two types of optimisations – Image Optimisation and Minifier
Read the rest of this entry »
Validating tools offer an easy way to honour the structured way of writing code. This post details ways to do validation on your code. (This tutorial is a part of the series – “How to become a web programmer in 4 easy steps”. Read previous post here.)
HTML, XML, CSS, RSS and JavaScript can be validated using the following tools – online as well as offline.
BUGS! They need special care and attention. They need special tools too. This post is dedicated to squashing bugs. (This tutorial is a part of the series – “How to become a web programmer in 4 easy steps”. Read previous post here. )
Nailing bugs can be done with assistance from browsers. We will discuss tools that are available with the three major browsers in the market – IE 8, Firefox 3.5 and Google Chrome 3.0.
Among the many things that play a crucial role in maintaining the flow of development, the choice of an editor and reference document are undoubtedly the most important. Today we will discuss them.
(This tutorial is a part of the series – “How to become a web programmer in 4 easy steps” . Read previous post here.)
My stints with text editors always ended in disaster until I used Notepad++; and I fell in love with it.
Notepad++ is the best text editing software in its category. It boasts of a lot of features including support for a whopping 48 scripting languages and portability.
A reference always comes handy – especially if it is available offline. Free offline materials are hard to find. Given below is a collection of offline and online reference material for HTML, CSS, JavaScript and PHP.
Read the rest of this entry »
We will start our discussion by setting up a development environment. (This tutorial is a part of the series – “How to become a web programmer in 4 easy steps”)
For every budding web developer, it is extremely important to get himself/herself familiarised with the basic setup required for client-server architecture. On the client-side only a browser is needed. Since all operating systems come with at least a browser, we can concentrate on setting up the server part of the story.
Here’s what you will need:
Besides their popularity, all of them are free to use.
Read the rest of this entry »
“Gather the tools and know them“
In a nutshell, yes, that’s it – the recipe for starting out to be a web programmer.
It took me a while to figure out, gather and put the ingredients in their right place. A break-up of the tools is given below.
I am in love…
The department where I study design in Indian Institute of Science, Bangalore is CPDM – Centre for Product Design and Manufacturing. To brand this relatively unknown department, my friend Pankaj initiated a T-shirt design competition in March, 2009. Almost all the students in my batch took part in this. The best design is selected by voting among ourselves. One of my six designs – ‘I am in love…’ — won the maximum votes and subsequently 30 T-shirts were printed and distributed on the 1st of October.
The alphabet ‘M’ in the department name ‘CPDM’ is modified to resemble a heart or love symbol. Using appropriate color coding, the message can be read in two ways. It can be either ‘I am in CPDM’ or ‘I am in love with design.’
Read the rest of this entry »
Have you ever designed anything for designers? Recently I got a chance to design a placement brochure for our batch of Product Design Students of CPDM, Indian Institute of Science, Bangalore.
Click here to download the CPDM Placement Brochure 2010 (PDF, 426KB) »
The task was challenging, as design is highly subjective. Everybody had ideas on how the brochure should look like and selling my idea to them was difficult. It was a great learning experience because some observations made by my design friends helped me to see areas that I overlooked.
Here are the design decisions I made while designing this brochure.
Read the rest of this entry »
“A good, vibrant coloured football action photograph (like a bicycle kick or a slide-in tackle or netting-in the ball or a fight for the ball in the air) to your liking.”
This was one of the requirements I received from my friend describing the image to be put on a poster announcing the registration for a Soccer League.
As always, I designed three posters.
Read the rest of this entry »
A few days before their marriage, people usually send an e-mail reminder to their friends. Usually it is a colorful image file with the most important information: Name of the bride and groom; date, time and place of the marriage and contact information. Once I have written about a wedding invitation design I did for my friend.
If you are looking for unique, free wedding invitation templates, you must visit blumblum.com. In this article, we are presenting 10 beautiful blank templates out of hundreds of designs available at blumblum.
Read the rest of this entry »