What I Talk About
- 3ds Max
- 3ds Max Tutorials
- Books
- Brave New Network
- Clarion Media
- Clients
- CSS
- Design
- Design 101
- Design Tutorials
- Hardware
- Internet
- Java
- Java Tutorials
- JavaScript
- JavaScript Tutorials
- Life
- Making Money
- Meta
- Movies/TV
- Music
- Networking
- OOP
- PHP
- PHP Tutorials
- Programming
- Software
- Technology
- Tutorials
- Tweets
- Video Games
- wapClix
- Web Development
- Windows 7
- XHTML
- XHTML/CSS Tutorials
When I’ve Posted
- December 2009
- October 2009
- September 2009
- August 2009
- July 2009
- June 2009
- May 2009
- April 2009
- March 2009
- February 2009
- January 2009
What I’ve Posted
What I’m Doing
Getting Rid of the Dotted Border on Links
FireFox’s default stylesheet adds a dotted border around images when they are clicked. It can really detract from a website’s design, especially when the image is indented and the border comes all the way from the left of the page. How can you remove that border? It’s actually really easy to do.
Using a Reset CSS
A good way to reduce browser inconsistencies when it comes to styling your website is using a reset stylesheet. This will remove browser defaults such as margins, padding, line heights, font sizes, headings, etc. Here is a generic reset stylesheet you can use, but I suggest you modify it for your needs.
Creating Contact Forms With XHTML
Here’s another nice tutorial for beginners. In this one we’ll write the markup for a simple contact form that you could use on a website. Nothing too complicated or fancy, but we’ll talk about how we can add some nice effects to it easily using CSS. We’ll use PHP to have the form send an email when it’s filled out. I’ll also talk about what we can do for form validation.
Creating a Website (Part 3: The Markup)
In the previous part of this series, we created a design for a travel blog in Photoshop. Now it’s time to turn that design into code. Open up your web development application (I’ll be using Dreamweaver) and open up the design in Photoshop and let’s begin (if you skipped the design segment and would like to download the PSD click here).
CSS Hover Pseudo-Class
This is my first post in over a week, but I’ve been pretty busy lately. That being said, I haven’t had much time to work on the coding portion of the website tutorial.
CSS pseudo-classes are used to add effects to selectors. In this article we’ll discuss the “hover” pseudo-class and how I used it to achieve the hover effect on my home page. The most common use of :hover is for hyperlinks. When you move your mouse over a link and the text color changes, it has a :hover pseudo-class acting on it. Pseudo-classes work in this form:
5 CSS Tips and 10 Harsh Truths About Corporate Websites
I found this article today discussing a handfull of ways to improve your CSS code. It’s mostly tips that help make your code more readable, but it also talks about “resets” and why you should write your XHTML before you touch a stylesheet. Considering I’ve got a website coding tutorial coming down the line (although I’m still working on the design part of that tutorial series), I encourage you to check out the article here. (more…)
The Future of Web Markup
I saw an interesting article on CSS 3 over at NETTUTS. It showed some of the different features that CSS 3 has. I hadn’t actually ever really looked into CSS 3, but from what I saw it looks really impressive. It looks like it has a lot of really nice features that would make a developer’s job 100x easier, five of which were discussed in the article. (more…)
