HTML5 and CSS3 bring some very cool additions to the web designer/developers tool kit. With the addition of more meaningful tagging in HTML5 (<header>,<nav>,<footer>, and more). Designers are given even more control to really build a site the way they envisioned. Today, I am going to show you how to create a 3D cube. The
In this tutorial I will run you through some very simple steps on creating a rollover button by using Photoshop, CSS, and HTML. In a previous tutorial I showed you how to create a social networking sticker icon, so I am going to use that in this tutorial. For this tutorial you will need photoshop
The following series is pulled from a presentation I gave to a group of beauty bloggers hosted by L’Oreal in New York. Most of the presentation is geared toward how to make a blog more search engine and user-friendly, however I will expand many of the concepts here to include tips and strategies for sites selling products or services across all industries.
In this tutorial we will create a simple tabbed navigation. These tabs allow resizing, and text changing for people with vision problems, and high/low resolution monitors. These tabs also only use 1 image, and unobtrusive HTML and CSS code, lets get started!
Print style sheets are a key part to your site if it is providing information that one might one to print out. I have encountered many websites with no print style sheets, this can make it frustrating to print out articles and certain webpages. In this tutorial I show you how to make a proper print style sheet, and how to implement it into your website.
Knowing how to make a fluid layout using CSS is something that every web developer should learn, and it is very easy to do with these easy steps. In this tutorial we will create a 100% fluid layout, which means that everything on the site can resize to fit 100% of the browser window from 800×600 resolution to 1920×1080 the site is 100% of the browser window, no space will be wasted! Okay lets get started…
Howdy everyone out in internet land, I would like to thank everyone for the comments, and the help to get this site running great. I would also like to apologize due to lack of tutorial within the last week. I have been having some internet problems, so I haven’t really had the time to post
So Wal-Mart is attempting to compete with the big boys for a new video service. Sure, they may have chosen to not support non-IE browsers because of the whole DRM/Windows Media thing, but I’d be surprised if this was the case. They could have avoided a good amount of bad publicity from an overly critical
A common problem I face regarding CMS template implementation is that the HTML/CSS is restricted to only valid code. This commonly used WYSIWYG editor boasts XHTML 1.0 output but sometimes that may not be enough for a good looking document in most browsers. When working with pixel-perfect designs, this quickly becomes a major issue. Naturally, we can all argue as to why everyone should be writing valid code; the bottom line is we’ve got to please the client whether they know how to write standards-compliant code or not. This document will go over some of the common client-related quirks we’ve uncovered and outline possible fixes using CSS and HTML.
Problems:
P tag for paragraphs P tag + IMG tag inside the P
You will find many ways to create an animated menu from using lengthy JavaScript code to the use of flash actionscripts. Though, with commercial sites in mind, it is better to use a cleaner HTML text approach along with CSS to display an engaging and attractive menu.
