Firefox, extensions, and other helpful items
New students: I would recommend that today you take a look at Firefox, a web browser that we use extensively in class. You can learn more about Firefox in this tutorial Using Mozilla Firefox. You will find Firefox and the available extensions very helpful in class.
After reading the tutorial, be sure to install Aardvark. Aardvark is a useful Firefox extension that you can use to identify block level elements (divs, h1, ul, img, p, table, td, etc.) on web pages. Right click on the page that you want to analyze and select Start Aardvark. When you move your mouse over each block level element on the page a red outline of the element will display along with the type of element and any id’s or classes associated with the element. This is a really helpful tool for learning how pages were created.
Also install the Web Developer toolbar. The web developer toolbar adds a lot of cool tools to Firefox that we will be using in class.
The best reader-submitted WinXP tips!- oh, lots of great tips!
Susan has implemented these Updated Simple CSS Tabs on her web site. She thought that they were worth my mentioning again on the blog. Hopefully, she will add her comments and helpful tips to implementing these cool tabs.
Follow me on Twitter
Subscribe via RSS
June 22nd, 2005 at 2:13 pm
What I think I discovered is probably a simple rule of CSS ie. don’t mix em’s and %’s with pixels on the same stylesheet(s) for a site. What I originally did was substitute a font size of 36px for a font size that he expressed as 180%. That completely broke the design I think. I really like his code, it’s very clean and simple. I’m working now on how to adjust it so that there can be more than 5-6 tabs across the page or in two rows.
You can see this technique in action here: http://www.newspiritchurch.org/062205_eweekly/index2.html