The act of converting content from its original format into a format capable of being displayed on the web
Manage Multiple WordPress Sites

Design

Design Category

Free Yourself From CSS Prefixes – Prefixfree

Prefixfree is a script to make writing CSS3 easier for you.

prefixfree Free Yourself From CSS Prefixes   PrefixfreeAs almost every browser has its own rules for CSS, like the need for prefixes such as -o, -moz, -webkit, etc., Prefixfree liberates your CSS code.

The library processes every <link> and <style> element, and also has a jQuery plugin and a DOM plugin that adds Ajax-like functionality.

 

A Web Editor That’s Not TinyMCE – CKEditor

CKEditor is a powerful WYSIWYG text editor for websites.

CKEDITOR A Web Editor Thats Not TinyMCE   CKEditorCKEditor is a full-featured WYSIWYG editor that’s easy to integrate, but focuses on compatibility and innovative features rather than being a platform from which to develop your own, unique text editor.

CKEditor has a long usage history and is well developed and compatible with CMSes such as Joomla and SharePoint.

Allow Selecting and Deselecting Areas of Images – ImageMapster

ImageMapster is a jQuery plugin for working with image maps.

dip Allow Selecting and Deselecting Areas of Images   ImageMapsterImage maps are images with clickable areas.

Now that that’s settled, let’s see how ImageMapster helps us create more effective (or feature-laced) image maps.

By far the most useful feature is “map scaling” — a feature that allows resizing images without having to create new image maps.

Then there’s effects on certain events; for example, the map’s opacity can be changed on a mouseOver, or the image can be changed.

And the library also works on mobile!

Overall, ImageMapster is pure gold if your projects involve imagemaps.

Attach iOS-style Badges to Elements – Badger

Thrivingkings.com have published an awesome jQuery plugin, Badger, which produces ‘Super sexy iOS style badges’.

badges Attach iOS style Badges to Elements   Badger“Badges” are cool, bubble-like figures that are attached to a div.

Badger is just 1.8kb minified, and serves its purpose well; as for the manipulation of the badges, the CSS is there and it’s neatly structured.

Its only problem is that IE<=6 isn’t supported, but that’s not the biggest concern of web developers right now.

Check out their other plugins, too!

Allow Users to Re-size Your Text – Font Sizer

Font Sizer is a jQuery plugin that allows users to change the font size for set elements of your website.

largertext Allow Users to Re size Your Text   Font SizerFont Sizer is easy to implement in your existing websites, as, for starters, it only needs two divs — a wrapper div and a “resizeable text” div.

The plugin is highly configurable with options such as maximum text size, baseSize, controls (like those in the image), et cetera.

Cool, JS-Only AJAX Spinner – spin.js

spin.js is a JavaScript library for creating a regular AJAX spinner.

spin Cool, JS Only AJAX Spinner   spin.js
Spin.js weighs 2.8 kilobytes (1.7 gzipped), and that’s smaller than an animated gif.

You can configure the spinner, too: set the number of lines; line length; speed; etc.

Released under the MIT license, spin.js is a handy library for creating “content-loading” spinners in a breeze.