![]() |
| ||
| The most famous CSS web sites galleries in the world his is an example of creating a semi-dynamic pie chart without the use of server-side imaging libraries http://www.surfare.net/~toolman/temp/diagram.html CSS Diagrams Things to Do With CSS When You’re Bored at Work http://komodomedia.com/blog/index.ph...ter-using-css/ Star Rater Creating a Star Rater using CSS http://komodomedia.com/blog/index.ph...ing-part-deux/ CSS Star Rating CSS Star Rating Part Deux http://www.jluvip.com/works/css/starvote/index2-1.html Star Rater Example 1 http://www.jluvip.com/works/css/starvote/index1.html CSS Ratings Selector Using a list item to create a star rater http://www.jluvip.com/works/css/starvote/index2-3.html Star Rater Example 3 CSS Forms http://clagnut.com/blog/241/ Form. layout Richard Rutter - clagnut blog http://www.alistapart.com/articles/p...ccessibleforms Prettier Accessible Forms It can be time consuming to make web forms both pretty and accessible…. http://www.456bereastreet.com/archiv...form_controls/ Styling form. controls Roger Johansson - 456 Berea Street http://www.456bereastreet.com/archiv...form_controls/ Styling even more form. controls Roger Johansson - 456 Berea Street http://jeffhowden.com/code/css/forms/ Table-less Forms Most of the CSS-only, table-less forms available suck. So, not wanting to stoop to mediocrity, I decided to take on the task of coming up with something better. This is the result of my efforts… http://www.formassembly.com/form-garden.php The Form. Garden A CSS Stylesheet Collection for Web Forms CSS Galleries http://digcss.com/ dig CSS Gallery of over 10,000 bloomin' good css web design.We believe that digCSS.com is the largest CSS showcase in the world. http://www.bestwebgallery.com/ Best Web Gallery CSS &Flash Design Inspiration http://www.cssallstar.com/ CSS All-Star CSS wonders, all over the world http://www.cssbeauty.com/ CSS Beauty | CSS Design Showcase CSS Beauty focuses on providing its audience with a database of well designed CSS based sites, as well as news and happenings on the CSS Design Community. It showcases designers work and serves as inspiration for those looking to build CSS based websites. http://cssbloom.com/ CSS Bloom CSS Gallery, CSS Examples, Website Showcase and Design Inspiration, CSS Design, CSS Designs, Best Looking Blogs, CSS Tricks, Blog’s and Online Portfolio’s Designs, css & xhtml http://www.csscollection.com/ CSS Collection web sites without tables http://cssdesign.se/start/ cssdesign.se Inspiration for Webdesigners http://www.cssdrive.com/ CSS Drive- Categorized CSS gallery and examples CSS gallery, code samples, tutorials, and more http://www.csselite.com/ CSSElite CSS Gallery CSS Design Gallery and Website Development Resources http://www.csselite.com.ar/ CSSelite We show you the best of the best http://www.cssempire.com/ CSS Empire this is a showcase gallery of the finest CSS sites that I can find on the net, They are here in all there glory free to feast your eyes upon. http://css-galleries.com/ CSS Galleries Most sites are CSS-based. Some galleries include Flash sites too! http://www.cssheaven.com/ CSS Heaven CSS Gallery http://www.cssimport.com/ CSS ImportCSS The no-frills CSS Gallery http://csslove.net/ csslove CSS Web Design Gallery, featuring the most inspiring and beautiful sites on the web today http://www.nv30.com/mt/blogomania/ CSS-Mania CSSmania, the most updated css showcase all over the globe http://www.cssreboot.com/ CSS Reboot CSS Reboot is a community event for web professionals…… http://smoothoperator.strund.jp/ CSS smooth operator // Tite site collection Tite site collection, conforms to Web Standards and designed with CSS http://icant.co.uk/csstablegallery/index.php CSS Table Gallery Data Tables and Cascading Style. Sheets Gallery http://www.cssremix.com/ CSS Remix CSS-Based Website Gallery http://thesis.veracon.net/ css thesis CSS Gallery http://www.cssvault.com/ CSS Vault - The Web’s CSS Site A repository of sites using cascading style. sheets and a list of resources http://www.csszengarden.com/ css Zen Garden: The Beauty in CSS Design A demonstration of what can be accomplished visually through CSS-based design http://icant.co.uk/csstablegallery/index.php Data Tables and Cascading Style. Sheets Gallery The CSS Table Gallery is a showcase of how CSS and data tables can work together to create usable and pretty results. http://www.designmeltdown.com/ Design Melt Down Design elements, trends, and problems in web design, examples and resources http://www.designshack.co.uk/index.php Design Shack - Inspirational CSS and Blog Design Design Shack offers regular examples of great CSS, standards based design to help inspire and create. We feature any website which shows off some flair, and doesn’t fit into the standard pattern we come to expect from CSS design. http://blog.html.it/layoutgala/ Layout Gala a collection of 40 CSS layouts based on the same markup and ready for download! http://www.cssliquid.com/ Liquid Designs Liquid Designs is a gallery of websites designed with liquid layouts using XHTML and CSS http://www.netzfruehling.de/ netzfruehling - CSS Showcase Blog German Showcase Blog http://www.oswd.org/ oswd - Open Source Web Design Download and upload free web designs http://www.piepmatzel.de/ Piepmatzel.de collecting best practice web standards design examples http://pigpen.info/category/css-gallery/ Pig Pen - Web Standards Compliant Web Design Blog CSS Gallery http://proestilo.com/ Proestilo - galería de sitios web diseñados bajo estándares CSS/XHTML Layout Gallery http://screenspire.com/archive/206/ screenspire.com | full( )screen inspiration screenspire.com is a no-embellishment, no-comments, no-technology-favored source for recent website-designs collected from various portals and handcrafted by thomas marban http://www.showcase.gr/ showcase GR The best of Greek CSS web design. http://www.stylegala.com/ Stylegala - Web Design Publication Stylegala is an online resource and inspiration guide for web agencies, designers and developers who take interest in websites that combine the powers of design, web standards and CSS. http://tom.ma/screenblog/ tom.ma | screenblog A handpicked and growing collection of fine screendesigns. http://weeklystandards.com/ The Weekly Standards - CSS Web Design Showcase Standards/CSS-based Web Design in the Corporate World http://www.unmatchedstyle.com/gallery/ Unmatched Style Get inspiration from the CSS Gallery archives http://www.w3csites.com/sites.asp W3 Compliant Sites: Sites designed to comply with W3C Web Site Standards A collection of web standards compliant web sites and their designers http://www.webcreme.com/ Web Creme Web design inspiration http://webdesignbook.net/ Webdesign reference book Webdesign reference book - We are releasing a book with about 150 of the greatest webdesigns. Come and submit your own work for the book! http://www.webstandardsawards.com/%22%20rel=%22tag Web Standards Awards Awarding web sites that successfully combine form. and function http://larsholst.info/blog/2003/11/2...igned-weblogs/ Well-Designed Weblogs Well-Designed Weblogs series is a subjective and non-scientific selection of usable and readable weblogs that are defined as having: An aesthetically pleasing design that has been accomplished through the use of stylesheets rather than layout tables, font tags, and inline images. http://larsholst.info/blog/2004/02/1...logs-volume-2/ Well-Designed Weblogs Volume 2 CSS Image Maps, Image Switcher, Sliding Photograph Galleries http://www.frankmanno.com/ideas/css-imagemap/ CSS Image Maps Below is a sample image map that’s built entirely using CSS and XHTML… http://mikecherim.com/experiments/css_map_pop.php Map Pop This experiment uses CSS to create an image map with CSS pop-ups http://scribbling.net/projects/fotonotesrolloverviewer/ FotoNotes RolloverViewer FotoNotes™ RolloverViewer is an open-source PHP script. which will read a FotoNote™-annotated image and create an imagemap with Javascript. rollovers to display the image’s notes… http://www.andyrutledge.com/cssslides.html Simple CSS Image Switcher This is a pure CSS image switcher that is lightweight and standards-compliant. It could be used for a gallery or any similar function….. http://www.rayandamy.com/cssimageswi...textlinks.html Simple(r) CSS Image Switcher I didn’t use nested unordered lists. Instead, I used just one unordered list… http://www.cssplay.co.uk/menu/gallery4.html A Two Step Photograph Gallery Stu Nicholls http://sonspring.com/journal/hoverbox-image-gallery Hoverbox Image Gallery …super light-weight (8kb) roll-over photo gallery that uses nothing but CSS… http://www.cssplay.co.uk/menu/gallery3l.html Sliding Photograph Galleries Stu Nicholls Photo Galleries - vertical slide & horizontal slide CSS Layouts Templates http://www.cssplay.co.uk/layouts/index.html CSS Layouts Stu Nicholls - Three columns, CSS frame, “Fixed”, Cross browser…. http://intensivstation.ch/en/templates/ CSS TEMPLATES All templates are XHTML 1.0 and CSS2 http://www.mezzoblue.com/zengarden/alldesigns/ css Zen Garden list of all Zen Garden designs added to date..980+ layouts http://www.tanfa.co.uk/css/layouts/f...loats-3col.asp Flexi-Floats 3 Column CSS Layout - Fluid, Multi-Column Stretch - Header, Footer, Fluid Center - Fixed or Fluid widths http://blog.html.it/layoutgala/ Layout Gala by Alessandro Fulciniti - a collection of 40 CSS layouts based on the same markup and ready for download! http://glish.com/css/ Look Ma, No Tables. CSS Layout Techniques: for Fun and Profit http://css-discuss.incutio.com/?page=ThreeColumnLayouts ThreeColumnLayouts css-discuss - Bob Easton http://www.oswd.org/ Open Source Web Design Download and upload free web designs http://openwebdesign.org/browse.php Open Web Design Download and upload free web designs http://maxdesign.com.au/presentation/page_layouts/ Sample CSS Page Layouts Here are a range of CSS page layouts, including 2 column and 3 column layouts - free to use and abuse as needed http://www.yaml.de/ Yet Another Multicolumn Layout A multi-column layout Lightboxes http://jquery.com/demo/thickbox/ ThickBox 2.0 Cody Lindley - ThickBox is a webpage UI dialog widget written in JavaScript. on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal. http://particletree.com/features/lightbox-gone-wild/ Lightbox Gone Wild! Particletree - Chris Campbell http://mondaybynoon.com/2006/03/27/s...hoverlightbox/ Suckerfish HoverLightbox Jonathan Christopher http://www.huddletogether.com/projects/lightbox2/ Lightbox JS v2.0 by Lokesh Dhakar http://serennz.cool.ne.jp/sb/sp/lightbox/ Lightbox Plus takuya otani - Lightbox JS is very cool and useful script. to display an image on the page http://www.eight.nl/files/leightbox/ Leightbox Simon de Haan • Eight Media CSS Lists, Navigation, Menus, Rollovers http://www.456bereastreet.com/archiv...avigation_bar/ Turning a list into a navigation bar How to use CSS to create a horizontal navigation bar out of a simple ordered list http://odyniec.net/articles/turning-lists-into-trees/ Turning Lists into Trees by Michal Wojciechowski http://www.nundroo.com/navigation/ CSS Based Navigation Didier Hilhorst http://tutorials.alsacreations.com/modelesmenus/ CSS menus gallery Here is a gallery of CSS web menus created with CSS style. sheets and without tables http://icant.co.uk/articles/flexible-css-menu/ Flexible navigation example The navigation bar shown here is achieved via 3 images, a bit of CSS and some JavaScript. http://www.exploding-boy.com/2005/12...ation-designs/ Free CSS Navigation Menu Designs Free CSS Navigation Menu Designs at ExplodingBoy - Familiar to dozens http://e-lusion.com/design/menu/#1 Free Menu Designs Free Menu Designs - e-lusion.com http://www.twinhelix.com/dhtml/fsmenu/ FreeStyle. Menus v1.0 RC9 This is an XHTML compliant, CSS-formatted menu script, designed to work with the current generation of standards-based websites…. http://www.exploding-boy.com/2005/12...-menu-designs/ More Free CSS Navigation Menu Designs More Free CSS Navigation Menu Designs at ExplodingBoy - Familiar to dozens. http://paularmstrongdesigns.com/webl...-magnification Navigation Magnification The idea behind this experiment is to create an unordered list of links scale according to your hover position, like the icons work in the Mac OS X Dock, using the magnification effect. http://www.exploding-boy.com/2005/12...cal-css-menus/ 14 Free Vertical CSS Menus 14 Free Vertical CSS Menu at ExplodingBoy - Familiar to dozens http://www.webmaster-toolkit.com/css...enerator.shtml CSS Menu Generator Our CSS Menu Generator will generate both the CSS and the HTML code required to produce a text-based yet appealing set of navigation buttons. http://www.highdots.com/css-list/index.php CSS Tab Designer CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required! http://www.brainjar.com/css/tabs/ Tabs BrainJar - “In this example, we’ll look at using CSS to build a tabbed display…” http://www.sgclark.com/sandbox/minislide/ Mini Slide Navigation Sandbox - Stephen Clark http://www.maxdesign.com.au/presenta...lder-metaphor/ Nested lists used to create a simple folder metaphore Here’s a rough and ready example showing how to make a folder analalogy using a nested list. http://www.simplebits.com/notebook/2...rollovers.html Accessible Image-Tab Rollovers SimpleBits - Dan Cederholm - Accessible Image-Tab Rollovers http://www.htmldog.com/articles/suck...downs/example/ Suckerfish Dropdowns example page for Suckerfish Dropdowns http://wellstyled.com/css-nopreload-rollovers.html Fast Rollovers Without Preload When using CSS image rollovers, two, three, or more images must be loaded…. http://www.cssplay.co.uk/menus/drop_variation.html Variations on a drop-down theme Stu Nicholls - CSSplay Miscellaneous http://www.digital-web.com/articles/architecting_css/ Architecting CSS The first step in architecting our CSS is to devise a plan for organizing our files….. http://www.stopdesign.com/log/2005/0...tip-flags.html CSS Organization Tip 1: Flags http://www.cameronmoll.com/archives/001211.html Beginner’s guide from a seasoned CSS designer Cameron Moll - Authentic Boredom http://www.htmldog.com/guides/cssadvanced/ CSS Advanced Guide The CSS Advanced Guide is for those who want to push CSS to the extreme, highlighting methods that might not be immediately obvious to the intermediate developer. http://www.thenoodleincident.com/tut...css/index.html CSS Panic Guide This is not a complete resource, this is a fast resource…. http://www.drweb.de/weblog/weblog/?p=517 CSS & Design Galleries List of CSS and Design Showcases http://icant.co.uk/csstablegallery/index.php CSS Table Gallery The CSS Table Gallery is a showcase of how CSS and data tables can work together to create usable and pretty results. http://www.dynamicdrive.com/style/ Dynamic Drive CSS Library Practical CSS codes and examples http://www.cssplay.co.uk/index.html CSSplay Stu Nicholls - Experiments with Cascading Style. Sheets http://www.brunildo.org/test/ CSS tests and experiments Floats, Containers, margins, …Centering, Shrink wrapping, Images, Miscellaneous, hacks, inline-block, Layouts, Tables… https://addons.mozilla.org/firefox/2108/ Stylish Stylish allows easy management of user styles. User styles empower your browsing experience by letting you fix ugly sites, customize the look of your browser or mail client, or just have fun http://www.designmeme.com/professorx/ Professor X The Professor X extension for Firefox let’s you see inside a page’s head without viewing the sourcecode http://www.designmeme.com/xray/ X-Ray The X-Ray extension let’s you see the tags on a page without viewing the sourcecode. https://addons.mozilla.org/firefox/2104/ CSSViewer A simple CSS property viewer. Tips & Tricks http://www.communitymx.com/content/a...36D&print=true All About CSS Drop Shadows By: John Gallant , Holly Bergevin http://users.hszk.bme.hu/~hj130/css/...dex_nopos.html :BefTer Drop Shadows Using :before and :after pseudo elements to create beautiful drop shadow on standard browsers. Use built-in drop-shadow filter for Ie. http://web-graphics.com/mtarchive/001589.php Fun with Drop Shadows Drop Shadows are a nice way to beautify images…. http://rafael.adm.br/css_browser_selector/ CSS Browser Selector Simple trick to help you on CSS hacks! http://centricle.com/ref/css/filters/ CSS filters (css hacks) Will the browser apply the rule(s)? http://www.maratz.com/blog/archives/...age-preloader/ Image Preloader maratz.com - Marko Dugonji http://lab.arc90.com/2006/07/link_thumbnail.php Link Thumbnail Link Thumbnail shows users that are about to leave your site exactly where they’re going http://meyerweb.com/eric/css/edge/popups/demo.html Pure CSS Popups Eric A. Meyer http://mikecherim.com/experiments/css_smart_corners.php Smart Corners Using lightweight images, simple markup, and a small amount of CSS, I will demonstrate a method of creating round corners on elastic or liquid boxes http://tools.sitepoint.com/spanky/ Spanky Corners 1.1 beta Spanky Corners’ is an experimental technique for using only CSS to produce ’round-cornered content boxes’ with semantically pure markup. It does not require JavaScript. to work http://www.vertexwerks.com/tests/sidebox/ “Sliding Doors” Box– Rounded Corners for All A Simple, Semantically Correct CSS Box with Clean Code http://home.tiscali.nl/developerscor...uidcorners.htm Liquid round corners Adaptable rounded edges - a multifunctional flexible css-concept with transparency for creating dynamically changing not rectangular borders http://www.alistapart.com/articles/cssmaps A More Accessible Map Is there a way to display text-based data on a map, keeping it accessible, useful and visually attractive? http://www.user-archiv.de/projekt_css_schieberegler/ CSS-Schieberegler A Slider with CSS. Without Java, Javascript, Flash oder animated gifs http://www.brainjar.com/css/cards/ Playing Cards with CSS This example demonstrates using CSS to graphically display standard playing cards on a web page… Slideshows http://meyerweb.com/eric/tools/s5/s5-intro.html S5: An Introduction Eric A. Meyer - What Is S5? - It’s a Simple Standards-based Slide Show System http://www.w3.org/Talks/Tools/Slidy/ HTML Slidy Dave Raggett - Slide Shows in XHTML http://www.s5easy.com/ S5Easy: Create S5 Slideshows Easy Online Create your slideshow in only 3 steps CSS Tables http://icant.co.uk/csstablegallery/index.php CSS Table Gallery Data Tables and Cascading Style. Sheets Gallery http://validweb.nl/artikelen/javascr...-zebra-tables/ Better Zebra Tables Zebra Tables is a script. that applies different background colors to odd or even table–rows… http://www.imaputz.com/cssStuff/bigFourVersion.html Pure CSS Scrollable Table with Fixed Header Using CSS to allow scrolling within a single HTML table CSS (and JS)Tooltips http://web-graphics.com/mtarchive/001717.php Bubble Tooltips Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page. http://solardreamstudios.com/learn/css/qtip/ qTip qTip will work on all like elements that are on the page. You can specify any HTML tag as your preferred element. Since the title attribute can be applied to any HTML element, this technique is standards compliant! http://www.dustindiaz.com/sweet-titles-finalized Sweet Titles Finalized JavaScript. Fading Tooltips http://tooltip.crtx.org/ Tooltip.js …is the NEXT GENERATION in Tooltips; using the Web 2.0 approach of doing a simple thing, and doing it well. Articles http://www.onlinetools.org/articles/cssguides.html CSS Standards Written by Christian Heilmann 01/2004 http://www.456bereastreet.com/archiv...v2_fullheight/ CSS Frames v2, full-height Roger Johansson - 456 Berea Street -Create the visual effect of HTML frames with CSS and make the scrolling area stretch to 100 % height regardless of the amount of content.” http://www.positioniseverything.net/...-dehacker.html CSS Hacks and IE7 Position Is Everything - A discussion of the theory of CSS floating http://www.communitymx.com/content/a...ge=1&cid=AFC58 Creating Liquid Faux Columns By: Zoe Gillenwater http://juicystudio.com/article/div-mania.php Div Mania More and more web documents are appearing that consist of nothing more than a collection of div elements. In most cases, better use of CSS selectors could be used to avoid overusing the div element. http://www.mondaybynoon.com/2006/03/...style-with-em/ Effective Style. with em Jonathan Christopher http://www.alistapart.com/articles/footers/ Exploring Footers by Bobby van der Sluis http://www.themaninblue.com/writing/...ve/2005/08/29/ footerStickAlt: A more robust method of positioning a footer Cameron Adams - The Man in Blue http://www.positioniseverything.net/...onetruelayout/ In search of the One True Layout Position Is Everything http://www.robertnyman.com/2005/07/0...ally-worth-it/ Is image replacement really worth it? Robert Nyman http://builder.com.com/5100-6371_14-6105783.html Make better Web pages by understanding the CSS box model by Contributor Melonfire http://www.codeproject.com/useritems/css-tricks-2.asp Ten more CSS tricks you may not know Trenton Moss - Follow up to the popular article, Ten CSS tricks you may not know….. http://www.elementary-group-standard...up-errors.html The Most Common CSS Markup Errors Sean Fraser - The Elementary Group Standards http://www.jakpsatweb.cz/css/css-ver...-solution.html Vertical Centering in CSS Yuhu’s Definitive Solution with Unknown Height Tutorials http://www.webreference.com/authorin...yout/advanced/ Advanced CSS Layouts: Step by Step By Rogelio Vizcaino Lizaola and Andy King http://www.cssbasics.com/ CSS Basics.com Making Cascading Style. Sheets Easy to Understand http://htmldog.com/guides/cssbeginner/ CSS Beginner’s Guide CSS, or ‘Cascading Styles Sheets’ are a way to style. HTML. Whereas the HTML is the content, the style. sheet is the presentation of that document. http://htmldog.com/guides/cssintermediate/ CSS Intermediate Guide Like the HTML Intermediate Guide, this CSS Intermediate Guide should not be that difficult, but rather build on the basics of the CSS Beginner’s Guide. http://htmldog.com/guides/cssadvanced/ CSS Advanced Guide The CSS Advanced Guide is for those who want to push CSS to the extreme, highlighting methods that might not be immediately obvious to the intermediate developer. http://www.domedia.org/oveklykken/articles.php CSS Demonstrations and Tutorials CSS and HTML examples, demonstrations and tutorials http://glish.com/css/ CSS Layout Techniques: for Fun and Profit A resource for web designers and developers who want to learn CSS layout techniques to replace archaic table-based web page layouts.. http://www.seoconsultants.com/css/menus/tutorial/ CSS Menu Tutorial Horizontal and Vertical CSS Menu Tutorials http://www.w3schools.com/css/default.asp CSS Tutorial CSS Tutorial von w3schools.com http://www.echoecho.com/css.htm CSS TUTORIAL The Complete CSS tutorial http://css.maxdesign.com.au/floatutorial/ Floatutorial: Step by step CSS float tutorial Floatutorial takes you through the basics of floating elements such as images, drop caps, next and back buttons, image galleries, inline lists and multi-column layouts. http://www.barelyfitz.com/screencast...s/positioning/ Learn CSS Positioning in Ten Steps This tutorial examines the different layout properties available in CSS: position:static, position:relative, position:absolute, and float http://css.maxdesign.com.au/listutorial/ Listutorial: Step by step CSS list tutorial Listutorial takes you through the basics of building background image lists, rollover lists, nested lists and horizontal lists http://css.maxdesign.com.au/selectutorial/index.htm Selectutorial - CSS selectors Selectors are one of the most important aspects of CSS as they are used to “select” elements on an HTML page so that they can be styled. Find out more about selectors including the structure of rules, the document tree, types of selectors and their uses. There is also a step-by-step tutorial showing how selectors are used in the process of building a 3-column layout. http://leftjustified.net/site-in-an-hour/ Site in an Hour by Andrew Krespanis - Making Simple Work of Complex CSS Layouts http://www.westciv.com/style_master/...ial/index.html Style. master css tutorial hands on css tutorial - This tutorial teaches CSS using both hand-coding and Style. Master for Windows. http://www.westciv.com/style_master/...als/index.html Online tutorials The House of Style. has several cascading style. sheets tutorials, with explanations, excercises and worked examples to get you up and running with style. sheets as quickly as possible. http://www.yourhtmlsource.com/stylesheets/ Stylesheets Cascading style. sheets tutorials and style. guide |
| ||
| Re: The most famous CSS web sites galleries in the world wow, thanks for all the links, might be able to take a day off from google now :-) |
| All times are GMT -4. The time now is 2:08 pm. |
Forum system based on vBulletin Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
©2003 - 2009 DaniWeb® LLC