This one is much easier said than done sometimes. I have many sites that I’ve never even looked at through the validators but then there’s other sites that I have validated correctly. It always helps to validate your HTML and CSS and it makes the pages load faster. It also gets you better rankings on the search engines.
Validate your HTML here: http://validator.w3.org/
Validate your CSS here: http://jigsaw.w3.org/css-validator/
It’s also very important to have a doctype at the top of your HTML document. Here’s a recommended list of doctypes you can use:
http://www.w3.org/QA/2002/04/valid-dtd-list.html
If you’re editing your html in Dreamweaver then it will…Read More
Tags:
Site Speed & Performance
When using jQuery were always using the $(function() or $(document).ready(function() to make sure that the page is loaded before we execute the jQuery. However there are times when this is not appropriate and some ugly things happen on the page. For instance, say we have something in the header of the document that shows an image but should start out hidden. We are using this to hide the image :
$(document).ready(function() {
$(‘#our_image’).hide();
});
Sometimes when the page loads it shows the image for a couple seconds before our code kicks in and makes the jQuery work. I’ve seen the same issue…Read More
Tags:
jQuery & Javascript
Hi, welcome to our blog. My name is Lee Thornton and on the owner of A.S.A. web design, Inc. I’ve never been much of a blogger and normally I’m so busy working on clients websites that I just don’t have time to blog, but lately I’ve been getting excited about blogging and plan on posting lots of helpful articles for other people in the industry and our clients as well.
For me phrases like web design, PHP programming, JavaScript, CSS, HTML, IDE’s are every day terms that my staff and I use so please forgive me if I’m a little “techie” in my language.…Read More
Tags:
General
One really easy way to speed up a website is using gzip via your .htaccess file. All you have to do is put this code at the top of your .htaccess file:
# compress all text & html & css & javascript:
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript
Each block at the end of the line determines what you will be compressing. Normally you would not have any problems with anything other than JavaScript. I would recommend using the above line without “text/javascript” at first. Once you add “text/javascript” you will want to test out your JavaScript libraries to make sure everything…Read More
Tags: Site Speed & Performance
This plugin is a must have for any developer. Get it here:
http://getfirebug.com/
Tags:
Site Speed & Performance
Great plugin for fire fix firebugs that evaluates your site speed and offers great suggestions for improvement.
Get it here: http://code.google.com/speed/
Tags:
Site Speed & Performance,
Google speed
Slow is a great plugin for determining the slow parts of your application. It also tells you ways to speed up your application.
http://developer.yahoo.com/yslow/
You have to have firefox firebug to use it.
Tags:
Site Speed & Performance
When it comes to validation the is no better choice in my opinion than jQuery validation plugins. Here is a nice one that should allow just about anything you like.
http://docs.jquery.com/Plugins/validation
Scroll to the bottom of the page to see some great demos.
Here is the validator I always use: a
http://jquery.bassistance.de/validate/demo/
Tags:
jQuery & Javascript
A great way to use jQuery and not have to learn a lot of code is to use jqueryui.com. This site has many great libraries to do all kinds of tasks without a lot of coding. It also has a great template builder that let’s you use their CSS templates. This is great because you can switch the template easily.
http://www.jqueryui.com
Tags:
CSS template,
jQuery & Javascript,
template,
jQuery,
CSS
Below are some good examples of how to handle older browsers when using gzip and expiration dates on your files. Older browsers sometimes have difficulties with gzip so you may want to use this code as well.
# Enable ETag
FileETag MTime Size
# Set expiration header
ExpiresActive on
ExpiresDefault “access plus 1 year”
ExpiresByType image/gif A2592000
ExpiresByType image/png A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType text/css A2592000
# Compress some text file types
AddOutputFilterByType DEFLATE text/html text/plain text/css text/xml application/x-javascript text/javascript application/javascript
# Deactivate compression for buggy browsers
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0 no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Tags:
Site Speed & Performance,
htaccess tips
Twitter