A collection of useful links by and for professional web designers and developers.

10 Web-based Sandbox Tools for Testing Your Code Snippets

Submitted 1 year and 227 days ago (more from sixrevisions.com)

When you need to debug, experiment with, and share short code snippets, sandboxing tools are immensely useful. Here are some of the best free code sandboxing tools for testing, debugging and/or sharing your code.

Mozilla's secure coding guidelines for web developers

Submitted 1 year and 232 days ago (more from wiki.mozilla.org)

The purpose of this page is to establish a concise and consistent approach to secure application development of Mozilla web applications and web services. The information provided here will be focused towards web based applications; however, the concepts can be universally applied to applications to implement sound security controls and design.

Reveal: jQuery Modals Made Easy

Submitted 1 year and 234 days ago (more from zurb.com)

Reveal is awesome because it's easy to implement, is cross-browser compatible with modern browsers (with some graceful degradation of course) and lightweight coming in at only 1.75KB. What that means for you is that it's fast, sexy and just works

Pagify.js - A jQuery plugin for effortlessly creating single page web sites

Submitted 1 year and 241 days ago (more from github.com)

A simple and lightweight jQuery plugin for creating single page Web sites. All you do is create a DIV to hold page contents, call the 'pagify' function, then use hash-based links within your pages.

Lazy Karl - The ultimate cross-browser lazy load plugin for images with jQuery

Submitted 1 year and 249 days ago (more from karlsteltenpohl.com)

Loads a webpage's images once they are within the user's viewport.This is a working cross-browser lazy load jQuery plugin. Other lazy load plugins have been less than effective because some major browsers load all of the images on a page when the DOM loads. The Lazy Karl plugin works around this issue with a less than perfect approach, but none the less a functional one

Adaptive Images - Deliver small images to small devices

Submitted 1 year and 261 days ago (more from adaptive-images.com)

Automatically adapts your existing HTML images for mobile devices. No mark-up changes needed. Just drop it in and forget about it. On page load a tiny bit of JavaScript in the <head> checks the size of the screen and stores a cookie that contains that value. A .htaccess rule on the server intercepts any requests for .jpg .gif or .png files. Matching requests are sent to a PHP script

deck.js - Modern HTML Presentations

Submitted 1 year and 272 days ago (more from imakewebthings.github.com)

A JavaScript library for building modern HTML presentations. deck.js is flexible enough to let advanced CSS and JavaScript authors craft highly customized decks, but also provides templates and themes for the HTML novice to build a standard slideshow.

Creative Text Boxes

Submitted 1 year and 277 days ago (more from creativetextboxes.com)

Imagine a world where text in web pages are not contained in square boxes, but in which text flows naturally among shapes in a playful way. Well, that world is this one my friend; with just some javascript magic you will be able to give almost any shape to your text.

Create Spinning Progress Indicator with Spin.js

Submitted 1 year and 277 days ago (more from fgnass.github.com)

Uses CSS3 to render the UI, falling back to VML Internet Explorer. If supported by the browser, @keyframe rules are used to animate the spinner. There are no images and external CSS for Spin.js. It is highly configurable, and works in all major browsers, including IE6. It is smaller than an animated GIF (2.8K minified, 1.7K gzipped)

Starter | Jumpstart Your jQuery Plugin Development

Submitted 1 year and 301 days ago (more from starter.pixelgraphics.us)

Provides a framework for beginning to build a plugin, by providing a wrapper, the structure, and your own provided defaults. Generates your own custom jquery plugin boilerplate, if you will. Definitely worth a look.