jquery round
http://www.queness.com/post/742/100-jquery-tutorial-and-plugin-collections-on-september
40 Highly Customizable Commercial Admin Templates And Skins
Building a CMS from scratch can be hard and exhausting work, plus you need to have a good design stitched to it if you’re creating it for client. Sometimes it’s better to spend little money for a great quality product, these highly customizable admin templates could be a great starting point into new project and now there are really big assortment to choose from by. In this post you’ll find 40 customized, user-friendly and fluid themes to integrate in your CMS. Enjoy!
1. Admintasia ($14)
Admintasia is a complete backend administration user interface that has the flexibility to house any kind of application. It loads last, it’s intuitive and easy to use, it uses only three small images and it also looks good.
Admintasia’s layout is very customizable. With the help of my helper CSS classes you can, for example divide the main content area into one big box and two small ones, or three smaller one, or two big ones. You want two notification boxes side by side? No problem, just add a css class and you’re done and this goes for almost all elements. Everything is fluid. Also, there is an option in the sidebar from which you can set a fixed page width.
2. Simpla Admin ($22)
Simpla Admin is a professional template with a beautiful and user-friendly interface. With various smart and intuitive jQuery functions, navigating the interface is a breeze.
Some features:
3. Complete Liquid ($22)
Complex Liquid Admin template that contains a login page as well as a modular content page that includes all the elements you could possibly need in your admin. From these elements you should be able to generate any required page.
Liquid as opposed to a fixed size means all the screen real-estate is used in the most efficient manner possible and also eliminates compatibility issues with non-standard, very low or very high screen resolutions.
4. Profi Admin ($22)
Profi Admin is a clean and simple style template but it’s complexity and expansibility goes beyond expectations. The big visual menu creates the intuitive navigation while the tabbed and the hidden submenu expands the structure to 3 menu levels. Inspired by the WordPress Administration layout.
5. Boxie ($14)
Modern looking design, easy to use user interface (UI) and cool user experience (UX). Made in terms of progressive enhancement (using CSS3 properties in order to get as clean code as possible with less images etc.) and with graceful degradation in mind = looks great in modern browsers and good in older browsers as well (just take a look at live preview).
6. Cleanity ($17)
This professional looking and highly flourished skin is suitable for almost any kind purpose. Cleanity is a compilation of all features you might need on an administration theme.
Some features:
- Valid XHTML / CSS
- Flash Like Animated Drop Down Navigation
- Rounded Corners with No Images
- Quick Visual Links with Graphical Navigation
- Visual WYSIWYG Editor on Desired Textareas
- Works in all Major browsers both in Windows & Mac OSX
7. Wide Admin ($14)
Wide admin is a powerful lightweight backend interface application, ready to use for any software / CMS you want.
Some features:
- Sortable and togglable dialog windows
- Liquid (fluid) layout, the content resizes to user’s window up to 1600px
- Two skins – Smooth gray, and silk black
- Valid XHTML and CSS , crossbrowser compatible. CSS3 (for rounded corners and shadows) is optional
- Tooltips available for any item
- Full support / assistance included
8. Ultra Admin Full ($22)
Advanced yet easy to use administration panel template. It includes 4 color schemes (the very hot aurora graphic skin, white, blue and dark skins) and is divided in a login page and two content pages that includes all the elements you could possibly need in your admin. From these elements you can generate any required page.
9. Adminus ($22)
Adminus is a stylish admin panel template, ready to be implemented as the back-end interface of your application. The template uses smart jQuery scripts and effects, which degrades perfectly.
Some features:
10. Flexy ($17)
Advanced and easy to use administration theme which comes in 7 different colour variations. The theme is liquid, which means the width of the content area adapts to your browsers window size.
The template is divided into a login page and a content page that uses 4 different tabs to display the commonly used interface elements, needed to create an admin panel. It comes with many easy to use javascript effects like tabs, datepicker, message dialog, rich text editor, closable elements etc. Allof these elements can be applied with the simple use of html classnames, no need to ever edit the javascript.
11. Meta Admin v1 ($17)
Advanced yet easy to use administration panel template. It includes 4 color schemes (blue, green, grey, red) and is divided in a login page and a content page that includes all the elements you could possibly need in your admin. From these elements you can generate any required page.
12. Element ($14)
Element Admin is a static html template that can be used as a starting design for your next web application or cms admin template. It includes the necessary elements to give your backend admin section a modern web 2.0 look.
Some features:
- Valid XHTML & CSS
- Includes several styles including forms, tables, alerts, and more!
- Code is well documented and comes complete with ReadMe file
- PSD files included
13. Fresh CMS ($22)
FreshCMS is a fresh kind of skin/theme, there is no similar kind of skin/theme here on ThemeForest! This skin/theme is almost complete(about 80%). This means that you can save some time in designing and building of a CMS . FreshCMS is packed with jQuery stuff like toggle, styleswitcher, delete content, sortable and more.
14. Admin Theme ($12)
You’re a great PHP programmer, but you find your web applications not really visually appealing? Ultimate Admin Theme is perfect solution for you and your web applications.
Some features:
15. Smooth Admin ($14)
Smooth Admin is a user-friendly administration panel that comes in 6 premade color schemes which include blue, green, brown, purple, red and a greyish light blue. Additionally you can style it any color you like using the included PSD file.
Some features:
16. Pro Manager v2 ($17)
This theme is a flexible liquid layout with two columns and three menu options. This site is best suitable for a custom admin skins for a corporate business template. For navigation Colors and content background color Settings please follow below mentioned CSS files.
17. See Admin Interface ($22)
See Admin Interface is a new theme with a beautiful and accessible interface based on Jquery framework to make user interaction more pleasant.
Some features:
18. Broom Cupboard ($22)
Broom Cupboard is a simple, stylish and novel back-end theme for any custom dynamic website. Built using valid XHTML and CSS with a few jQuery flourishes (form validation, datepicker), this admin skin is easy to customise and intuitive to use.
19. Admin Control Panel ($17)
This is a very user-friendly admin template you can very well use for your own clients.
Some features:
20. Visual Admin ($14)
Visual Admin is a stylish template designed for both front end and back-end projects. It comes with a separate login page, and being designed with the 960 grid system if offers endless layout options. Using Google Charts, the template shows off how this template could be used as a dashboard or even a front-end application.
Some features:
21. Admin Base ($14)
Admin Base is a complete professional admin user interface that is both functional, stylish and flexible.
Some features:
22. Administry ($17)
“Administry” is a complete solution control panel template. It is best for content management systems, website backends or as a standalone skin for a web application.
Some features:
- Fully HTML5 + CSS3 compliant
- Crossbrowser compatible
- WYSIWYG editor
- Sortable datatables
- Charts and graphs
- Styled forms, headings and tables
- Well commented code
23. WeAdmin ($14)
WeAdmin is a clean and modern admin theme, ready to be structured as your software’s control panel. This template also uses well-known jQuery, jQuery UI scripts and effects.
Some features:
24. ProAdmin ($17)
This Admin Template is a web 2.0 skin for web-based applications and CMSs. It’s just a HTML template. This theme is easy to integrate into existing projects or
you can start new from scratch. Needs php/html/css skills.
Some features:
25. ForestCP ($14)
ForestCP is a great and easy to customize backend administration user interface.
Some features:
26. Black Admin v2 ($14)
Black Admin v2 is a nice and beautiful BLACK admin skin to integrate to your CMS or whatever you feel like integrating it to.
Some features:
27. Equinox ($22)
This is a cool admin template that can also be used for business or general purpose sites. It contains all the possible elements you need. Combining these elements can turn out any page useful in an admin panel. It has a cool login page with remember me, forgot password, ajax validation and example php login script.
Some features:
- Three levels top main menu
- Separate windows design for increased flexibility
- Dropdown action select menu
- Photo gallery design with lightbox support
- Event calendar design
- Messages (5 styles : positive, negative, neutral, tips, warnings)
28. Full Admin ($12)
Full Admin is a complete solution for your admin control panel template. Shipped with both web and mobile templates. Mobile support: iPhone, iPod Touch, Android 2.2 and Opera mini.
Some features:
29. Azure Admin ($14)
Azure Admin is a clean admin template designed for front end and back-end projects. The theme was built to be flexible with six different color options and both fixed width & fluid width layouts included.
Some features:
- Semantic & Valid XHTML 1 .0
- Fixed & Fluid width layouts
- Well Commented Code and detailed Help Documentation
- Mega Dropdown Menus
- Notification Boxes with closing animation
- Super Clean and Lightweight
30. iAdmin ($10)
iAdmin is a powerful mobile admin template which you can run as a web app fullscreen on your iPhone or iPod Touch.
Do you have a custom website and you would like to be able to quickly check new comments, new users or post an article on the go with your iPhone? Are you building a website for a client and you would like to offer the same functionality along with a standard admin panel? Then iAdmin is the perfect solution for this job as it offers you all the essential features you need and even more to quickly build your mobile admin panel.
31. Easy Admin ($14)
EasyAdmin is a clean and easy to integrate or code with, admin template. It is well commented, documented and designed with the developer in mind.
Its jquery powered sidebar with custom code, can help you have really quick and easy in front of you the functionality you want to use often in the admin panel, such as adding a user, a post or even updating status on Twitter.
Some features:
- Unique widget sidebar
- Character limit script for Twitter widget
- 4 colors
- Markitup editor
- Tested & works great with all popular browsers (IE, FF, Safari, Chrome, Opera)
32. Lite Admin ($17)
LiteAdmin is a backend admin template. This web application template was built with Web 2.0 in mind and will give you all of the elements to jumpstart your backend web application skin. LiteAdmin includes heading styles, tables styles, error and success message styles and much more. This admin theme will easily integrate into existing web applications or be a great start as a theme for your upcoming application.
33. Control Admin ($14)
Control Admin is a fluid full-page admin panel with a flexible interface. It utilises all the space on the screen to create a fantastic user experience for the backend administration of your web application / cms. It features clever jquery, multiple colour schemes, and cross browser compatibility. Setting it up, and creating your own pages is a breeze, with a multitude of features available at your fingertips.
Some features:
- Semantic, valid HTML5
- Easy to read, commented code
- In-depth documentation
- Cross Browser Compatible
- Smart ‘Check All’ Checkboxes
- WYSIWYG Editor
- Multiple color schemes
- Fully layered and named PSD’s
34. Admin Panelz ($14)
Some features:
- 5 Color schemes (blue, green, orange, red, gray)
- jQuery powered
- Change panels position, easy drag and drop
- Horizontal content slider
- Select box and upload box new style
- Fully layered PSD + extra files
- Valid xHTML/CSS
35. Admin UI ($14)
AdminUI is a great and easy to customize backend administration user interface, ready to use for any software / CMS you want.
Some features
36. Dark Admin ($14)
Dark Admin is a lightweight, easy-to-use, dark HTML admin template. It does not include any CMS features or backend coding. The theme is based on the layout of collis’ Quik v1 Admin Skin, but, it really is a whole different theme because of the color scheme.
37. Pink Diamond ($17)
A very clean and unique admin theme with a touch of pink. It ships with an easy-to-use, very flexible six-column CSS grid system (similar to 960.gs). You lay out the content the way you want using valid XHTML 1 .0 Strict. Two-column-width left sidebar? Three right sidebars? No problem. Just look at the preview to get an idea of the endless possibilities.
38. Murano Admin ($14)
Murano Admin is a modern admin template designed for front end and back-end projects. The theme comes with 10 different color options, plus custom colors can be easily integrated.
Some features:
39. Admin Skin ($17)
AdminSkin is a back-end theme for any dynamic web site. It uses the latest and greatest of the jQuery library to create a usable and degradable site, while using good code practices and valid code. Plus, it includes a detailed color PDF Manual and screencast support to help anyone use this theme to its full potential. While relatively simple, it can support many layers of navigation.
Some features:
40. Karamel Admin ($22)
Karamel Admin is an administrative panel with a flexible interface and a set of interface elements, which among other things contains a calendar with backlight days with events and statistics of visitors from Google Analytics.
Some features:
- jQuery / UI Powered
- Google Analytics stats
- Hide able and resizable sidebar
- CSS3 buttons (8 styles)
- WYSIWYG text editor
- PHP files included
- Cross browser compatible
- Well commented code
Jquery slide down
<script type=”text/javascript” src=”jquery-1.4.2.js”></script>
<style>
div{ background:#de9a44; margin-top:-200px; width:120px; height:80px; display:none; position:absolute;}
</style>
</head>
<body style=”padding:0px; margin:0px;”>
<div id=”block”><img src=”thumb6.jpg” width=”120″ height=”80″ alt=”" /></div>
<script type=”text/javascript”>
$(“document”).ready(function(){
$(“div”).css(“opacity”, “0.5″);
$(“#block”).animate({
width: “120″,
height:”80″,
opacity:”1″,
marginLeft: “0px”,
marginTop:”65px”
}, 2500 );
});
</script>
35 Extremely Useful Addons for Web Developers
Firefox offers a lot of benefits over other browsers. Apart from the well web browser that Firefox is also a web developers’ best friend. You can do about all of your web page testing inside Firefox and make use of it as a tool along with graphic and code editors to assist you design more improved and faster. One of the best advantages is that, it has ability to install add-ons. There are huge amount of great plugins are available for web developers to use to assist them make better websites and make them easier to find the way.
Here I mention some of the exciting Addons of Firefox which makes it different from others for the Web Developers’.
1. Web Developer
A must have option for any web designer. This extension adds a toolbar that has a long selection of webmaster tools and resources. It has ability of view source of CSS easily in new tab, validation of HTML, CSS, Feeds, and many more access. Other it is included with information and manipulation of forms, images, and cookies.
2. CSS Validator
Validates a page using the W3C CSS Validator. Adds an option to the right-click context menu and to the Tools menu to allow for easy validation of the CSS of the current page. Opens the results in a new tab. Will only work on pages that have a CSS file associated.
3. ColorZilla
With this exciting feature you can get a color reading from any part in your browser and can quickly adjust this color, then can easily use of it into another program. It is obviously much better than searching for a particular color code all over in a stylesheet.
4. Aardvark
Cool utility for cleaning up a page (for printing or better viewing) as well as for web development. Displays a red rectangle on the element under the mouse — hit “w” to go wider (get the containing element), then hit other keystrokes to remove, etc.
5. Firebug
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
6. FireFTP
For the developer FTP application is so much important. And FireFTP is an FTP client that you can launch right in your browser’s window. So you don’t need any separate FTP application, if you are a user of Firefox.
7. FirePHP
FirePHP enables you to log to your Firebug Console using a simple PHP method call. FirePHP is ideally suited for AJAX development where clean JSON or XML responses are required. All data is sent via a set of X-FirePHP-Data response headers. This means that the debugging data will not interfere with the content on your page.
8. HTML Validator
It is simple to use, efficient in its performance, provides helpful feedback. Validates HTML documents using the CSE HTML Validator engine for Windows. Requires CSE HTML Validator for Windows.
9. Screengrab
This extension allows you to take full mode screenshots of web pages. With this you can capture the visible portion of web page and able to copy it to clipboard.
10. IE View
Lets you load pages in IE with a single right-click, or mark certain sites to “always” load in IE. Useful for incompatible pages, or cross-browser testing.
11. JavaScript Debugger
This extension offers feedback for JavaScript errors which provides a lot of detailed information to assist you troubleshoot and fix the problem.
12. CSSViewer
No Web designer should be working without CSSViewer. The add-on informs you of all the CSS information you’ll need from a site. Simply click on the page you want, open it in the Tools menu, and it will display CSS information. I use it almost every day.
13. Window Resizer
This a great feature which allows you to change between different resolutions and screen sizes for testing your layout.
14. Image Zoom
Easily zoom in, zoom out, fit image to screen or set custom zoom on individual images within a web page. All this can be done by using the context menu or a combination of mouse buttons and scroll wheel. Handy to see the finer details of smaller pics or to make very large pics fit within your screen.
15. Font Finder
FontFinder is created for designers, developers and typographers. It allows a user to analyze the font information of any element on a page, copy any piece(s) of that information to the clipboard, and perform inline replacements to test new layouts.
16. JSView
All browsers include a “View Source” option, but none of them offer the ability to view the source code of external files. Most websites store their javascripts and style sheets in external files and then link to them within a web page’s source code. Previously if you wanted to view the source code of an external javascript/stylesheet you would have to manually look through the source code to find the url and then type that into your browser.rnrnWell now there’s a much easier way. You can use the JSView extension to solve the problem.
17. Palette Grabber
Creates a color palette for Photoshop, Paint Shop Pro, GIMP, Flash, Fireworks, Paint.NET, or OS X based on the current page.
18. Style Sheet Chooser
Style Sheet Chooser II allows you to choose author-provided alternate style sheets for a web site, and have those choices be persisted for all pages on the same site. Style Sheet Chooser II replaces Firefox’s built-in style sheet switcher – its functionality is available via the [View]->[Page Style] menu item, one-click stylesheet rotating Toolbar icon and Statusbar icon. Icons can be switched on/off via Extension Preferences.
19. W3C Offline Page validator
Validates the source of a HTML/XHTML page via the W3C Markup Validation Service using the direct-input form.
20. Greasemonkey
Allows you to customize the way a webpage displays using small bits of JavaScript.
21. Codetch
Get the feel of Dreamweaver in a Firefox extension. Edit your documents right next to your web pages as you surf.
22. OperaView
Open pages in Opera from Firefox context menus. Very usefull for web developers!
23. FireShot
FireShot is a Firefox extension that creates screenshots of web pages (entirely or just visible part). Unlike other extensions, this plugin provides a set of editing and annotation tools, which let users quickly modify web captures and insert text annotations and graphical annotations. Such functionality will be especially useful for web designers, testers and content reviewers.
24. LinkChecker
Check the validity of links on any webpage. There’s also a toolbar button that can be added for easier access to LinkChecker. Just right click on your toolbar, choose “Customize” and look for the button with the underlined blue check.
25. Java Console
The Java Console enables you to monitor status and debug running applets and Java Webstart application that use Sun Java technology.
26. Poster
A developer tool for interacting with web services and other web resources that lets you make HTTP requests, set the entity body, and content type. This allows you to interact with web services and inspect the results.
27. YSlow
YSlow analyzes web pages and why they’re slow based on Yahoo!’s rules for high performance web sites.
28. Fasterfox
Performance and network tweaks for Firefox. Fasterfox allows you to tweak many network and rendering settings such as simultaneous connections, pipelining, cache, DNS cache, and initial paint delay. Dynamic speed increases can be obtained with the unique prefetching mechanism, which recycles idle bandwidth by silently loading and caching all of the links on the page you are browsing. A popup blocker for popups initiated by Flash plug-ins is also included.
29. CS Lite
30. IE NetRenderer
Adds buttons, tools menu and contextual menu entries to get a screenshot of the current page with IE NetRenderer. Keyboard shortcuts are also available: Ctrl+Shift+F5/F6/F7/F8 to render the page in IE5.5/6/7/8 Beta 2 (Cmd+Shift+F* on Mac). Really useful for webmasters which are not using Windows!
31. Adblock Plus
Adblock Plus allows you to regain control of the internet and view the web the way you want to. The add-on is supported by over forty filter subscriptions in dozens of languages which automatically configure it for purposes ranging from removing online advertising to blocking all known malware domains. Adblock Plus also allows you to customize your filters with the assistance of a variety of useful features, including a context option for images, a block tab for Flash and Java objects, and a list of blockable items to remove scripts and stylesheets.
32. Cooliris
Meet Cooliris, the 3D Wall that speeds up search on Google Images, YouTube, Flickr, and more. Enjoy the richest way to view photos from Facebook, Picasa, and even your own computer. On our infinite 3D Wall, you can effortlessly scroll though thousands of images and videos in seconds without having to click from page to page. Our Channels feature even lets you surf the latest news, TV episodes, and more.
33. Load Time Analyzer
The Load Time Analyzer allows developers to measure and graph how long web pages take to load in Firefox. Load Time Analyzer produces graphs that show the occurrence of events such as requests for the page, images, stylesheets and scripts, along with events like the execution of an onload script.
34. ChromEdit
A Simple User Profile File Editor. Giving access to userContent.css [for adding user styles that are applied to webpages], userChrome.css [for overriding UI styles], read-only access to prefs.js and access to user.js [to make more permanent preference changes - though you need to grok the structure and possible values first ].
35. Dust-Me Selectors
Dust-Me Selectors is a Firefox extension (for v1.5 or later) that finds unused CSS selectors. It extracts all the selectors from all the stylesheets on the page you’re viewing, then analyzes that page to see which of those selectors are not used. The data is then stored so that when testing subsequent pages, selectors can be crossed off the list as they’re encountered.
