Android Icons: Get more than 15000 android icons FREE!

You accept to be included in our newsletter (We only send amazing freebies like this, no ads or crap, promise! )

Tweet about us and say thanks in comments ;)

Amazing freebies every week in your e-mail, don't miss the next ones with our newsletter, Sign up now.

Tweet about us and say thanks in comments ;)

Useful plugin for responsive web designs

Comments and suggestions in here

breakingpoint-02

While we were searching for applications/tools on the internet, we found really interesting tool called Breakpoints. This tool/application is really handy while working with responsive design techniques. Take a look, and let us know what you think about it.

What is Breakpoint?

Breakpoints generally speaking are browser and/or devices sizes that you can target using responsive design techniques. Typically, breakpoints are defined at 320px wide, 480px wide, 768px wide and 1024px wide to support the full range of mobile and desktop browsers that might hit your site.

BreakPoints.JS is a jQuery plugin that creates catchable events when the browser enters and exits these size ranges, either because the browser has been resized, or the device has been rotated.  These events can be used to create or change functionality that pertains to a specific device size.

Why was Breakpoint built?

CSS Media queries provide excellent tools for adapting the design of a site at various sizes, but not for adjusting the functionality. Breakpoints.js adds this ability, allowing developers to change the way Javascript executes depending on which device it is being executed on. It also allows the developer to do more than just resize and reposition elements – new elements can be inserted, unnecessary elements can be removed, and substantial changes to the markup can be made that go beyond the capabilities of a pure-CSS solution.

breakingpoint-01

Why use Breakpoint instead of some other solutions?

Unlike many other responsive design plugins, Breakpoints does not seek to solve one specific problem like adapting images or resizing fonts. Instead, it provides a framework within which any adjustments necessary can be fired automatically simply by binding to events. Breakpoints.js could be used to reflow your design using jQuery Masonry, or to resize your videos using FitVid, or a combination of both!

breakingpoint-03

What’s the future for Breakpoint?

We will be extending the capabilities of Breakpoints so that in addition (or as an alternative to) triggering real events, callback functions can be specified at initialization time. This way, all of the code for all of the different states can be set up in one line of code instead of having to define several event listeners.

Who are you?

XOXCO, our company, provides application design and development services, lately specializing in HTML5 and JavasScript applications.   We are currently engaged in several large responsive design projects. BreakPoints.JS itself is a free, MIT licensed open source project.


22 Responses to “Useful plugin for responsive web designs”

  1. You can easily go directly to the promising quality. This plug-in rocks.

  2. Nice Article thanks for sharing.

  3. I am really amazed. Today I spent a lot of my spare time trying to find something interesting on this topic. Finally I found your site. Thanks for that!

    • You’re welcome, always glad to see that our pieces are of great use to visitors’ projects. Best regards

  4. Hi,
    Thanks Your Nice Article.I Like It.

    Thanks

  5. Thanks very interesting blog!

    • You’re welcome, always glad to see that our pieces are of great use to visitors’ projects. Best regards…………..

  6. Great piece of information here on your website. Keep up the good work.

  7. Useful plugin for responsive web designs http://t.co/hlNICGbW via @webdesignshock

  8. Useful plugin for responsive web designs http://t.co/DbY9SILb vía @webdesignshock

  9. Useful plugin for responsive web designs http://t.co/xHXrd4zR via @webdesignshock

  10. RT @themeshock: Useful plugin for responsive web designs – WebDesignShock http://t.co/C5wHdmMw

  11. Useful plugin for responsive web designs – WebDesignShock http://t.co/C5wHdmMw

  12. Responsive web design will be so important in 2012! Useful plugin for responsive web designs http://t.co/0JR3ZOD7

  13. Responsive web design will be so important in 2012! Useful plugin for responsive web designs http://t.co/BTppJ2xF

  14. Responsive web design will be so important in 2012! Useful plugin for responsive web designs http://t.co/cqMBjMWl

Leave a Reply

Comments

*