1stwebdesigner |
Drag And Drop Everything With 30 Handy jQuery Plugins Posted: 08 Jul 2010 02:00 PM PDT Do you want to become drag and drop feature expert? Then look no further – this article is just for you! Mostly these plugins are written in jQuery, and they are super easy to customize and implement in your own projects very fast. Why such plugins are so handy? You can give your visitors a lot more customization options, they can virtually personalize your website or tool to suit it better for their needs. And you must know – people love it, I love it myself! Ready to drag and drop into this article?
1. SuperfunIt creates a superior Lightbox that allows for AJAX injection, SWF content, iFrame content, and utilizes the new CSS3 transform property to mimick a Flash enviroment, while completely avoiding Flash. 2. animaDragAnimaDrag allows draggable items to be eased by jQuery animation, which UI draggables do not allow. This allows for a richer display of the transition between two locations, with full easing support. 3. CropZoomCropZoom is a plugin that let you select an area of an image to crop, whit this you can zoom in or zoom out,drag and also rotate. this plugins needs ui.droppable, ui.resizable, ui.slider from JQuery UI. Some code was taken from jquery.svgdom.js Written by Keith Wood. 4. Jquery IviewerJQuery.iviewer is a jquery plugin used to load and view image in container with ability to zoom image and to drag it with mouse in container. 5. Draggable6. Ultra small code to drag everything in HTML page7. DragscrollableScroll a large nested layer within a viewport using native scroll from the container. It does not require drag and drop functionality from UI and it is faster than UI dragging. 8. jQuery DraggableDrag image into DIV area. 9. Nettuts drag and drop10. Drag'n Drop With jQuery And PHP11. jQuery List DragSortA lightweight jQuery plugin that provides the ability to sort lists using drag and drop. 12. Collapsible, Drag n Drop PanelsDrag n Drop panels are great to let the user control how he/she wants to see the information as he can arrange various information blocks according to his preference. This type of functionality is often provided by web portals or personal homepage services like iGoogle. 13. jquery.event.dragA jquery special event plugin that makes the task of adding complex drag interactions, to any element, simple and powerful. 14. Drag To ShareDrag picture to share it on your favorite social network! 15. MapBoxThe jQuery mapbox() plugin is for creating relatively small scale, zoomable, draggable maps with multiple layers of content. This framework could be applied to games, development plans, or any layout that could benefit from being able to zoom in and pan to get a better view. 16. JDock17. Dragndrop18. Interface plugin for jQueryInterface is a collection of rich interface components which utilizes the lightweight JavaScript library jQuery. With this components you can build rich client web applications and interfaces with the same simplicity as writing JavaScript with jQuery. 19. jQuery TextAreaResizer plugin20. jqDnRjqDnR is a lightweight plugin for jQuery that lets you drag, drop, and resize elements. 21. Table Drag and Drop JQuery pluginThis TableDnD plugin allows the user to reorder rows within a table, for example if they represent an ordered list (tasks by priority for example). Individual rows can be marked as non-draggable and/or non-droppable (so other rows can't be dropped onto them). Rows can have as many cells as necessary and the cells can contain form elements. 22. Drag & Drop Sortable Lists with JavaScript and CSS23. jQuery Portlets24. jquery mb.containerPlusThis is a useful plug in to build full featured and fully skinnable containers. The container can be set to draggable, resizable, collapsable and minimizable. 25. Creating a Draggable Sitemap with JQuery26. jQuery Reel PluginReel is a jQuery plugin which takes an image tag and makes it a live “projection” of pre-built animation frames sequence. Its aim is to provide a 360° view of something or someplace. Great alternative to widely used Flash and Java techniques. 27. jQuery UI multiple draggable pluginThe jQuery multiple draggable plugin is an extension to the jQuery UI Draggable plugin. This plugin extends the current functionality to allow for elements to be grouped and dragged as a group. The aim of the plugin is to include all of the current functionality listed in the options. To group and ungroup elements simply control click, the ui-multidraggable extension is applied for styling purposes and also to alert the plugin as to which elements are grouped. 28. ResizableResize rectangle with content in ways you want to. 29. EasyDrag jQuery Plugin30. Drag & Drop with PHP & jQuery |
7 Awesome Alternatives to WordPress as a Blogging Platform Posted: 08 Jul 2010 03:00 AM PDT WordPress is a very popular blogging platform that runs millions of blogs. But, what if it doesn’t meet your needs? Just because tons of people use it doesn’t mean it will be right for you. Here are 7 solutions to help you find your own advanced blogging solution. These CMS’s (Content Management Systems) will offer you a lot of options and features – but it’s important to weigh pro’s and con’s when choosing the right system. Most of these work in the same manner; you’ll have to download and upload the files to your server (some need a database to work), and then go through an install and configure the system. Later, there should be some kind of extensions you’ll be able to add – such as themes, plugins, modules, sections – and a lot more. 1.TextPatternTextpattern is a robust CMS. It’s most useful for blogs, although full sites can and have been created with Textpattern as well. It happens to be quite flexible – you can create almost anything with plugins and a custom sections and styling. Personally, I would only recommend this to people who have dealt with PHP and other CMS’s before; although using Textpattern is fairly easy to learn. Cool Features:
2. HabariHabari is a free blogging system that, although is still new – proves to be a safe, firm, and well-rounded solution for many. Called the ‘future of blogging’, this flexible system is well on its way to being a huge force in the CMS market. Cool Features:
3. Movable TypeMovable Type is a powerful all-in-one tool that lets you create blogs and entire websites with one platform. Being flexible with themes and plugins, you can really do anything with Movable Type! Movable Type is free, but for those who need a larger amount of support (like a business), Movable Type Pro comes with more features – and is not free. Cool Features:
4. TumblrTumblr is a micro-blogging platform. Although you can’t host it on your own server, you can customize your Tumblr blog as much as you would like with super cool themes! With an awesome community, Tumblr is the easiest solution for micro-blogging. You’ll also have the ability to use custom domains! Cool Features:
5. DrupalDrupal is an open source Content Management System that can create anything to a small blog to a large community website. You can even create discussion websites, corporate pages, personal blogs, directories and even social networking sites – all in a breeze. Cool Features:
6. ExpressionEngineExpressionEngine is a flexible CMS that helps you fulfill your site’s full purpose. There are modules, plugins and extension hooks to help you customize your website to the upmost extent. Cool Features:
7. FlatPressLast, but not least – FlatPress is an open source blogging system that does not need a database to work. This means that those without access to MySQL databases finally have a blogging system to fit their needs!With FlatPress, there are widgets and plugins to make your site as unique as you want it to be. Cool Features:
Now that you have seen some of the great options available, what will be your pick? Are you going to stick with WordPress? Are you going to try any of the solutions here? Let us know below! |
You are subscribed to email updates from 1stwebdesigner - Graphic and Web Design Blog To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
Google Inc., 20 West Kinzie, Chicago IL USA 60610 |
Comments (0)
Post a Comment