With the regularly increasing number of retina-screen devices browsing web pages each day, we may want to display images with better quality to such devices.

Here are 3 easy-to-use solutions for serving high resolution images to retina-display devices:

Retina Images

Retina Images is a JavaScript/PHP solution which stores the devicePixelRatio in a cookie and displays the high-res version of images (if exists) by checking whether that cookie's value is 1 or not (if 1, then the device has a retina screen).

With a simple setup, it works on images that defined in both CSS and HTML.

Retina.js

This open source script checks for every image on the web page to find out if there is any high-res version hosted on the server.

If such an image exists, it swaps that with the original one.

P.S. For the high-res images, It looks for the Apple's prescribed high-resolution modifier (@2x) version.

jQuery Retina Display Plugin

This jQuery plugin also follows Apple's prescribed high-resolution modifier (@2x) format, searches for the high-res versions and replaces them with the original one if exists.

It is a plug 'n' play solution, nothing to edit (just add the high-res versions of the images to the same folder with other images).

LionBars is a jQuery plugin for creating OSX-style, custom scrollbars for any web page.

The scrollbars created looks the same in all browsers under each OS and they don't hurt the usability by not shrinking the content or with the auto-hide option.

It has support for endless scrolling (check related WRD tutorial) and can fire functions when the scrollbar reaches to the end.

WebResourcesDepot is so focused on bringing awesome web design and development resources to your attention.

Not only from the website, but the Twitter account is also another place to find exciting stuff.

However, from lots of great articles read, very useful resources discovered and lots of suggestions received each day, there are much more to share.

Email is old, yes, so old but an e-mail full of carefully-curated, high-quality links is so much fun.

WebResourcesDepot Weekly, a regular newsletter for web designers and developers, will be bringing this fun to your e-mail client (starting 30 April 2012, every Monday).

Just fill the form above and you are ready to go.

P.S. As you already know, you will never be spammed and each newsletter will include an unsubscribe link.

SQL injection, the technique of manipulating SQL queries by sending custom SQL statements using forms or other requests (POST, GET..) to attack databases, is probably the nightmare for many dynamic websites.

Bobby Tables, an online guide to prevent SQL injection, tells "how easy it is to create secure queries" by focusing on 2 facts:

• not creating SQL statements that include outside data
• using parameterized SQL calls.

The guide provides information for many popular scripting/programming languages and, for anyone willing to learn more about SQL injection, checking your favorite language is probably a good idea.

P.S. The comics is from xkcd.

If you are an ASP.NET developer, you already know that there are not too many choices when it comes to finding an open source CMS application.

SageFrame is a good alternative for any looking for such a solution. It is a feature-rich and open source content management system, built with ASP.NET, to create websites easily.

The application enables users to customize/update the websites while browsing by simply interacting with the editable modules.

There is a good-looking admin panel to customize everything; including changing the site design by drag 'n' dropping the locations of the modules, defining new menu items or improving the SEO-friendliness.

SageFrame is modular, it can be extended with modules where you can choose to create them or download the ready-to-use ones.

Joseph North, the talented designer of Sublink Interactive, has created an icon set named SweetiePlus which is shared for free.

The set have 120 icons in total, has 2 sizes: 16*16px + 24*24px and comes as transparent PNG format.

Items in the set are mostly action icons which is nice for app designers/developers.

Tych Panel is a free and open source Adobe Photoshop extension for automating the process of placing pictures side by side with pre-defined sizes.

It simplifies creating diptychs, triptychs, quadtychs and almost any type of custom layouts.

There is support for "Smart Objects" and, when enabled, all layers are converted to "Smart Objects" and get the appropriate layer masks.

The extension also comes with various other options like the ability to run actions, adding a background color to compositions and more.

Fiddle Salad is a fresh web development tool, an online IDE, for client-side web applications.

It allows us to write HTML, CSS, JavaScript code or use alternatives like HAML,Zen Coding, SASS, LESS and more.

All the code is written in a single-page interface and the output is displayed/rendered instantly.

There is built-in code completion support for CSS + jQuery and links to the documentation for the properties of each language.

With a free membership, it is possible to create any number of projects and save them for re-working on them without losing any settings or data.

WebPutty is an application that enables us to write CSS code with an online, feature-rich, syntax-highlighted editor and see the changes in real-time with a side-by-side preview panel.

The CSS file is hosted by the service so that any changes made are instantly reflected to the live website. And, you can host any number of CSS files under a single account.

It also supports SCSS and Compass which is great for anyone willing to make use of advanced styling features.

WebPutty was a free hosted service and it is now open sourced so that anyone can create their own instances and edit/manage CSS files of multiple projects from a single location.

ArrowChat is a jQuery-powered, PHP/MySQL (or MSSQL) application for quickly adding chat support to any website so that visitors/members can easily communicate with each other.

The application features a Facebook-like chat system which sits in the footer of websites, presents the online users and allows them to chat instantly.

Users can choose to chat in private or inside full-featured chatrooms (which can be password-protected with moderators, kicking, etc.). And, they are instantly notified about new messages or friend requests.

ArrowChat also has video chat which is Flash-based and works smoothly. This is specially great for social networking websites.

It has a set of integrated applications from games to social sharing or instant web page translation to offer more features to users.

The application is also great for sending announcements as they are sent in real-time and you feel sure that each user logging in sees them.

Managing the application is easy for both the end users and the system admin as users get an options panel to customize everything and admins have an admin panel to control each and every feature.

It is possible to customize the look and feel of the application with theming support and also customize/improve the functionality as ArrowChat is fully open sourced.

And, best of all, ArrowChat has integrations for many popular apps including forum softwares, social networking softwares and others like WordPress, Joomla or Drupal. Once installed, the system works with existing users, avatars and profiles.

P.S. The system works with all major browsers including mobile.

The discount

ArrowChat provides 10% discount to all WRD readers who use the coupon code "WRD" (the coupon will expire on 5/31/2012 and Credit/Debit Card must be selected at checkout to use the code -PayPal can still be used with this method-).

How to join the giveaway?

ArrowChat is giving away 3 KickStarter Licenses ($45/each) to WRD readers.

If you want to join the giveaway, you can choose one of the methods below or do both to increase your chances:

• comment to this post
• tweet this post (click to tweet easily)

Winners will be selected randomly on 12 April 2012 (1 week later). Good luck to all.

The winners

Here are the winners:

• @ian_chan
• Jason (comment #557436)
• k19s (comment #553902)

Congratulations to the winners and thanks to everyone for joining.