Skip to main content

6 of the Best Retina Display jQuery Plugins & Demos

By Sam Deering

JavaScript

Share:

Free JavaScript Book!

Write powerful, clean and maintainable JavaScript.

RRP $11.95

High-resolution displays are becoming more and more common, with all kinds of devices achieving the so-called “Retina display” level. Your sites and apps need to look good at these screen resolutions, so here are some plugins that can help.

1. retina.js

An open source script that makes it easy to serve high-resolution images to devices with retina displays

Retina-JS.jpg

2. Apple-like Retina Effect With jQuery

Here’s a jQuery plugin to achieve Retina-quality images. Check out a demo

Apple-like-Retina-Effect.jpg

3. Responsive Retina-Ready Menu

A colorful, Retina-ready and responsive menu inspired by the colors of the Maliwan manufacturer of the Borderlands game. The menu automatically changes to one of three different layouts depending on the browser window size: a “desktop” inline version, a two columns tablet-optimized version and a mobile version with a menu link to display and hide the navigation for smaller screens. Check out a demo

Responsive-Retina-Ready-Menu.jpg

4. Picturefill

A Responsive Images approach that you can use. Check out a demo.

Picturefill.jpg
Source

5. Arqam – Retina Responsive WP Social Counter Plugin

This plugin grabs the latest counts of your Fans/Followers etc from your Favorite Social Networks and then displays them on your Blog. It is the perfect solution to encourage more users to join your network. Check out a demo.

Arqam.jpg

6. Make It Retina

A jQuery plugin for retina display. Check out a demo

Make-It-Retina.jpg

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

New books out now!

Learn valuable skills with a practical introduction to Python programming!


Give yourself more options and write higher quality CSS with CSS Optimization Basics.