I work very often with digital artists and other creative people who are now investing their talents designing web sites. I am always eager and pleased to offer my expertise in web development to help those clients of mine convert a masterpiece crafted in Photoshop, Illustrator or Fireworks into full-blown web templates ready for text copy.
Archive for the ‘HTML Tips’ Category
How To Make IE6 Play Nice with Other Web Browsers
March 20, 2010
The constant web browsers war is more about the chaos and the lack of consistency across the board in implementing the recommendations of the W3C (Worldwide Web Consortium) regarding HTML and CSS. That leaves web developers in the middle of a land mines field. Those pour souls have to gather all the courage it takes to tiptoe out that mess when designing or updating web applications.
Internet Explorer 9 to Embrace HTML 5, CSS3 and SVG
March 12, 2010
Internet Explorer (IE) is one of the most used web browsers on the internet today. Its popularity cannot certainly be attributed to its performance. The spread of that browser on personal computers is linked to the fact that Internet Explorer is shipped with most new PCs using the Windows Operating System. Most web users still perceive IE as “the” internet browser because IE used to be tied to Windows OS until recently.
How To Design a Clean CSS Web Page Layout
March 5, 2010Using CSS to convert your graphic design from Fireworks/Photoshop into a full-blown web page is an art in its own right. It takes some time to master that craft but you can achieve clean CSS layouts with a lots of practice or quickly learn the tricks-of-the-trade from an expert.
Use HTML Comments To Solve CSS Layout Issues
February 2, 2010If you are not inclined to use HTML comments in your web page markup you certainly never spent hours trying to fix a messed up CSS layout. That’s a loss of productivity and money that could have been avoided with just a simple preventive measure: using HTML comments. It takes less than 20 seconds to write one that could save you an hour of layout troubleshooting.
6 Key Factors in Optimizing Images For The Web
January 24, 2010The 6 key factors to consider when optimizing images for the web are:
- Always start with picture dimensions (w, h) greater than your target size
- Set the image resolution between 72 and 96 pixels/inch
- Crop the image to only keep the area needed to convey your message
- Resize the cropped image to reduce the dimensions to the minimum while maintaining the proportion between width and height
- Choose the appropriate export file format: PNG, JPEG or GIF
- Select the right compression ratio/color range
CSS Body Background Color and Background Image
January 15, 2010You certainly know the HTML ”<body>” tag is the topmost container box that wraps your web page design elements and content. Of course we can all agree that the “<html>” tag is the topmost parent element of the HTML DOM. So let me reformulate my previous statement to satisfy the geek within you: the body is the closest parent to HTML elements in your web page content. You can use the body tag to change your web page background color from the default “white”.
CSS Background Color and Background Image
January 7, 2010- Applying a background color to an HTML element in a web page fills that container with the specified color.
- It enhances your web page visual appeal and makes the container stand out.
- It can also add contrast between the content of that block with its surrounding.
- A background image allows you to get more graphic design and creative effect to the HTML block it’s applied to.
- A background image comes particularly handy for creating round corners rectangles without adding too much HTML markup.
- Using a background image is almost unavoidable for achieving gradient effects applied to web page blocks such as the navigation bar.