• Special Downloads
    • Free Icons
    • Freebies
    • jQuery Scripts
  • Licences
    • Apache License
    • MIT License
    • CC License
    • GPL License
    • LGPL License
    • GNU License
    • Other Licenses
    • No License
  • Scripts & Apps
  • XHTML & CSS
  • Contact Greepit



Visual Sitemap using CSS: CSSsitemap System


 11 May 2011


If you are going to design a considerably large website, portal or application (large does not mean 18 pages :P ), you need clear visibility of what is going to be developed and how it is going to be fit in the big picture. You cannot just start designing the wireframe without knowing the actual depth and breadth of the system.

CSSsitemap System (well, not actually a real sitemap system) allows you to design sitemap-like visual structure of the system. It helps you understand the workflow and division of resources all across the system. Based on pure CSS, CSSsitemap System is fast, efficient and clutter-free.

Visual Sitemap using CSS

The system is intended for documenting pages in a website in a visual and functional way. It’s very straight forward: pages are presented in a branched format using unordered lists. URL information can be added to any item in the tree for quickly navigating complex sites.

Requirements: Webkit Browsers
Demo: http://theleggett.com/demos/csssitemap/index.html
Website: http://theleggett.com/2011/05/04/csssitemap-system/
License: Free






    Share This


Related Posts


Free Online Sitemap Generator – WriteMaps
May 20, 2010
Usability Tips for Web Designers – Must Know
January 6, 2009


Leave a Reply Cancel reply


  • Recent Posts

    • 430 Free and Beautiful Icon Font: Ionicons
    • Simple, Lightweight and Fast jQuery Responsive Touch Slider – GlideJS
    • Form Building Library for Bootstrap, jQuery Mobile and jQuery UI – Alpaca
    • Lightweight jQuery plugin to Set Type/Text on a Circle – Circletype.js
    • A Video player without Video Files – Frame Player
  • Search Resources

  • Categories

    • Actionscript
    • Ajax
    • Apache License
    • Articles & Books
    • Brushes
    • BSD License
    • Business Cards
    • CC License
    • Charts & Maps
    • Chat
    • CMS
    • Colors
    • Components
    • Design
    • Effects
    • Extras
    • Featured
    • File Managers
    • Flash
    • Fonts
    • Frameworks
    • Free Icons
    • Free License
    • Freebies
    • Freebies
    • Fun
    • Gallery
    • GNU License
    • GPL License
    • Icons
    • Images
    • Information
    • Interviews
    • Invoicing
    • Javascript
    • jQuery Scripts
    • LGPL License
    • Licences
    • Media
    • Menu and Navigation
    • MIT License
    • Mobile
    • Mobile Development
    • No License
    • Open Source
    • Open Source
    • Other Licenses
    • Pattern
    • PHP
    • Plugins
    • Popups & Notifications
    • PSD
    • Reviews
    • Scripts & Apps
    • SEO
    • Site of the week
    • Software
    • Software & Tools
    • Statistics
    • Templates
    • Texture
    • Tips and Tutorials
    • Tools
    • Useful Snippets
    • User Interface
    • Validations
    • Vectors
    • Web Application
    • Web Application
    • WP Theme
    • WYSIWYG HTML Editor
    • XHTML & CSS
  • Tags

    Actionscript AI Ajax Android Animation Canvas CMS CSS CSS3 Firefox Flash Framework Freebies Gallery Google Grid Html HTML5 Icon Icons Images iOS Javascript jQuery Library Mootools MYSQL Navigation Open Source Photoshop PHP Plugin PNG PSD Responsive Script Software Theme Tool Tools Twitter Vector Web Application Web Design Wordpress



    Copyright 2013 Greepit.com