Handy | ATrickDesign.com

Tag-Archive for » Handy «

Drag And Drop Everything With 30 Handy jQuery Plugins

08
Jul 2010

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. Superfun

It 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.

Download Now | View Demo

2. animaDrag

AnimaDrag 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.

Download Now | View Demo

3. CropZoom

CropZoom 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.

Download Now | View Demo

4. Jquery Iviewer

JQuery.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.

Download Now | View Demo

5. Draggable

Download Now | View Demo

6. Ultra small code to drag everything in HTML page

Download Now

7. Dragscrollable

Scroll 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.

Download Now | View Demo

8. jQuery Draggable

Drag image into DIV area.

Download Now | View Demo

9. Nettuts drag and drop

Download Now | View Demo

10. Dragn Drop With jQuery And PHP

Download Now | View Demo

11. jQuery List DragSort

A lightweight jQuery plugin that provides the ability to sort lists using drag and drop.

Download Now

12. Collapsible, Drag n Drop Panels

Drag 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.

Download Now | View Demo

13. jquery.event.drag

A jquery special event plugin that makes the task of adding complex drag interactions, to any element, simple and powerful.

Download Now | View Demo

14. Drag To Share

Drag picture to share it on your favorite social network!

Download Now | View Demo

15. MapBox

The 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.

Download Now | View Demo

16. JDock

Download Now | View Demo

17. Dragndrop

Download Now | View Demo

18. Interface plugin for jQuery

Interface 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.

Download Now | View Demo

19. jQuery TextAreaResizer plugin

Download Now | View Demo

20. jqDnR

jqDnR is a lightweight plugin for jQuery that lets you drag, drop, and resize elements.

Download Now | View Demo

21. Table Drag and Drop JQuery plugin

This 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 cant be dropped onto them). Rows can have as many cells as necessary and the cells can contain form elements.

Download Now | View Demo

22. Drag & Drop Sortable Lists with JavaScript and CSS

Download Now | View Demo

23. jQuery Portlets

View Demo

24. jquery mb.containerPlus

This is a useful plug in to build full featured and fully skinnable containers. The container can be set to draggable, resizable, collapsable and minimizable.

Download Now | View Demo

25. Creating a Draggable Sitemap with JQuery

View Demo

26. jQuery Reel Plugin

Reel 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.

Download Now | View Demo

27. jQuery UI multiple draggable plugin

The 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.

Download Now | View Demo

28. Resizable

Resize rectangle with content in ways you want to.

Download Now | View Demo

29. EasyDrag jQuery Plugin

Download Now | View Demo

30. Drag & Drop with PHP & jQuery

Download Now | View Demo

Category: Graphic Design Tags: Drag, Drop, Everything, Handy, jQuery, Plugins Leave a Comment

Become Social Networking Guru With 45 Handy Twitter Tools

19
Jun 2010

admin

Twitter has progressed so much in past few years and now it has been used almost by everybody – let it be freelancer designer, programmer, social media company, printing company, everybody evaluates Twitter power and actually try to make their brand more powerful with it.

A lot of tools has been developed over time and some of them can really relief your Twitter experience and automate some time consuming actions. That’s why I collected some great tools sorted in categories, which you might find extremely useful for usingTwitter – find more targeted followers, track visitors – who is following, not following, deadbeat users, clean your account – ah..check what we have on table this time yourself!

Follower Tools

1. Mr Tweet

Mr Tweet is your personal Twitter assistant.Discover greatpeople you might want to follow, join communities and share your Twitter buddies.

2. TweetBeep

Get regular updates to your email with conversation trackings, mentions, followers. You can even keep trackofwhos tweeting your website or blog.

3. FlashTweet

FlashTweet is a Twitter application that simplifies the process of acquiring more targeted followers. You can add multiple Twitter accounts to your profile, discover who you are following that is following you back, mass follow users based on search terms and location, unfollow multiple friends at once, schedule tweets in advance to run throughout the week, insert RSS feeds that will automatically tweet the title and link of your blog or another site.

4. Friend or Follow

Useful and easily usable tool to see whore you following, thats not following you back and conversely.

5. WeFollow

Enter tags and find new people to follow. You can add yourself to the database too.

6. Nearby Tweets

Find new people to follow based on location.

7. Tweepler

Tweepler is a much needed and more intuitive way of processing your Twitter followers. It allows you to quickly browse trough people you might be interested in, then follow or ignore them.

8. Tweepsect

See users followers and those he follows to determine who is stalking theuser and who the user is stalking

9. Twitter Friends Network Browser

Browse trough your friends, your friends friends and so.

10. Twitter DMer

Twitter DMer is a tool to impress your followers with individually customized DMs.

11. Twit Cleaner

Analyses the people you follow, identifies the time wasters, spammers, bots & those who’ve quit Twitter.

Stats

1. Twitter Grader

Twitter Grader is a free tool that allows you to check the power of your twitter profile compared to millions of other users that have been graded.

2. Tweet Stats

Get detailed stats of your tweets.

3. Twitter Analyzer

Analyze someones tweet stats, popularity, reach, hashtags, subjects and more.

4. Twoorl

Get all neccesary stats about your acount. Its still in beta, so youll have to follow @twoolr_beta.

Trends and Topics

1. Tweetmeme

Find most popular links in Twitter, sorted in categories.

2. Summize

Search for tweets, keywoard, users and much more.

3. Topsy

Search engine powered by tweets.

4. Trendistic

Trendistic is a tool that allows you to track trends on Twitter, similarly to what Google Trends does for Google searches. It gathers tweets as they are posted, filters redundant ones and compiles the rest into one-hour intervals.

Tweets

1. Twuffer

Twuffer allows the Twitter user to compose a list of future tweets, and schedule their release.

2. GroupTweet

GroupTweet turns a standard Twitter account into a group communication hub where members can post updates to everyone in the group using direct messages. When the group account receives a direct message from a group member, GroupTweet converts it into a tweet that all followers can see.

3. Twiddict

Twiddict sends your tweets to Twitter even if its down.

4. Runt.ly

Runt.ly is the easiest way to create short blog-style posts to share over Twitter and other micro-blogs. Runt.ly posts can include linked photos, embedded videos and more.

5. Bigtwitt

BigTwitt will create URL for your long tweet and then youll be able to post it.

Bloggers

1. Twitter Feed

Add RSS feeds and it automaticcly posts the headlines to Twitter.

2. Twitter Tools

Twitter Tools is a plugin that creates a complete integration between your WordPress blog and your Twitter account.

Sharing

1. Bit.ly

Shorten URLs, share them, track them.

2. Twitpic

Upload and share photos on Twitter.

3. Twitvid

Upload and share vidoes on Twitter.

4. Twittload

Free file hosting for Twitter.

5. Twitter Music

Find and share music on Twitter.

6. Twitsay

Record voice message and post it to your followers.

7. Twitcam

Broadcast live, your followers can see you and you can chat with them. After that video will be saved in archive.

Twitter Clients

1. Tweetdeck

TweetDeck is your personal browser for staying in touch with whats happening now, connecting you with your contacts across Twitter, Facebook, MySpace, LinkedIn and more. Connect with your Facebook and MySpace friends directly from TweetDeck by updating your status, posting photos or videos, commenting, liking and groups your friends to make it easier to follow only those you really want to see what your friends are doing by creating columns for each of your groups of friends. Available also on iPhone, iPod Touchand iPad.

2. Seesmic

Available on almost all most popular platforms, one of the best Twitter clients. Update and view multiple social networks in one efficient but powerful application customized to your needs.

3. Destroy Twitter

DestroyTwitter is a compact though robust Twitter application built to run on Mac, Windows, and Linux using Adobe AIR.

4. Tweetie

Available on Mac and iPhone. Great software with a lot of features.

Other

1. Ping

Update your social networks all at the same time.

2. Screenr

Easily create screencasts with web based recorder and tweet them to your followers.

3. Tinychat

Create a Twitter chatroom or video conference.

4. Twt Poll

Create free polls and get annswers from Twitter users.

5. Twibbon

Twibbon is the easiest and most powerful way to promote awareness of your cause on Twitter.

6.

Twitpay

Send funds to other Twitter accounts.

7. Tweetmart

Think of tweetmart as classifieds for Twitter. It is a free an easy way to buy and sell “stuff” or search and post jobs on Twitter.

8. Backupify

Backupify provides daily automatic backups, archiving, and export for all your social media and SaaS data.

Category: Graphic Design Tags: Become, Guru, Handy, Networking, Social, Tools, Twitter Leave a Comment

25 Handy Tools To Paste And Share Your Code Snippets

11
Jun 2010

admin

Pastebins are web applications that allow users to upload snippets of text, usually samples of source code, for public viewing. They are used very often in IRC channels, social networking sites, blogs etc. Users can paste source codes in a pastebin and share the URL for others to view.

You can find a vast number of pastebins on the World Wide Web. Most of them have a common set of features. But some of them have added features that are better than the others. We bring you some of the best pastebin tools so that you can select the one that best suits your needs.

1. CodeTidy – This pastebin allows you to paste any snippets of text to a URL and easily share it with your friends. It also enables you to encrypt the code with a password so as to keep your code private. In addition to this, it also provides archiving and syntax highlighting.

2. Ideone – Ideone is not just a patebin but also an online compiler and debugging tool. It allows you to compile and run the code online. It supports more than 40 programming languages. It also provides easy sharing features, archiving & syntax highlighting. However, it does not support password encryption.

3. Pastebin.com – Pastebin.com enables you to host your texts and codes on dedicated servers for easy sharing. In addition to this, it enables you to determine the expiration date of the code, provides syntax highlighting & archiving and automatically assigns sub-domains. This pastebin too does not support password encryption.

4. Mystic Paste – Mystic Paste is an open source pastebin that enables easy sharing of your codes. It allows you to post your code on twitter and also comment on other pastes. It also provides multiple plugins and 3rd party tools.

5. TinyPaste – TinyPaste enables you to easily host your text & codes and also earn money from your pastes. It pays you for every unique user that visits your paste. It enables password encryption, syntax highlighting, archiving and also sub-domains. It also enables you to compile the code. TinyPaste provides an API and certain 3rd party tools.

6. Paste HTML – Paste HTML enables you to paste HTML code, Plain text as well as Markdown. It can be used as an anonymous web host to host HTML pages. This pastebin is specially designed for HTML codes.

7. codepad – codepad is an online compiler that enables you to run your code as well as share it with your friends. It provides syntax highlighting and also enables you to keep your code private. However, it does not support password encryption. It currently supports 13 major programming languages.

8. MathBin – MathBin enables you to quickly post mathematical equations. It uses simple LaTeX formatting to render your equation as images. This tool comes in handy for quickly posting mathematics and physics problems for others to view.

9. Snipplr – Snipplr is a public source code repository that enables you to store and share your code snippets. It allows syntax highlighting as well as archiving. You must register with Snipplr to start pasting your code snippets.

10. Code Upload – Code Upload is a free and open source pastebin to share your code with others. Some of it’s features include syntax highlighting, archiving and password protection.

11. PASTE – PASTE enables you to paste your source codes and general debugging text. It allows you to specify the expiration time for the code and also set password for your pastes.

12. Gist – GitHub – Gist is a simple way to share snippets and pastes with others. Among its various features are syntax highlighting, archiving, private pastes etc. All Gists (pastes) are automatically versioned, forkable and usable as a git repository.

13. Codetrunk – Codetrunk is an open source snippet sharing tool. Codetrunk enables syntax highlighting, commenting, revising and archiving. It automatically creates sub-domains for each pastes (trunks).

14. PasteSite – PasteSite enables you to submit snippets of code which can then be viewed from the website with syntax highlighting. PasteSite enables you to keep your pastes private and also protect it with a password. It also enables you to sign up so as to keep track and also delete your pastes.

15. pzt.me – pzt.me is a multi-purpose pastebin for sharing snippets of text, images, videos and URL’s over miscellaneous sharing and micro blogging media. It enables you to embed videos from popular video streaming sites like YouTube, DailyMotion,Vimeo etc. It can also be used as a URL shortener.

16. Snipt.org – Snipt provides you an easy way to share your source code on micro blogging sites like twitter. Some of it’s features include syntax highlighting, archiving and private snipts. Snipt Box enables you to retrieve your snipts by simply using your twitter username.

17. Clippy – Clippy is a free NoPaste service that provides you with various features such as password protection, syntax highlighting, antispam filters and sub-domains. It currently supports more than 50 programming languages.

18. bin.z80.us – This is an extremely basic implementation of a pastebin. It is very simple and easy-to-use. The interface contains only a text box and a paste button.

19. dpaste – dpaste is a tool for quickly sharing pieces of code with multiple people. It was originally created by Django programmers to use on the #django IRC channel. It provides syntax highlighting and archiving. However, it supports only a few programming languages.

20. Slexy – Slexy is a powerful and slick pastebin designed with the user in mind. It allows you to add tabs within pastes, save preferences and paste via CLI/terminal (using PastebinIt). It also enables you to set the paste expiration, highlight the code syntax and make your pastes private.

21. Paste-It – Paste-It is a simple and easy-to-use pastebin. Some of it’s features are private pastes, paste expiration time and syntax highlighting. It also provides Firefox and Chrome plugins for easy pasting.

22. PasteBin.BJETDesign.com – This is another simple and easy-to-use pastebin. It is similar to bin.z80.us. It has a simple interface. However, this pastebin provides an additional feature of syntax highlighting compared to bin.80.us.

23. YourPaste – YourPaste enables you to paste texts, quotes and programming codes. It enables you to highlight the code syntax, make private posts and also set the expiration time.

24. pastebin.ca – pastebin.ca is an open source pastebin tool. It enables you to paste and share your code easily. Some of it’s features include code syntax highlighting, archiving, password protection and sub-domains. It also enables you to set the expiration time and comment on pastes.

25. Pastie – Pastie is another pastebin with the most common pastebin features like syntax highlighting, archiving and private posts. It supports most of the major programming languages.

Category: Graphic Design Tags: Code, Handy, Paste, Share, Snippets, Tools Leave a Comment

40 Handy Photoshop Custom Shape Sets: Save Time

04
Jun 2010

admin

Photoshop custom shapes are useful, if you cant create the shape yourself, dont have the right brush or just need that element in high resolution and really sharp. Custom shapes are easy to use and edit. If youre familiar with pen tool, you can easily create your own shapes. Shapesdifferentiate from brushes because they are actually created from vectors which will let you get them in really high quality and clean in all cases!

Browse trough these 40 sets (over 400 unique shapes) to find something useful for you to use in your next web or graphic design project! Feel free to experiment!