
CSS Forms
CSS Galleries
- Best Web Gallery
CSS &Flash Design Inspiration
- CSS All-Star
CSS wonders, all over the world
- 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.
- 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
- CSS Collection
web sites without tables
- cssdesign.se
Inspiration for Webdesigners
- CSS Drive- Categorized CSS gallery and examples
CSS gallery, code samples, tutorials, and more
- CSSElite CSS Gallery
CSS Design Gallery and Website Development Resources
- CSSelite
We show you the best of the best
- 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.
- CSS Galleries
Most sites are CSS-based. Some galleries include Flash sites too!
- CSS Heaven
CSS Gallery
- CSS ImportCSS
The no-frills CSS Gallery
- csslove
CSS Web Design Gallery, featuring the most inspiring and beautiful sites on the web today
- CSS-Mania
CSSmania, the most updated css showcase all over the globe
- CSS Reboot
CSS Reboot is a community event for web professionals……
- CSS smooth operator // Tite site collection
Tite site collection, conforms to Web Standards and designed with CSS
- CSS Table Gallery
Data Tables and Cascading Style Sheets Gallery
- CSS Remix
CSS-Based Website Gallery
- css thesis
CSS Gallery
- CSS Vault - The Web’s CSS Site
A repository of sites using cascading style sheets and a list of resources
- css Zen Garden: The Beauty in CSS Design
A demonstration of what can be accomplished visually through CSS-based design
- 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.
- Design Melt Down
Design elements, trends, and problems in web design, examples and resources
- 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.
- Layout Gala
a collection of 40 CSS layouts based on the same markup and ready for download!
- Liquid Designs
Liquid Designs is a gallery of websites designed with liquid layouts using XHTML and CSS
- netzfruehling - CSS Showcase Blog
German Showcase Blog
- oswd - Open Source Web Design
Download and upload free web designs
- Piepmatzel.de
collecting best practice web standards design examples
- Pig Pen - Web Standards Compliant Web Design Blog
CSS Gallery
- Proestilo - galería de sitios web diseñados bajo estándares
CSS/XHTML Layout Gallery
- 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
- showcase GR
The best of Greek CSS web design.
- 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.
- tom.ma | screenblog
A handpicked and growing collection of fine screendesigns.
- The Weekly Standards - CSS Web Design Showcase
Standards/CSS-based Web Design in the Corporate World
- Unmatched Style
Get inspiration from the CSS Gallery archives
- W3 Compliant Sites: Sites designed to comply with W3C Web Site Standards
A collection of web standards compliant web sites and their designers
- Web Creme
Web design inspiration
- 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!
- Web Standards Awards
Awarding web sites that successfully combine form and function
- 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.
- Well-Designed Weblogs Volume 2
CSS Image Maps, Image Switcher, Sliding Photograph Galleries
CSS Layouts Templates
Lightboxes
- 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.
- Lightbox Gone Wild!
Particletree - Chris Campbell
- Suckerfish HoverLightbox
Jonathan Christopher
- Lightbox JS v2.0
by Lokesh Dhakar
- Lightbox Plus
takuya otani - Lightbox JS is very cool and useful script to display an image on the page
- Leightbox
Simon de Haan · Eight Media
CSS Lists, Navigation, Menus, Rollovers
Miscellaneous
- Architecting CSS
The first step in architecting our CSS is to devise a plan for organizing our files…..
- CSS Organization
Tip 1: Flags
- Beginner’s guide from a seasoned CSS designer
Cameron Moll - Authentic Boredom
- 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.
- CSS Panic Guide
This is not a complete resource, this is a fast resource….
- CSS & Design Galleries
List of CSS and Design Showcases
- 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.
- Dynamic Drive CSS Library
Practical CSS codes and examples
- CSSplay
Stu Nicholls - Experiments with Cascading Style Sheets
- CSS tests and experiments
Floats, Containers, margins, …Centering, Shrink wrapping, Images, Miscellaneous, hacks, inline-block, Layouts, Tables…
- 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
- Professor X
The Professor X extension for Firefox let’s you see inside a page’s head without viewing the sourcecode
- X-Ray
The X-Ray extension let’s you see the tags on a page without viewing the sourcecode.
- CSSViewer
A simple CSS property viewer.
Tips & Tricks
Slideshows
CSS Tables
CSS (and JS)Tooltips
- 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.
- 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!
- Sweet Titles Finalized
JavaScript Fading Tooltips
- Tooltip.js
…is the NEXT GENERATION in Tooltips; using the Web 2.0 approach of doing a simple thing, and doing it well.
Articles
Tutorials
- Advanced CSS Layouts: Step by Step
By Rogelio Vizcaino Lizaola and Andy King
- CSS Basics.com
Making Cascading Style Sheets Easy to Understand
- 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.
- 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.
- 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.
- CSS Demonstrations and Tutorials
CSS and HTML examples, demonstrations and tutorials
- 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..
- CSS Menu Tutorial
Horizontal and Vertical CSS Menu Tutorials
- CSS Tutorial
CSS Tutorial von w3schools.com
- CSS TUTORIAL
The Complete CSS tutorial
- 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.
- Learn CSS Positioning in Ten Steps
This tutorial examines the different layout properties available in CSS: position:static, position:relative, position:absolute, and float
- 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
- 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.
- Site in an Hour
by Andrew Krespanis - Making Simple Work of Complex CSS Layouts
- Style master css tutorial
hands on css tutorial - This tutorial teaches CSS using both hand-coding and Style Master for Windows.
- 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.
- Stylesheets
Cascading style sheets tutorials and style guide
选自原文:http://blog.donews.com/dodo/archive/2006/11/10/1075549.aspx
访问经典网站建设类教程>>
阅读关于
CSS 资源网站 网页陶吧 龙犊 的全部文章
