6b0e8eb51e4f7ff284db370232c1ce552e9896def8eb686572

Open Multiple URL In Single Click

Monday 23 January 2012

Top CSS Layout Download Sites, Hacks, Galleries and Tricks

Download CSS Layouts

  1. 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.
  2. Template: css at i-use.it : 30+ layouts including Tanfa: 3 columns, Stanicek: 3 cols, Meadowcroft: unthreaded discussion, Brill: 3 cols etc.
  3. Max Design : 20+ layouts including Floatutorial, Two columns with color, Selectutorial, Colored boxes, Single column etc.
  4. Little Boxes : 15+ layouts including one box, two box, three column, absolute, fluid, touching, centered etc.
  5. Intensivstation : 15+ layouts including 2 columns fixed centered, 2 columns fixed centered, 3 columns fixed centered etc.
  6. 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.
  7. CSS Play UK : 10+ layouts including Three columns, Shrink your body, Back to BASICS, Simple minimum width layout, 100% background image etc.
  8. TJK Design : 8 layouts including liquid, fluid, elastic, flexible, jello…
  9. Ruthsarian Layouts : 7+ layouts including Tank!, Skidoo Too, Skidoo Too : Gargoyles, Skidoo : 2 or 3 Column w/Background Colors etc.
  10. 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.
  11. 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.
  12. BlueRobot : 3 layouts including 2 columns – left menu, 2 columns – right menu, 3 columns – flanking menus.
  13. Tanfa UK : 3 layouts including Flexi-Floats, Absolutely Fluid, 3 Column etc.
  14. WebProducer.at : Flexible Layout
  15. Yet Another Multicolumn Layout : A multi-column layout. German site. Click download button.
  16. Open Web Design : 1500+ layouts in business and fun types. Searchable database.
  17. CSS Zen Garden : 800+ layouts including 2 Column, Disconnected, Garden & Floral, etc.
  18. CSS-discuss list : 50+ three column layouts.

Create a Layout via a Web Form

  1. Position Is Everything : Make layout choices for ordered 1-3 columned page; generate layout.
  2. inknoise : Make layout choices for Full Page, Two Columns, Three Columns; generate layout.
  3. CssCreator : Make choices for fliud/fixed, upto 3 columns, header, footer; generate layout.

Visit Layout Galleries. Be Inspired.

  1. css Zen Garden : The Beauty in CSS Design
  2. CSS Vault : The Web’s CSS Site
  3. The Weekly Standards : CSS Web Design Showcase
  4. CSS Beauty : Layouts Gallery.
  5. Stylegala : Lots of layouts rated by designers.
  6. CSS Drive : Categorized CSS gallery and examples.
  7. CSS Import : The CSS Gallery
  8. Web Creme : Web design inspiration
  9. css thesis : sites, that’s all.
  10. Dark Eye : Living Design Showcase
  11. Unmatched Style : CSS Gallery and Website Design Inspiration.
  12. CSS Blast : Russian site showcasing designs.
  13. Showcase GR : Greek sites reviewed.
  14. CSSelite : Ajax based gallery.
  15. Netdiver : Explorative designs reviewed.
  16. Dobelpixel : 80+ site designs reviewed.
  17. CreateBlog : 2500+ layouts
  18. CSS Mania : 2000+ layout designs
  19. CSS Collection : 1500+ web sites without tables.
  20. Data Tables and CSS Gallery : 70+ layouts for displaying tabular data.

CSS Articles, Hacks, Tricks and Tutorials

  1. Listamatic : one list, many options : using CSS and a simple list to create radically different list options.
  2. Listamatic2: nested list options : Nested lists!
  3. Listutorial: Step by step CSS list tutorial : basics of building background image lists, rollover lists, nested lists and horizontal lists.
  4. Floatutorial: Step by step CSS float tutorial : basics of floating elements.
  5. Selectutorial: CSS selectors : find out more about selectors.
  6. CSS 2.1 selectors, Part 1 | 456 Berea Street : selectors tutorial and examples.
  7. A List Apart: Articles: Sliding Doors of CSS : an excellent navigation line tutorial.
  8. 24 ways: Centered Tabs with CSS : center the navigation line with tabs.
  9. A List Apart: Articles: Suckerfish Dropdowns : creates dropdown menu without DHTML.
  10. 24 ways: Splintered Striper : displaying tabular data.
  11. 24 ways: Tables with Style : display table data with stripes.
  12. Somacon – HTML and CSS Table Border Style Wizard : choose table options; get CSS code.
  13. 24 ways: Broader Border Corners : round the corners of the boxes.
  14. Editsite.net – Rounded corners : more tricks to round those corners.
  15. Customising custom corners and borders | 456 Berea Street : still more rounded borders.
  16. stu nicholls | CSS PLaY | snazzy borders : get rounded borders without images.
  17. Spiffy Corners : making anti-aliased rounded corners with CSS.
  18. couchfort.net » CSS Curves : let the text flow along curves.
  19. Picment.com » Articles » CSS » Fun with forms : rounded customized input elements.
  20. Suckerfish HoverLightbox | Monday By Noon : displays images in a hoverbox when mouse hovers over text.
  21. SonSpring | Hoverbox Image Gallery : displays images when your mouse hovers over the thumbnail.
  22. 24 ways: Naughty or Nice? CSS Background Images : show a background image.
  23. PositionIsEverything : Easy Clearing : Clearing a float container without source markup
  24. SomeRandomDude – DIVless : No DIVs. No TABLEs.
  25. Friendly Bit » Cross-browser strategies for CSS : useful techniques to make the site same in all browsers.
  26. The Man in Blue > Resolution dependent layout : layout that changes with user’s display size.
  27. quirksmode : various css tricks.
  28. Get Cooking with Photoshop and CSS : combining CSS and Photoshop to create layouts.
  29. Technopedia : some very simple, but useful CSS tricks.
  30. eVolt : Ten CSS tricks you may not know.

Back to Basics : Full CSS Tutorials

  1. W3Schools : Online CSS Tutorial.
  2. CSS Basics : Making Cascading Style Sheets Easy to Understand.
  3. The Complete CSS tutorial : a well written full-fledged CSS tutorial.
  4. CSS From the Ground Up : an excellent tutorial.

Mailing List

  1. 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.
  2. Front Page : css-discuss wiki

Official CSS2 Specification

  1. Cascading Style Sheets, Level 2 : Official CSS2 specification at the World Wide Web Consortium (W3C)

CSS Properties Reference

  1. W3Schools : CSS2 Reference
  2. HTML Help : CSS Properties

Printable CSS Cheatsheet

  1. CSS – ILoveJackDaniels.com : CSS Cheat Sheets as PNG and PDF.
  2. Cascading Style Cheatsheet : Reference with examples.

Validate your CSS file

  1. The W3C CSS Validation Service : Enter URL or upload.css file; find errors, if any.

Tweak Your CSS file

  1. CSS Tweak : web based CSS tweaker; upload your CSS; make tweaking choices; download improved CSS.

Check Top Links

  1. CSS : Top popular links for CSS : eConsultant
  2. Webdesign : Top popular links for Webdesign : eConsultant
  3. Webdev : Top popular links for Webdev : eConsultant

Posted by at 10:58

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)

ads