Archive for the ‘Browsing’ Category

Let’s call this again as “Pinterest-like layouts” which probably tells itself better than “dynamic grid layouts“.

Such layouts are really functional to display elements with different dimensions nicely and don’t lose their popularity.

Freewall is an impressive jQuery plugin for creating these layouts with CSS3 animation effects.

jQuery Freewall

The plugin supports responsive layouts and has useful methods like “adding more items to the grid” or “filtering them”.

Various customization options exist like the animation, delay or the gutter sizes.

And, Freewall offers callbacks for events like complete, gap found or resize.

  • Tags:
  • Filed under: Browsing, Goodies, Other License
  • It is sometimes the network our the computer but losing the internet connection happens to everyone.

    And, when this happens to the users while they are browsing your website, we can inform them nicely so that they easily know “the problem is not about the site”.

    Offline.js, a simple JavaScript library, detects the disconnection and presents an alert to the users about it.


    Also, it re-sends any failed Ajax requests once the connection is back so that the users are not affected at all.

    The library is plug ‘n’ play with no setup and it comes with multiple good-looking themes.

    Single-page scrolling websites are used widely for years and they are very useful on providing information quickly.

    On the other hand, the one-page sites where no scroller exists and the page content being changed with JavaScript reached its max. popularity with the Apple’s iPhone 5S website.

    jQuery One-Page Scroll

    One Page Scroll, a jQuery plugin, simplifies creating such websites so easy.

    It requires minimal setup, just create your HTML structure, call the function and you are ready-to-go.

    Optionally, the easing function, its speed and looping behavior can be set too. And, it has support for SEO-friendly URLs for each page.

    There are lots of scrolling plugins for jQuery and various good ones were shared at WRD.

    Scrolld is another alternative that 3 to you when it comes to customizing the functionality.

    jQuery Scrolld Plugin

    It focuses on providing a pixel-perfect scrolling experience for dynamic and/or responsive layouts. And, mobile is supported too.

    There are lots of built-in easing methods and options like “speed, distance from elements and more”.

    Custombox is a lovely jQuery plugin that enables us to create modal boxes with attractive CSS3-powered animations.

    There are multiple built-in animations like fadeIn, slide, newspaper, slip, fall and much more.

    The plugin has options for enabling/disabling the overlay, defining the animation speed or dimensions.

    Also, there are callbacks for all the events and it has support for loading content via ajax.