Top CSS Layout Download Sites, Hacks, Galleries and Tricks
Download CSS Layouts
- Layout Gala : 40
layouts including Three percentage columns, Three fixed columns, Liquid
secondary columns, Liquid three columns, Two columns liquid, Two
percentage columns, Two colums fixed, One column fixed and two halves
etc.
- Template: css at i-use.it : 30+ layouts including Tanfa: 3 columns, Stanicek: 3 cols, Meadowcroft: unthreaded discussion, Brill: 3 cols etc.
- Max Design : 20+ layouts including Floatutorial, Two columns with color, Selectutorial, Colored boxes, Single column etc.
- Little Boxes : 15+ layouts including one box, two box, three column, absolute, fluid, touching, centered etc.
- Intensivstation : 15+ layouts including 2 columns fixed centered, 2 columns fixed centered, 3 columns fixed centered etc.
- Solucija : 10+
layouts including Internet Market, Internet Center, What’s your
solution?, Internet Jobs, Small Studio, Modern World, Blue Blog
Template, Sonia Template, Happy Blog, Open your windows!, Please Smile
Again etc.
- CSS Play UK : 10+ layouts including Three columns, Shrink your body, Back to BASICS, Simple minimum width layout, 100% background image etc.
- TJK Design : 8 layouts including liquid, fluid, elastic, flexible, jello…
- Ruthsarian Layouts : 7+ layouts including Tank!, Skidoo Too, Skidoo Too : Gargoyles, Skidoo : 2 or 3 Column w/Background Colors etc.
- Mollio : 6
layouts including 1 column, 2 columns – Main + Left hand nav, 3 columns
– Main + Left hand nav + Right Sidebar, 2 columns – Main + Right
Sidebar, 2 columns – Main + Right hand nav, 3 columns – Main + Right
hand nav + Left Sidebar.
- glish.com : 6+ layouts including 3 Columns The Holy Grail, 2 Columns, ALA Style, 4 Columns All Fluid , 3 Columns All Fluid Nested Float etc.
- BlueRobot : 3 layouts including 2 columns – left menu, 2 columns – right menu, 3 columns – flanking menus.
- Tanfa UK : 3 layouts including Flexi-Floats, Absolutely Fluid, 3 Column etc.
- WebProducer.at : Flexible Layout
- Yet Another Multicolumn Layout : A multi-column layout. German site. Click download button.
- Open Web Design : 1500+ layouts in business and fun types. Searchable database.
- CSS Zen Garden : 800+ layouts including 2 Column, Disconnected, Garden & Floral, etc.
- CSS-discuss list : 50+ three column layouts.
Create a Layout via a Web Form
- Position Is Everything : Make layout choices for ordered 1-3 columned page; generate layout.
- inknoise : Make layout choices for Full Page, Two Columns, Three Columns; generate layout.
- CssCreator : Make choices for fliud/fixed, upto 3 columns, header, footer; generate layout.
Visit Layout Galleries. Be Inspired.
- css Zen Garden : The Beauty in CSS Design
- CSS Vault : The Web’s CSS Site
- The Weekly Standards : CSS Web Design Showcase
- CSS Beauty : Layouts Gallery.
- Stylegala : Lots of layouts rated by designers.
- CSS Drive : Categorized CSS gallery and examples.
- CSS Import : The CSS Gallery
- Web Creme : Web design inspiration
- css thesis : sites, that’s all.
- Dark Eye : Living Design Showcase
- Unmatched Style : CSS Gallery and Website Design Inspiration.
- CSS Blast : Russian site showcasing designs.
- Showcase GR : Greek sites reviewed.
- CSSelite : Ajax based gallery.
- Netdiver : Explorative designs reviewed.
- Dobelpixel : 80+ site designs reviewed.
- CreateBlog : 2500+ layouts
- CSS Mania : 2000+ layout designs
- CSS Collection : 1500+ web sites without tables.
- Data Tables and CSS Gallery : 70+ layouts for displaying tabular data.
CSS Articles, Hacks, Tricks and Tutorials
- Listamatic : one list, many options : using CSS and a simple list to create radically different list options.
- Listamatic2: nested list options : Nested lists!
- Listutorial: Step by step CSS list tutorial : basics of building background image lists, rollover lists, nested lists and horizontal lists.
- Floatutorial: Step by step CSS float tutorial : basics of floating elements.
- Selectutorial: CSS selectors : find out more about selectors.
- CSS 2.1 selectors, Part 1 | 456 Berea Street : selectors tutorial and examples.
- A List Apart: Articles: Sliding Doors of CSS : an excellent navigation line tutorial.
- 24 ways: Centered Tabs with CSS : center the navigation line with tabs.
- A List Apart: Articles: Suckerfish Dropdowns : creates dropdown menu without DHTML.
- 24 ways: Splintered Striper : displaying tabular data.
- 24 ways: Tables with Style : display table data with stripes.
- Somacon – HTML and CSS Table Border Style Wizard : choose table options; get CSS code.
- 24 ways: Broader Border Corners : round the corners of the boxes.
- Editsite.net – Rounded corners : more tricks to round those corners.
- Customising custom corners and borders | 456 Berea Street : still more rounded borders.
- stu nicholls | CSS PLaY | snazzy borders : get rounded borders without images.
- Spiffy Corners : making anti-aliased rounded corners with CSS.
- couchfort.net » CSS Curves : let the text flow along curves.
- Picment.com » Articles » CSS » Fun with forms : rounded customized input elements.
- Suckerfish HoverLightbox | Monday By Noon : displays images in a hoverbox when mouse hovers over text.
- SonSpring | Hoverbox Image Gallery : displays images when your mouse hovers over the thumbnail.
- 24 ways: Naughty or Nice? CSS Background Images : show a background image.
- PositionIsEverything : Easy Clearing : Clearing a float container without source markup
- SomeRandomDude – DIVless : No DIVs. No TABLEs.
- Friendly Bit » Cross-browser strategies for CSS : useful techniques to make the site same in all browsers.
- The Man in Blue > Resolution dependent layout : layout that changes with user’s display size.
- quirksmode : various css tricks.
- Get Cooking with Photoshop and CSS : combining CSS and Photoshop to create layouts.
- Technopedia : some very simple, but useful CSS tricks.
- eVolt : Ten CSS tricks you may not know.
Back to Basics : Full CSS Tutorials
- W3Schools : Online CSS Tutorial.
- CSS Basics : Making Cascading Style Sheets Easy to Understand.
- The Complete CSS tutorial : a well written full-fledged CSS tutorial.
- CSS From the Ground Up : an excellent tutorial.
Mailing List
- Css Discuss List
: css-discuss is a mailing list for the discussion of Cascading Style
Sheets, a powerful standard for adding presentational information to
HTML pages.
- Front Page : css-discuss wiki
Official CSS2 Specification
- Cascading Style Sheets, Level 2 : Official CSS2 specification at the World Wide Web Consortium (W3C)
CSS Properties Reference
- W3Schools : CSS2 Reference
- HTML Help : CSS Properties
Printable CSS Cheatsheet
- CSS – ILoveJackDaniels.com : CSS Cheat Sheets as PNG and PDF.
- Cascading Style Cheatsheet : Reference with examples.
Validate your CSS file
- The W3C CSS Validation Service : Enter URL or upload.css file; find errors, if any.
Tweak Your CSS file
- CSS Tweak : web based CSS tweaker; upload your CSS; make tweaking choices; download improved CSS.
Check Top Links
- CSS : Top popular links for CSS : eConsultant
- Webdesign : Top popular links for Webdesign : eConsultant
- Webdev : Top popular links for Webdev : eConsultant
No comments:
Post a Comment