Posts

Showing posts from October, 2010

how to speed up your web site

Minimize HTTP Requests 80% of the end-user response time is spent on the front-end. Most of this time is tied up in downloading all the components in the page: images, stylesheets, scripts, Flash, etc. Reducing the number of components in turn reduces the number of HTTP requests required to render the page. This is the key to faster pages. One way to reduce the number of components in the page is to simplify the page's design. But is there a way to build pages with richer content while also achieving fast response times? Here are some techniques for reducing the number of HTTP requests, while still supporting rich page designs. Combined files are a way to reduce the number of HTTP requests by combining all scripts into a single script, and similarly combining all CSS into a single stylesheet. Combining files is more challenging when the scripts and stylesheets vary from page to page, but making this part of your release process improves response times. CSS Spri

make a customize facebook fan box

Image
With the addition of a facebook fan box to your website you’re not only benefiting your end users but also yourself. The fb fan box allows users to directly view how many friends you have on your facebook page and also allows them to become a fan with just one click. The only potential downsides to adding a fan box to your page is that it is not easy to customize or the original styling just doesn’t match up with the unique style of your site. Well not anymore, in this tutorial we are going to teach you how to customize your very own facebook fan box. This tutorial will teach you step by step how to customize your facebook fan box to look like ours. After completing this tutorial you should be able to play around with the code and make modifications that you see fit to change the styling to your own needs. Step 1 – Get Your Facebook Fan Box Code First things first you need to get the code for your facebook fan box from facebook, your code should look something similar to the cod

make a mobile compatible website

How to design a website for mobile devices (smart phones). Next web world with smart phones so start working on mobile templates. In this post I want to explain very basic HTML design tip with adding a meta tag. Normal site Contains HTML code. CSS width style fixed with pixels. width : 900px <!DOCTYPE html> <html xmlns=" http://www.w3.org/1999/xhtml "> <head> <meta http-equiv=" Content-Type " content=" text/html; charset=iso-8859-1 " /> <title> Normal Website </title> <style> #container { width: 900 px; } </style> </head> <body> <div id=" container "> </div> </body> </html> Mobie site Contains HTML code. CSS width style with percentage. width : 100% . Take a look at META tag viewport. <html> <head> <title> Mobile Website </title> <meta content=" width=device-width; initial-scale=1.0;