Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘Drag’n Drop’

There are various jQuery plugins for creating Pinterest-like dynamic grid layouts.

jQuery.Shapeshift is a strong alternative to them with an an extra touch: the items can be drag ‘n’ dropped (uses jQuery UI).

jQuery Shapeshift Plugin

The drag ‘n’ drop doesn’t effect the grid negatively as the grid auto-fills the gaps when needed.

It also works on touch devices and responsive layouts.

The plugin comes with lots of options to set the margins, enable/disable drag-drops, customize animation and much more.

jQuery File Upload is an impressive plugin for creating a flexible and user-friendly upload functionality with ease.

The plugin support multiple file selection and drag 'n' drops. It can display a preview of images to be uploaded and progress bars exist to inform users.

jQuery File Upload

jQuery File Upload can handle cross-domain, chunked and resumable file uploads. File types and max-min sizes can be restricted with simple functions and it can work with any server-side language.

There are callbacks on every level and a detailed documentation that covers many different scenarios exists.

Grid Builder is a web application handy for anyone looking to create a base HTML-CSS grid quickly.

On a canvas with a 3*4 grid, you simply drag 'n' drop the given grid units to create the desired template (like a 3 column design with a header and footer).

3*4 Grid Builder

After that, just click the "Show me the code" button and get the HTML-CSS output of the designed grid.

P.S. You can also check out "The 892 unique ways to partition a 3 x 4 grid" article andget the PDF provided to find more about the 3*4 grids.

If you like applications that are simple and get the job done quickly, you'll like excssive.

It is a free-to-use CSS compressor where you can drag 'n' drop any number of files and they will be compressed instantly.


The application merges all files into a single one and enables you to reorder the files (so as the output) again with drag 'n' drops.

In case, you are not compressing the CSS files dynamically, excssive is a must-bookmark for easily minimizing your stylesheets.

P.S. The source of the application is also freely available.

Minimizing the size of images is an important part of the process for creating faster loading web pages.

We usually play with various variables while saving images to make sure they are optimized like the colors used, file type or quality but there can still be some bytes hidden.

Kraken, a free to use web application, finds those bytes and optimizes the images with a user-friendly interface.

It has support for adding multiple images (up to 20, max 1mb each) via drag 'n' drops, selecting from disk or getting from a URL and quickly uploads + optimizes them.

P.S. The application accepts .JPEG and .PNG files

Almost every website uses forms to collect information from users: contact forms, newsletter subscriptions, order forms and many others.

Although creating forms isn't the most difficult task for a web designer/developer, styling them, handling the submissions securely and tracking the submissions can be tricky and time-consuming.

123ContactForm Logo123ContactForm, an impressive web-based form builder application which eases creating and managing forms so much for everyone, is giving away 3 Yearly Platinum licenses ($300 value/each) to WebResourcesDepot readers.

Details on joining the giveaway can be found at the bottom of this post and here is more information about this exciting application:

What is 123ContactForm?

It is a feature-rich web app that makes creating, customizing and consuming any type of forms (simple to advanced) possible.


Besides standard forms, it has support for creating various special ones like:

  • order forms with payment integration (PayPal, Google Checkout or
  • surveys for collecting data from a given group
  • event registration with a integrated map

And, there is a templates collection that includes many pre-defined forms like donation form, job application, sales lead, etc. to quickly building them.

123ContactForm has a slick interface with drag 'n' drop support where form fields of any type are easily added or removed.

The look and feel of the output can be selected from a theme gallery or changed/improved by adding custom CSS rules. Also, it is possible to present the same form in multiple languages.

123ContactForm Themes

How forms will behave during the submission can be completely controlled as well with options like:

  • e-mails to be notified, if the page will be redirected to a URL
  • using a captcha or not, blocking any IPs or countries, password protection of forms

Once a form is created, it can be published in many different ways:

  • linking to the form
  • embedding via JavaScript or iframe
  • displaying inside a Lightbox
  • Facebook integration, WordPress plugin and Blogger or Google Sites support

And, you can always track the submissions for each forms, their statistics from a user-friendly dashboard.

The application also integrates well with many other popular apps like Google Docs, MailChimp or SalesForce

To sum up, 123ContactForm is a very good solution for instantly and securely collecting data from web users.

How to join the giveaway?

In order to get a chance to win one of the 3 Yearly Platinum licenses, please mention "what you liked the most about 123ContactForm after trying it" in the comments and winners will be selected randomly using the query below on 25 Oct 2011 (a week later) as an update to this post.

SELECT * FROM wp_comments WHERE comment_post_id=2525 AND comment_approved=1 AND comment_type='' GROUP BY comment_author_email ORDER BY RAND() LIMIT 3

Good luck everyone.

Winners (updated on 25 Oct 2011)

Here are the winners of 123ContactForm giveaway:

  • Sam (comment #414089)
  • wites (comment #414574)
  • Jose Adan Ortiz (comment #414002)

Congratulations and thanks very much to everyone for joining.

The giveaway for BaseKit, a web-based and easy-to-use website builder, which was announced last week has ended today.

Winners are selected and announced below. In case this is the 1st time you are hearing about this application, here is a short re-introduction:

What is BaseKit?

It is a web-based website builder and CMS application that eases creating a website for users on every level.

With a slick interface, drag 'n' drops and a true WYSIWYG editor (that allows viewing the actual output while editing), working with BaseKit is pretty straightforward with an almost "no" learning curve.

BaseKit Editor

100+ templates (personal and business websites) are already ready-to-use with each having lots of ready-to-use color variations. Simply, start with th eone that best suits the needs and customize it completely if needed.

There are several widgets provided including easily placing a Google Maps map, in-site search, sitemap, image carousel or commenting into any page with a click.

Also, a form builder exists for creating custom forms and collecting information. And, social widgets make sure the website is connected with your social profiles with the ability to display Twitter timeline, Flickr photos or RSS feeds (there are "Tweet This" and Facebook "Like" buttons too).

The winners

Thanks so much to everyone joining the giveaway. Here are the winners of 3 Business Packages with 1 year term:

  • Dennis (comment #395234)
  • mai (comment #395444)
  • Deniz (comment #395686)


BaseKit LogoBaseKit, a powerful yet easy-to-use application for building websites online, is giving away 3 Business Packages (1 year term) to WRD readers.

In order to find out more about the stuff in the package and to join this giveaway, make sure you check the bottom of this article.

What is BaseKit?

Creating websites over the web is not something new. But, if you used such tools in the past, you should have experienced that there are usually too many limits forcing users to build websites in a fixed way.

BaseKit comes with a better approach that is flexible on every level and allows users to customize every part of the website but still keeping everything integrated. And, making it simpler for many.

BaseKit Interface

There are 100+ templates (personal and business websites) to choose from with each having lots of ready-to-use color variations which functions as a base for the website and it can be customized/improved as you wish.

The websites are created with a slick drag 'n' drop interface which functions as a true WYSIWYG editor, things look exactly as the output, no surprises.

BaseKit has an impressive set of widgets that can be inserted into web pages. Besides inserting text, images and video, it is possible to place a Google Maps map, in-site search, sitemap, image carousel or commenting into any page with a click.

That's not all, a form builder helps creating any type of custom forms and collecting information. And, social widgets make sure the website is connected with your social profiles with the ability to display Twitter timeline, Flickr photos or RSS feeds (there are "Tweet This" and Facebook "Like" buttons too).

If you need further customization, it lets you to insert site-wide or page-specific scripts and edit the whole HTML-CSS.

BaseKit Widgets

BaseKit is an all-in-one package for creating a website meaning it handles hosting and domain management (optional) for you.

Also, one account can control many websites (which is great for web agencies or people with multiple websites) and multiple users can work on the same account. And, it has a multilanguage interface that supports various languages by default.

How to win the licenses?

BaseKit is giving away 3 Business Packages ($168 value/each) which includes:

  • Unlimited access to our website builder
  • Amazon S3 Hosting
  • 1 Free Domain
  • E-commerce (Google Check-Out) integration
  • £30 Google Adwords voucher
  • Premium Support

In order to get a chance to win one of them, simply comment to this article and winners will be selected randomly with the query below on 19 September 2011 (a week later):

SELECT * FROM wp_comments WHERE comment_post_id=2459 AND comment_approved=1 AND comment_type='' GROUP BY comment_author_email ORDER BY RAND() LIMIT 3

Good luck!

loadUI is an open source, cross-platform and free load testing tool that supports all the standard protocols-technologies.

With a slick, drag 'n' drop interface, it allows us to create new tests and fine tune every detail very easily.

The tool consists of various components that play with each other very well like statistics, scheduler or analytics components.

loadUI Load Testing Tool

loadUI can send multiple requests from a single machine or the requests can be distributed across any number of remote machines by installing agent apps to them for a real-world simulation.

Multiple tests can be ran at the same time, the details of each test can be viewed live and it is possible to compare them with previously-ran tests.

Also, it has a powerful reporting engine that can auto-generate detailed and easy-to-understand reports with only few clicks.

ImpressPages is an open source CMS application where you can create and edit while browsing.

Creating new themes requires only the knowledge of HTML-CSS and with the help of a drag 'n' drop interface, texts, videos, photos (or photo galleries) and even forms can be inserted quickly + positioned as you wish.


The application is SEO friendly with the URLs generated, automated sitemap and ability to edit meta tags for all pages.

Multilanguage websites are handled in a very flexible way; once a new language is added and the content is created, users can be auto-forwarded to the language matching the setting of their browsers.

There is a built-in newsletter module where you can collect e-mails and send good looking newsletters to users.

ImpressPages also has many other features including RSS support, spam protection for contact forms, logging + error-reporting for the administrator and more.

Uptime Robot