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.