Chakwithu's Blog

jquery round

chakwithu — Sun, 08 May 2011 08:05:45 +0000

http://www.queness.com/post/742/100-jquery-tutorial-and-plugin-collections-on-september

40 Highly Customizable Commercial Admin Templates And Skins

chakwithu — Thu, 05 Aug 2010 04:00:35 +0000

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:

Semantic, valid XHTML and CSS

Well commented code

Liquid layout – content resizes to the user’s window

Cross-browser compatible

WYSIWYG Editor on any text area

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:

Valid code

Liquid layout

Implemented WYSIWYG editor

Working AJAX / PHP file upload

Image preloading

Custom font with @font-face

Easy skin customization with the provided PSD files

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:

Tableless

Full CSS and xHTML design

Dropdown menu

Two color schemes

Layered PSD included

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:

Valid XHTML and CSS

Cross-browser compatible

Date Pickers, Styled Select Lists and Styled Submit Buttons

Quick Tabs located at the top of the page for quick navigation with drop down menus

TinyMCE Rich Text Editor for text areas

Charting and Graphs which is powered by jQuery

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:

Semantic and valid code (XHTML & CSS )

Well commented code (XHTML & CSS & Javascript)

Easy to use & customize

Two levels main menu

Cross browser compatible, IE6 support also

Tooltips for errors/notifications/information animated with Jquery

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:

Fully HTML5 compliant

Crossbrowser compatible

Easily switched to a liquid layout

WYSIWYG editor

Tab-based navigation

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:

Semantic, valid XHTML and CSS

Well commented Code and detailed Help Documentation

Based on 960 grid system – endless layout options

Super Clean and Lightweight

Date Picker

jQuery UI integration – Accordion, Tabs, Slide, Progress Bar

WYSIWYG on any Textarea

Image Gallery

21. Admin Base ($14)

Admin Base is a complete professional admin user interface that is both functional, stylish and flexible.

Some features:

Clean Functional Design

Fluid Grid Layout

Customizable Graphs

Cross Browser Compatible

Well Commented Code

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:

4 Skins: Dark blue, Black, Red and Green

Hide able menu

Fluid layout

WYSIWYG text editor

Images preloading

Unobtrusive jQuery powered effects

Valid HTML standard

Free Icon Pack

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:

Valid HTML and CSS

Includes sidebars, tables, form fields, buttons, attention, text styles and more.

jQuery DropDown box

Tabbed InterFace Using jQuery

Code well documented and multipage read_me.pdf

25. ForestCP ($14)

ForestCP is a great and easy to customize backend administration user interface.

Some features:

Valid XHTML 1 .0 Strict

3 Color schemes: Green, Blue and Red

jQuery Stylesheet Switcher

Notifications can be closed

jQuery WYSIWYG Editor

Cross-browser compatible

PSD Included

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:

Valid XHTML / CSS

Commented code for easy integration

Jquery with Jquery UI for powerful management

Cross browser compatible

Jquery effects and animations

Well documented

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:

Complete templates for web and mobile version

Cool top menu, support touch screen device eg. iPad.

Ready to use Left Shortcut menu

WYSIWYG text editor

Stylish notification boxes with fade in and fade out effect

PSD included

Valid HTML standard

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

jQuery/UI Powered

Based on 960 grid system – endless layout options

Custom select form element

Cross browser compatible

WYSIWYG text editor

CSS3 Enhancements

Valid XHTML 1 .0

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:

Semantic & Valid XHTML 1 .0 (transitional)

Available in 10 colors (blue, red, orange, green, purple, black, grey, navy, maroon, yellow)

Well Commented Code and detailed Help Documentation

CSS3 Enhancements

Cross Browser Compatible

Notification Boxes with closing animation

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:

Custom jQuery

Pre-styled elements allow easy customization

3 Color Schemes Included

Date Picker Form

Pre-Styled Code Highlighting

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

chakwithu — Thu, 05 Aug 2010 03:34:30 +0000

jquery

chakwithu — Fri, 04 Jun 2010 04:19:16 +0000

nice

35 Extremely Useful Addons for Web Developers

chakwithu — Fri, 07 May 2010 03:34:05 +0000

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.