CSS Evangelist

There are many tutorials out there on how to create your own image gallery. There are simple ones made from pure CSS, and there are complex ones using css and javascript. By the end of this article you will have the information necessary to start building your own photo gallery. The first tutorial is from cssplay and is one of my favorites around. They have a very elegant and simple image gallery. Your images are separated into different sections (people, plants, animals, etc) and all your images for each section listed nicely underneath. As you hover over each image it expands double it's size so you can take a better look at each image before you view the full version. The interface is very clean and simple to use, I recommend taking a look at this one.

With the CSS Tab Designer, you can : Quickly design your list visually Choose from a variety of styles/colors (60+ different designs/colors supported). [ Styles Authors / Credits ] Generate strict xhtml compliant code  

Honing in on browser incompatibility issues in Web development, Adobe Systems on Thursday is announcing CSS Advisor, a Web site that documents these problems and offers solutions.

in order to support 95% of your visitors, you need to design for a maximum size of 776x424px

Features:Submit websites? NoSubmit CSS Templates? YesRate websites/designs? YesComment on websites/designs? NoSite Functionality: 5/5Comments: CSSZenGarden is one of the first in it's class and showcases talent through customizing stylesheets to fit the site's design.2. StyleGala.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 5/5Comments: Style Gala not only showcases design but also brings resources into the mix, providing a great community for web designers./3. CSSRemix.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 5/5Comments: In my opinion, the best gallery showcase of CSS websites there is in terms of allowing people to interact.4. CSSReboot.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 5/5Comments: This site is more competitive than the others and submitting a site isn't as easy as the rest. But for what it does, it's great.5. CSSTux.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? NoComment on websites/designs? YesSite Functionality: 4/5Comments: Design is great, showcase is simple yet elegant.6. CSSMania.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? NoSite Functionality: 4/5Comments: A site with great functionality but commenting would be nice.7. CSSImport.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 4/5Comments: Another great showcase of design and talent, definitely a site you should check out.8. CSSDrive.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 4/5Comments: Great functionality, not the best design though.9. UnmatchedStyle.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 4/5Comments: They don't give quite enough room for effective showcasing, but overall it works.10. CSSBloom.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 3/5Comments: CSSBloom is based on WordPress, looks like a blog, but works well.Notable Mentions 11. CSS-Galleries.comFeatures:

Free design templates don’t have to be unattractive, inaccurate and boring. Some web-sites offer high quality templates for the best price you would ever get - for free. You can download Flash-based templates as well as CSS-based layouts absolutely free; furthermore, you can use them for your personal and commercial projects without any restrictions whatsoever. Still, before using some of the templates, throw a glance at the license agreements - they’re changing all the time.

This template passes W3C WAI WCAG AAA (Automatic testing) and is valid XHTML and Valid CSS. You are free to use it as you see fit and modify it to suit your purposes and it should be easy for you to edit and quickly change the design (all controlled by external and free css files).