Font Custom - Generate Custom Icon Web Fonts From The Comfort Of The Command Line

Font Custom is a tool to generate custom icon web fonts from the comfort of the command line.

Features

• Cross-Browser - Output multiple font formats and a bulletproof stylesheet with one command. Works on modern browsers, quirky mobile flavors, and even your old friend IE8.
• Bootstrap-Ready - Font Custom creates styles using Bootstrap's .icon-{{your-icon-name}} naming convention. Just include fontcustom.css and you're set.
• Plug And Play - No configuration or navigating confusing APIs. Just place all your vectors in a folder, link a CSS file, and let Font Custom take care of the rest.
• Infinite Options - Why limit yourself to generic, overused icon sets? Create your own vectors or check out Glyphicons and The Noun Project for a buffet of possibilities.
• Flexible Sizes - Resize icons to your heart's content. Since they're vector, Font Custom icons appear crisp at any size. (Also, no more @2x icon assets.)
• Just Add CSS - Change colors, add shadows, rotate, transmogrify — style icons however you want with just a little CSS. Tweaking icon designs has never been easier.
• Smaller File Sizes - Icon font sets like Pictos and Font Awesome require browsers to download hundreds of icons you'll never use. Font Custom only includes the icons you choose.
• Screen Reader Friendly - Some icon fonts use letters or alphanumeric characters which are read out by screen readers. Font Custom uses Unicode's PUA so this won't ever be an issue.
• Automatic Regeneration - Add an icon? Remove an icon? Fonts and styles are regenerated instantly thanks to Font Custom's handy command line watcher.

Requirements: None
Demo: http://fontcustom.com/
License: MIT License

Delta – A Free Gorgeous jQuery UI Theme

Delta is a free, gorgeous jQuery UI theme.  It’s free for commercial, personal and educational use as part of the MIT or GPL license.

Features

• Open Source – Free for commercial and personal use alike under an MIT license.
• Retina Ready – The theme makes use of CSS3 gradients and some @2x images to ensure it’s retina display friendly.
• Dark & Light Friendly – The vibrant color scheme means “Delta” works on both light and dark backgrounds. Change the toggle in the top right hand corner of the demo to see it in action.
• OS Dependent Modals – Close ‘x’ and button placement inherits from your operating system, using an extra Modernizr test.

Browser Support

• IE7, IE8 & IE9 - But rounded corners and drop shadows will degrade depending on support
• Chrome
• Firefox
• Safari
• Opera

Requirements: jQuery, jQuery UI
Demo: http://kiandra.github.com/Delta-jQuery-UI-Theme/
License: MIT License or GPL

Real Shadow - A jQuery Plugin That Casts Photorealistic Shadows

Note From The Editor: Functionn is a blog about latest, breaking web resources for web developers and designers alike.  If you'd like to receive resources like this one, please take a moment to go through our archives, be it for JavaScript Techniques, or any other categories and if you like what you see, you can support this blog by subscribing via one of our options: RSS, Twitter, Google+, Facebook or Email.

Real Shadow is a jQuery Plugin that casts photorealistic shadows.  It works in any browser supporting the CSS box-shadow property.

To use the Real Shadow plugin, you just need to initialize it with the following piece of code:


Then you setup your HTML like below for each object you wast to cast real shadows for.  To specify different colors for each element, you can use "rel" attribute.


Finally you make sure the plugin is called by executing this on DOM ready:


The project is released under the MIT License.  You can use it in your projects freely, and even customize it to your needs or contribute to it.


Requirements: jQuery
Demo: http://indamix.github.com/real-shadow/
License: MIT License