Article Diary - General Knowledge Digest

Admin Skins - Constellation Complete Admin Skin

Constellation is a powerfull admin skin for building advanced backends, both for desktop and mobile users. It provides a wide range of styles from data visualization to lists and calendars, all fluid and nestable. This skin is build on HTML5 and CSS3 , and is powered by jQuery for maximum user experience.

Features
  • HTML5 & CSS3 markup
  • Fluid or fixed layout, based on 960 grid system
  • 40+ elements styles, with multiple variations
  • jQuery powered, fully functional even if JS is disabled
  • Satellite backend pages are provided: login, error with report sending, 404’s…
  • Mobile version included – for iPhone, Android and all webkit-based mobile browsers – compatible with main template content styles
  • All elements are fluid (sizes are in EMs): resize just by adding a class
  • Detailled documentation with complete styles and functions references
  • 2 background colors : light and dark
Pages included in the package
  • Main page with examples of all included styles:
    • Favorites list
    • Statistics with filters
    • Planning
    • Control panel
    • Simple and complex forms
    • Advanced table block
    • Data grid view
    • File manager
    • 4 calendars styles
    • Tasks and blocks
    • Toolbar
    • Multiple lists styles
    • Help
    • Wizard and image gallery
  • Login with working ajax/php script (compatible with the mobile version)
  • Error page with report sending, fully fonctionnal (compatible with the mobile version)
  • Error documents: 400, 401, 403, 404, 500 and 503 (compatible with the mobile version)
  • Mobile pages
  • Older browser ‘Please update’ notice page, with working detection
Included styles
  • Navigation with infinite levels
  • User status bar with breadcrumb
  • Fixed edition bar, stays on top of screen
  • Fixed footer buttons
  • Drop-down menu with infinite levels, embeddable in many elements
  • Content box with glass border, block controls and a dedicated tabs style
  • 3 nestable tabs styles
  • Forms with collapsible fieldsets, visual required/validation styles and iPhone-like switches
  • 5 messages styles
  • User planning with timelines, milestones, breaks, unavailable periods, current time…
  • Table with sort arrows
  • Tiny, medium, large and list calendars with multiple events listing styles
  • Wizard steps
  • Image gallery and preview
  • 20 different list styles with multiple variations:
    • Bulleted list
    • Keywords
    • Tags
    • Small pagination
    • Picto list
    • Simple list
    • Collapsible list
    • Definition list
    • Accordion list
    • Files tree
    • Favorites
    • Shortcuts
    • Files list
    • Grid list
    • Tasks list with tags and comments
    • Blocks & mini-blocks list
    • Icon list
    • Small files icon list
    • Extended list
Functions
  • Automatic setup: no extra JS needed to enable template effects, even on AJAX loaded content
  • Working AJAX /php login script
  • AJAX instant search-form results
  • Full featured error page, with report sending form
  • CSS and JS files compression system, easy to use (no server customization required)
  • Nestable tabs, with content height equalization, events on show/hide to setup content and browser back button enabling
  • Built-in tips system, with both CSS or JS setup
  • Multiple dedicated plugins: accessibleList (long lists pagination), ajax real-time search field…
  • Older browsers detection (redirect to a ‘Please update’ notice page)
  • Context menu (right click) plugin, with easy building function
  • Closable elements, just by adding one span inside
  • Growl-like notifications and block messages in just one function call
  • Ajax loading effect, with animation and Retry/cancel message on error
Template package content
  • HTML only template
  • HTML + PHP template
  • All template PSD files: main, mobile, special pages, favicons and slices
  • Detailled documentation with complete styles and functions references + code samples
Credits
  • Fugue Icon Set
  • FineFiles Icon Set
  • Flags Icon Set
  • Web Application Icon Set
Demo: http://www.display-inline.fr/demo/constellation/
5 (1)
Article Rating (1 Votes)
Rate this article
Attached Files
There are no attachments for this article.
Comments
There are no comments for this article. Be the first to post a comment.
Name
Email
Security Code Security Code
Related Articles RSS Feed
Stylish Cross-Browser CSS Buttons - Simply-Buttons v2
Viewed 1201 times since Thu, Nov 12, 2009
jQuery Slider from a Select Element
Viewed 2741 times since Thu, Jan 14, 2010
SlideDeck - Cool jQuery Slideshow Plugin
Viewed 1312 times since Thu, Feb 4, 2010
Lorem Ipsum Dolor Sit Amet
Viewed 1660 times since Tue, Oct 6, 2009
30 High Quality Charts & Graphs for Web Developers
Viewed 3350 times since Wed, Mar 23, 2011
How do I setup and use SSH?
Viewed 1829 times since Thu, Oct 15, 2009
How to password protect folder/files using htaccess file?
Viewed 1195 times since Sun, Mar 14, 2010
Axiis - Open Source Data Visualization Framework
Viewed 1476 times since Thu, Jan 7, 2010
jDigiClock - HTC Hero Style jQuery Digital Clock
Viewed 1287 times since Tue, Feb 16, 2010