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/
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
How to redirect an old domain to a new domain using htaccess?
Viewed 573 times since Sun, Mar 14, 2010
ICEpdf - Open Source Java PDF Library
Viewed 926 times since Wed, Jan 6, 2010
ZeusCart | Feature Rich Open Source E-Commerce System
Viewed 961 times since Thu, Jul 15, 2010
Create Glowing, Radioactive Buttons with CSS
Viewed 658 times since Sun, Dec 27, 2009
jQuery MultiSelect Plugin with ThemeRoller Support
Viewed 928 times since Thu, Feb 4, 2010
PHP Script For PDF to HTML Conversion
Viewed 3372 times since Tue, Dec 15, 2009
How to restrict access to your .htaccess file?
Viewed 658 times since Sun, Mar 14, 2010
PHP Questions for Interview with Answers
Viewed 924 times since Wed, Feb 24, 2010
Plupload - Multiple Files Upload Script
Viewed 925 times since Tue, Feb 9, 2010
45 jQuery Navigation Plugins and Tutorials
Viewed 1647 times since Thu, Jan 28, 2010
MENU