The jQuery library simplifies important actions like event handling, animation, navigation, etc and gives you the control over the tiny bits of responsiveness you need. A proper combination of CSS3 and jQuery can give your web development process the power it deserves. So if you want to create websites to meet the user expectations and give a proper user experience, then jQuery is a must have in your responsive design process.
A wisely constructed website which is fluidic enough to adapt to any screen size with ease and deliver the best experience to all kinds of users and at all time, should be your primary aim.
It is a very tiny jQuery plugin (around 450 bytes) which can convert the list items into dropdowns when the browser windows is resized too small or on small mobile screens.
Flex Slider from WooThemes, is a simple yet amazing and fully functional responsive slider which works perfectly on almost all major browsers.
BlueBerry is a simple yet perfectly working jQuery slider which changes its dimensions automatically when the browser window is resized or on devices with different screen sizes.
Elastislide is a jQuery plugin which creates a beautifully designed carousel which automatically adjusts to the screen sizes of a variety of devices.
This awesome and intelligent plugin can automatically detect the device’s screen size and can deliver re-scaled images as appropriate and can also make your website a lot faster and save a lot of bandwidth too.
Seamless Responsive Photo Grid
If you want to display a bunch of images, edge-to-edge with no gaps and also want to responsively adjust them depending on various screen sizes, then this is the tool you need.
Galleria simplifies your job of creating amazing image galleries which can automatically react to browser viewport changes and different screen sizes with ease.
But in the next part of the series we will continue with some really interesting tools on sketching, wireframing and testing.