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

Posts Tagged ‘Drag’n Drop’

Remember the old days, when internet was first emerging and we all took for granted that getting on the internet so you can chat with your friends or read the weather report meant waiting for a connection – waiting for the site to come up – waiting for pictures to load…

Who could imagine working that way now? In the age of ultra-fast internet connections, getting better by the minute, we can’t stand it when a website takes too long to load. Nor can your clients and their website visitors.

You’ve put in the work, created a website – maybe even designed it with a tool like Webydo, which lets you design beautiful, responsive and professional sites without even having to code – you shouldn’t let anything else come in the way!

If you want to do a good job and if you want the website to serve its purpose well, one of the things you have to look out for is loading and responsivity speed. A fast website is a website where you don’t even notice how fast (or slowly) it works, but are instead free to focus on its content. Luckily, there are several ways to make sure this is the case – here are six useful tips.
Read the rest of this entry »

  • Tags:
  • Filed under: Guest Posts
  • 1 Comment
  • 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.

    Uptime Robot