Web Development Tutorials and Articles from Projectseven.com

Here are several excellent tutorials and articles using CSS (Cascading Style Sheets) and in some cases, free Dreamweaver and Fireworks customizations, to make some very interesting web site usability and graphics features.

Web Development Tutorials and Articles from Projectseven.com


Accessibility

• Pop Menu Magic and Accessibility: If you build an accessible web page, Pop Menu Magic will work within your vision to provide engaging navigation within the scope of your own accessibiliy conformance needs. It will work with you, never against you.
• Hiding a Skip Link over a textured background
  A little ingenuity and CSS can accomplish the task of hiding a skip link, while keeping it accessible, on a page that has an intricate patterned background.

CSS Lab

• PVII Equal Height CSS Columns: A graceful Javascript alternative to "Faux Columns".
• QuickDraw MacFly: A journey into the realm of CSS Positioning.
• All About Link Styles: Learn how to use CSS to style hyperlinks and to create multiple link styles.
• CSS: TD (CSS Table Design): Bridge the transitional gap between table and table-less design by learning how to use CSS to efficiently style a table-based layout.
• CSS Uberlinks List Menus: Learn how to make pure text navigation bars that look and behave like swap image-based menus.
• Using the PVII WriteStyles Command: Learn how to make your pages more usable by writing special styles dynamically - before the pages load.
• Using PVII Set Min Width: Take a step-by-step lesson in the application of this powerful new PVII command and take charge of your fluid CSS layouts.

Images

• Optimizing images in Fireworks
  Learn the ins and outs of how to optimize your Fireworks images.
• Making a Grunge Background Image in Fireworks
  Learn how to make an artsy and cool Grunge background.
• Making Gradient Tile Background Images with shadows in Fireworks
  Learn how to make gradient background images with an elegant shadow effect.
• Making Gradient Tile Background Images in Fireworks
  Learn how to make gradient background images that can serve as a backdrop for your navigation bar.
• Making Pixel Tile Background Images in Fireworks
  Learn how to make cool pixel-tile background images in Fireworks.
• Page-spanning backgrounds: Learn how to make a color band that stretches the full width of a browser window.
• Fireworks Photomontage: Harness the power of Fireworks and learn to make a complex photomontage.
• ShowPic Image Gallery: Use the free PVII ShowPic extension suite to create an efficient, low-bandwidth image gallery.
• Setting a Down-State Swap Image: Use a PVII script to control the down-state of a swap image when your page loads.

Navigation

• Using Root-Level Images in Pop Menu Magic
  Learn how to use CSS to manage images for root-level menu items in PMM.
• Simple VII Popup Menus: Use PVII free extensions to make an engaging and efficient popup menu.
• CSS Uberlinks List Menus: Learn how to make pure text navigation bars that look and behave like swap image-based menus (cross-referenced from the CSS Labs section).
• Positioned Popup Menus : Learn how to position a Simple VII popup menu so that it aligns with trigger images in a centered table.
• SwapClass CSS Tree Menu: PVII SwapClass is a powerful and versatile extension. Learn to build an expanding and collapsing tree-style menu with true toggling capabilities.