Baylus.com » CSS http://www.baylus.com Asa Baylus is a Website Designer working in Washington DC Thu, 29 Dec 2011 19:00:57 +0000 en hourly 1 http://wordpress.org/?v=3.1.2 Load YUI-CSS from the Google Ajax Library http://www.baylus.com/load-yui-css-from-the-google-ajax-library/ http://www.baylus.com/load-yui-css-from-the-google-ajax-library/#comments Mon, 07 Dec 2009 14:21:58 +0000 admin http://www.baylus.com/?p=322 I’m using Google CDN to load my Ajax libraries specifically jQuery and jQuery UI. Its been working great but I’m often annoyed that I have to load Yahoo!’s YUI-CSS files from the yahoo CDN. However I recently found that I did not need to do this. Google also maintains the YUI-CSS files which can be accessed using the following URL:

http://ajax.googleapis.com/ajax/libs/yui/2.8.0r4/build/reset-fonts-grids/reset-fonts-grids.css

which is equivalent to:

http://yui.yahooapis.com/2.8.0r4/build/reset-fonts-grids/reset-fonts-grids.css

Since DNS lookups are cached, keeping the number of domains to a minimum gives you a small performance boost.

“The Domain Name System (DNS) maps hostnames to IP addresses, just as phonebooks map people’s names to their phone numbers. When you type www.yahoo.com into your browser, a DNS resolver contacted by the browser returns that server’s IP address. DNS has a cost. It typically takes 20-120 milliseconds for DNS to lookup the IP address for a given hostname. The browser can’t download anything from this hostname until the DNS lookup is completed.”

Read more at Yahoo!

]]> http://www.baylus.com/load-yui-css-from-the-google-ajax-library/feed/ 0 Modifying CSS with Firebug http://www.baylus.com/modifying-css-with-firebug/ http://www.baylus.com/modifying-css-with-firebug/#comments Sun, 03 May 2009 00:03:08 +0000 admin http://www.baylus.com/?p=179 firebug

This video tutorial demonstrates how to modify CSS using Firebug for Firefox.  I will explain how to use firebugs inspect feature to review your websites CSS and then how to update the CSS and see the changes in realtime. Finally the video demonstrates getting the new CSS you develop in Firebug, back into you code editor.

I’m a long time DW CS4 user but I’ve worked firebug into my workflow over the past year. This is a great tool, you shouldn’t miss it.

Be sure to download Firebug from http://www.getfirebug.com.

]]> http://www.baylus.com/modifying-css-with-firebug/feed/ 0