Building a web app for desktop and mobile devices? Developr is for you. Write your code once, and let it handle the magic of responsive webdesign. Developr Admin skin is a flexible responsive HTML5 /CSS3 template, built on the mobile-first principle and based on the solid fundations of HTML5 Boilerplate and 320andUp, which provides a rich set of styles and features for all your needs.

Updated to v1.4, with new RTL version! See at the bottom for a detailed list of changes.

Main features

Adaptative layout

• Fluid design with 5 different layouts ranging from smartphone to wide screen.
• 12 columns CSS grid with the ability to set custom sizes for each responsive layout.
• All elements are responsive too: navigation, tabs, notifications, agenda, forms, tables, content panels…

Built-in plugins

• Powerfull and highly customizable features: tooltips, modal windows, notifications, confirmation message, tabs, styled form elements, navigable and collapsible menus, content panels…
• Most plugins allow inline configuration with classes and data attributes – no script needed.
• Plugins are touch-screen ready

Everything you need

• Ready to use styles for most needed features: lists, tables, agenda, calendars, galleries, files, blocks, forms, icons, messages, sliders, progress… And much more.
• Includes plugins for WYSIWYG editor, date picker, table sorting…
• Large set of utility classes to build your own styles and elements in no time and without touching CSS : layout, colors, shadows, gradients, position…

More!

Styles

• 9 colors sets with for each one a solid background color, a border color, a gradient, a hover style and an active style
• 122 vector icons using the awesome icon webfont Entypo
• Many visual elements to provide additional informations and customize your elements easily
• 3 different tabs styles
• Several columns styles
• Agenda styles, with full-week view and automatic scrolling for smaller screens
• New! 30 days calendar, in 4 sizes and fluid layout
• New! files lists and icons
• New! Images gallery
• Events list
• 2 tables styles, both responsive and sortable
• 6 Error pages: 400, 401, 403, 404, 418, 500 and 503
• Complete form styling with replacement for checkbox, radios, selects and highly customizable iOS-like switches

Features

• Automatic template setup: all your plugins fired automatically, everywhere
• Responsive changes events and control methods
• Innovative size change events
• Most plugins use inline options for shorter and smarter code
• Navigable menus (like iOS configuration menus)
• 6 different ways to display information to user:
  • Complete notification system, with ability to use browser’s desktop notifications when available
  • Messages styles and API
  • Powerful modal window with replacement for default alert, confirm and prompt
  • Flexible and highly customizable tooltips
  • Confirmation tooltip on links and buttons, just by adding a class
  • Information bubbles to provide help to the user
• Custom scroll (touch compatible)
• New! Content panels
• Flexible and customizable sliders and progress bars, with a complete API and 70+ options
• Auto-resizing textareas
• WYSIWYG editor
• Compatible with IE7 + and all modern browsers

What you get

The template package contains:

• The template file, ready to use, with 24 examples html files
• 3 different login pages
• 7 error pages
• Complete template PSD set: layout, elements, login, color themes, iOS icon kit, iOS splash screens kit, and more…
• Comprehensive documentation: every feature is detailled with ready-to-use examples
• Bonus! The template landing page is also included (PSD and html files)

Changelog

• v1.0
  • Initial release
• v1.1
  • ** NEW ** Added form validation
  • ** NEW ** Added input placeholder polyfill for older browsers
  • ** NEW ** Added fixed-size and fluid-size calendars styles and plugin
  • ** NEW ** Added files icons and lists styles
  • ** NEW ** Added images galleries styles
  • Several minor CSS fixes
  • High resolution shortcuts icons have now the correct size
  • Fixed too large radio/checkbox on login pages
  • Upgraded Modernizr to use built-in features detection for pointer-events, box-sizing and details
  • Upgraded GlDatepicker’s custom stylesheet to match the new calendar style
  • Better setup for tabs, accordions and selects
  • Fixed select replacements too small on iOS devices
  • Select replacements now open on click on the whole element
  • Number inputs get focus after each click on up/down arrows
  • Enable back keyboard focus for switches and checkbox/radio
  • Tooltips now have the option to close on click on element
  • Enable last-child support on IE8
  • Fixed viewport-width bug on iPad for the landing page
• v1.2
  • New Added responsive content panels styles and plugin
  • New Added files explorer example layout
  • New Added mail inbox example layout
  • New Added collapsible menus plugin
  • New Added DataTables plugin support with custom styling
  • Navigable menus can now show a specific inner element at startup
  • Fixed button-groups to work also with big and huge sizes
  • Switches can now be dragged for a more natural feeling
  • Value inputs now work with mousewheel
  • Added a style for files and icons list on dark background
  • Changed file icon class file-text to file-txt to fix an interaction with the file input style
  • Added arrow-up and arrow-down styles for lists arrows
  • Added support for fixed-position title bar on mobile layout
  • Added support for form validation on selects
  • Improved custom scroll plugin to work on absolutely positioned elements and to handle when scrollbar have been removed
  • Custom scroll no allow continuous scrolling even on touch devices
  • Fixed a bug with font-icons sizes in IE8
• v1.3
  • New Added wizard styles and plugin
  • New Added search feature for long selects
  • New Added bottom and right tabs styles
  • New Added simple style for Datatables plugin
  • Added ajax content loading for tooltips
  • Added visual styling for current element in big menus
  • Added support for optgroups
  • Improved replaced inputs tabindex detection
  • Added custom event update-select-list to force refresh of selects when changing content
  • Improved datepicker for better support in overflow:hidden elements
  • Navigable menus now trigger navigable-open and navigable-close events
  • Collapsible menus now trigger collapsible-open and collapsible-close events
  • Tabs now trigger showtab and hidetab events
  • Improved legacy browser’s features detection
  • Drop down navigation menu (on mobile layout) now closes when losing focus
  • Added syntax to style the size select when using Datatables plugin
  • Fixed a bug with selects width detection under webkit browsers
  • Selects with multiple selected values now display the correct value on load
  • Fixed a bug with responsive tables on webkit browsers
  • Fixed a bug with custom scrolling
• v1.4
  • New Added RTL version
  • New Added CSS classes to display/hide elements depending on active media query
  • New Added support for webapp mode under iOS (links open in the app, not in Safari)
  • New Added support for one side shortcut at the bottom
  • New Added automatic positioning for info-spots bubbles
  • New Added compact and mini sizes for fields lists labels
  • New Confirm plugin now allow direct call on target element, several minor improvements also included
  • New New methods for content panels to refresh content
  • New Added custom method to reset navigable menu to main level
  • New Added method to show a specific tab
  • New Added auto-close delay option for messages plugin
  • New Added an option to display the parent menu name in the back button in navigable menus
  • New Added example page for full height content-panels layout
  • Upgraded several external libs and plugins
  • Improved fixed position support detection
  • Improved fixed title bar handling
  • Added a visual style for disabled select options
  • Added visual style for active sorting column with DataTables
  • Content panels now accept options for the ajax call
  • Added l18n number formatting options for number inputs
  • Improved styled selects on touch screens
  • Added option to pass custom classes to modal windows main element
  • Added modal drag on touch screens
  • Upgraded $.modal.prompt method and $.modal.confirm to allow more options overriding
  • Added options to change prompt and confirm modal windows buttons text
  • Added automatic fading on custom scrollbars
  • Improved support for validation plugin in wizard
  • Improved auto-resizing textareas support
  • Improved the look of some form elements
  • Splash screen now displays correctly on iPad in landscape mode
  • Fixed an issue with font-icons alignement on block-lists under some browsers
  • Fixed duplicated icon class names
  • Fixed title bar buttons position in reversed mode
  • Fixed side tabs missing hover effect in reversed mode
  • Fixed tabs redraw issue with older versions of IE when changing media query
  • Fixed issues with styled forms elements and validation plugin
  • Fixed issues with placeholders being submitted
  • Fixed issues with inputs placeholders and validation plugin
  • Fixed issues with focus detection on IE7 /8
  • Fixed an issue in detection of fixed-width selects size
  • Fixed an issue when submitting form with an open drop-down select list
  • Fixed missing disabled state for multiple selects
  • Fixed an issue with text selection when using switches
  • Fixed issue with iFrame size on modals
  • Fixed issue with autospacing on slider/progress
  • Fixed duplicate buttons in wizard in some cases
  • Fixed issue with glDatePicker calendar when using static mode
  • Fixed button-icons position under Firefox
  • Added a workaround for jQuery’s inconsistency accros browsers on css() with percentage values