Really Useful Tutorials You Should Have Read in July 2010


This update covers really useful tutorials, tips and techniques that you should have read in July 2010. Featured publications include: A List Apart, Nettuts+, Dr Dobbs, Codrops, 1stwebdesigner, CSS-Tricks, AEXT, Six Revisions, Digging into WordPress, Position Absolute, Activetuts+, Kriesi, Carrer Web Log, User Agent Man and Dev Opera.

Featured authors include: Jeff Starr, Bobby van der Sluis, Christian Heilmann, Chris Coyier, Zoltan, Nikko Bautista, Mike More, Mike Taulty, Mary Lou, Christian Budschedl, Irina Borozan, Jason Lengstorf, Cedric Dugas, Vladimir Carrer, Peter Lubbers, Brian Albers, Joshua Johnson, Andy Blackwell, Alexander Dawson, Rachel Andrew, Karthik Viswanathan, Lee Munroe, Cristian-Ionut Colceriu and Kat Neville.

Read the rest of this entry »


TubePlayer: jQuery Plugin For YouTube Player API


TubePlayer is a jQuery plugin that implements YouTube Player API, and allows you to create your own controls and components for YouTube movies. In addition to jQuery, it also requires SWFObject for cross browser support.

Creating custom controls for YouTube videos using TubePlayer is very easy; all you need to do is initialize the YouTube Player using tubeplayer() method, and then hook tubeplayer’s events to any elements you want to use as triggers.

Read the rest of this entry »


jQueryRotate: Cross Browser Image Rotation


jQueryRotate is a lightweight, cross browser jQuery plugin that allows you to rotate images by specifying any angle. It uses HTML5 canvas element and VML for Internet Explorer. You cna use it to rotate user generated images and animate them using your own functions.

jQueryRotate is very easy to use in your own projects. All you need is to select an image element and call “rotate” or “rotateAnimation” function. To simply rotate an image, you can directly specify an angle or pass parameters in this function. The rotateAnimation function enables you to add rotating animation programmatically.

Read the rest of this entry »


Pines Notify jQuery Plugin


Pines Notify is jQuery notification plugin. It is very easy to implement, flexible, and provides numerous options for all kinds of notifications. It uses the jQuery UI CSS library for styling, which means it is fully and easily themeable.

Since Pines Notify uses jQuery UI, you can change look and feel of notification windows using ThemeRoller. You can do further customization, by modifying widget-specific classes referenced within the jquery.pnotify.default.css stylesheet.

Read the rest of this entry »


Aloha: The HTML5 Editor


Aloha Editor is an easy to use WYSIWYG HTML editor, featuring fast editing, floating menu, and support for HTML5 ContentEditable. It provides WYSIWYG editor to any website content instantaneously, enabling content editors to see the changes the moment they type.

Alloha is very easy to integrate in your website, wiki, blog or any other application. It produces clean xHTML5 code once integrated into your application. Another noteworthy features is that it allows you to edit content directly in content accordions, sliders, tickers, captions or descriptions of images in slideshows.

Read the rest of this entry »


CSS3 Properties in IE With PIE


PIE (Progressive Internet Explorer) is an IE attached behavior that allows IE 6-8 to recognize and display a number of CSS3 properties. It currently has full or partial support for the following CSS3 features: border-radius, box-shadow, border-image, multiple background images, and linear-gradient as background image.

Using PIE in your projects is really simple and straight forward. All you need to do is upload “htc” file on the server and add the behavior in CSS rule of the element: “behavior: url(path/to/;”. You need to make sure that path is relative to the HTML file being viewed, not the CSS file it is called from.

Read the rest of this entry »


CLEditor: WYSIWYG HTML Editor jQuery Plugin


CLEditor is a open source jQuery plugin which provides a lightweight, full featured, cross browser, WYSIWYG HTML editor which can be easily added into any web site. It is lightweight plugin that consumes less than 8K of total bandwidth. It is also cross browsers and has been tested with IE 6.0+, FF 1.5+, Safari 4+, Chrome 5+ and Opera 10+.

To use CLEditor, you simply need to pass “id” of the textarea that will hold the HTML content; plugin will replace it with WYSIWYG editor. In addition to the standard text formatting features, CLEditor contains rich drop downs for font name, size, style, text color and highlight color.

Read the rest of this entry »


CMS Tree Page View Plugin For WordPress


CMS Tree Page View is a very useful WordPress plugin that adds AJAX tree overview of all your pages in WordPress administration area. Within this page tree you can edit pages, view pages, add pages, search pages, and drag and drop pages to rearrange the order.

CMS Tree Page View is ideally suited for sites with a lot of pages – enabling admin users to easily find, arrange and manage pages. Once you activate the plugin, a link to “CMS Tree Page View” is added under “Pages” menu in the admin area. You can also choose to display tree on the dashboard through plugin’s settings page.

Read the rest of this entry »


Quizzy: Creates AJAX and XML Based Quizzes


Quizzy is an open Source PHP and AJAX based quiz library. It allows you to quickly and easily add multiple-choice quizzes to your website. All the quiz data is based on XML so making quizzes is very easy. Quizzy has been tested in IE 6+, Firefox, Chrome, Safari 4+, Opera 8+, and Konqueror.

Quizzy only requires PHP5 and jQuery to work. Setting up and customizing Quizzy is fairly easy; you can use quizzyBuilder (an online tool to setup your quizzes) and customize it by simply editing quizzyConfig.js and quizzyConfig.php files.

Read the rest of this entry »




.less (pronounced dot-less) is a .NET port of the ruby LESS library. It allows you to write regular CSS with your .NET apps, then add a few variables, mixins and nested rules. In order to use dot-less you need .NET 3.5 or above.

Using dot-less in your project is a breeze; all you need to do is include reference to it in your project and add few entries in your web.config file. To get started simply reference your LESS files the same way as you would any other CSS file, just ensure that you use the .LESS extension.

Read the rest of this entry »


Stay Updated, Subscribe to RSS Feed




Sponsored Links