Archive for the ‘Browsing’ Category

Tabs are used widely to present lots of content in a limited space and they help the user to browse without scrolling.

Tabulous.js is a lightweight jQuery plugin that simplifies creating them with a plain HTML structure.


The tabs created can be styled with CSS and multiple switching effects exist (slide, scale, scale up and flip).

It has no complicated features, just the tabs, its effect and that’s all as, sometimes, that’s all we need.

  • Tags:
  • Filed under: Browsing, Goodies, MIT License
  • 1 Comment
  • Tipue, a web development studio in London, has created and sharing 2 nice jQuery plugins for a good site-search experience.

    The first of them is “Tipue Search” which is an easy way to create a full site search for any website.

    It has options to compare the keyword either with a JSON data or dynamically from the content of any number of given URLs. Once setup, there the page for the “search results” is ready too.

    Tipue Search

    And, there is “Tipue Drop” which is a “search suggestion box” which displays suggestions while typing in a good-lloking and responsive interface.

    As expected, both plugins can work side-by-side or separately and they are documented well.

    There are various JavaScript-powered solutions for creating dynamic-column grid layouts (like Pinterest).

    Although most of them are great, sometimes, the grids contain gaps or ragged edges.

    Mason.js is a jQuery plugin that aims to perfect such grids by filling those gaps smartly.


    One the grid is created, the plugin calculates where those gaps exist and fills them with either predefined elements or by duplicating the content in the grid.

    It is possible to define the sizes to be used for elements, the size of columns/rows, breakpoints and if the layout will be fluid or fixed.

    Pop Easy is a jQuery plugin for quickly creating completely customizable modals.

    The plugin is lightweight (2kb) and has support for displaying any HTML element, including videos.

    Regarding the design, the default modal already has a good-looking interface and it can be changed/improved with CSS.

    jQuery Modal Box Plugin - Pop Easy

    There are options for customizing the animation used when the modal appears, its speed, the opacity, if it’ll be opened onLoad and more.

    Considering the size, the plugin is very useful. One thing seems to be missing for now is the built-in ability to load remote data (Ajax).

    Windows is a lightweight jQuery plugin for nicely scrolling the full-screen.

    It provides a simple and handy API for managing the page/content position to ease the browsing experience.

    The plugin can analyze if a defined content is in the viewport, how much of it is in the viewport and can trigger any actions like focusing the page to the content by scrolling it.

    Windows - jQuery Plugin