Developr - Fully Responsive Admin Skin-HTML5 is 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.3! 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
