W3Avenue http://www.w3avenue.com Advice & Resources For Rapid Web Development Fri, 20 May 2011 22:45:17 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Subscribe with My Yahoo!Subscribe with NewsGatorSubscribe with My AOLSubscribe with BloglinesSubscribe with NetvibesSubscribe with GoogleSubscribe with PageflakesSubscribe with PlusmoSubscribe with The Free DictionarySubscribe with Bitty BrowserSubscribe with NewsAlloySubscribe with Live.comSubscribe with Excite MIXSubscribe with Attensa for OutlookSubscribe with WebwagSubscribe with Podcast ReadySubscribe with FlurrySubscribe with WikioSubscribe with Daily Rotation Really Useful Tutorials You Should Have Read in July 2010 http://feedproxy.google.com/~r/w3avenue/~3/yHr_O8YDFA0/ http://www.w3avenue.com/2010/08/04/tutorials-2010-july/#comments Tue, 03 Aug 2010 20:15:00 +0000 W3Avenue Team http://www.w3avenue.com/?p=1975 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.

So which tutorials you found most useful. Also feel free to recommend any good article that we may have missed.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

]]> http://www.w3avenue.com/2010/08/04/tutorials-2010-july/feed/ 8 http://www.w3avenue.com/2010/08/04/tutorials-2010-july/ TubePlayer: jQuery Plugin For YouTube Player API http://feedproxy.google.com/~r/w3avenue/~3/H9wVpByMqmw/ http://www.w3avenue.com/2010/08/03/tubeplayer-jquery-plugin-for-youtube-player-api/#comments Mon, 02 Aug 2010 20:00:00 +0000 W3Avenue Team http://www.w3avenue.com/?p=1973 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.

Features

  • Browser Support Tested: Firefox 3.5+, Chrome 5, Opera 10, Safari 5, IE6+
  • Controls: play, pause, stop, seek, volume control, quality control and data retrieval
  • Callback Functions: onPlayerUnstarted, onPlayerEnded, onPlayerPlaying, onPlayerPaused, onPlayerBuffering and onPlayerCued

Developed by Nirvana Tikku; TubePlayer is dual licensed under the MIT and GPL licenses.  You can find further information, demos & download on TubePlayer Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

]]> http://www.w3avenue.com/2010/08/03/tubeplayer-jquery-plugin-for-youtube-player-api/feed/ 5 http://www.w3avenue.com/2010/08/03/tubeplayer-jquery-plugin-for-youtube-player-api/ jQueryRotate: Cross Browser Image Rotation http://feedproxy.google.com/~r/w3avenue/~3/rxLxh2mcFDc/ http://www.w3avenue.com/2010/07/26/jqueryrotate-cross-browser-image-rotation/#comments Sun, 25 Jul 2010 22:15:00 +0000 W3Avenue Team http://www.w3avenue.com/?p=1971 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.

Developed by Pawel Witkowski; jQueryRotate is available for download under MIT License.  You can find further information, demos & download on jQueryRotate Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

]]> http://www.w3avenue.com/2010/07/26/jqueryrotate-cross-browser-image-rotation/feed/ 0 http://www.w3avenue.com/2010/07/26/jqueryrotate-cross-browser-image-rotation/ Pines Notify jQuery Plugin http://feedproxy.google.com/~r/w3avenue/~3/33UT6iMA5KA/ http://www.w3avenue.com/2010/07/23/pines-notify-jquery-plugin/#comments Thu, 22 Jul 2010 22:45:00 +0000 W3Avenue Team http://www.w3avenue.com/?p=1969 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.

Features

  • Timed hiding with visual effects
  • Sticky (no automatic hiding) notices
  • Optional hide button
  • Supports dynamically updating text, title, icon, type…
  • Stacks allow notice sets to stack independently
  • Control stack direction and push to top or bottom
  • Supports HTML (including forms) in title and text
  • Variable opacity
  • Supports Pines icons/jQuery UI icons/any CSS based icons
  • Supports custom classes for individual notice styling
  • Standard and custom effects
  • Optional drop shadows
  • Callbacks for various events, which can cancel events
  • History viewer allows user to review previous notices
  • XHTML 1.0 Strict compliance
  • ThemeRoller Ready

Developed by Hunter Perrin; Pines Notify is available for download under GNU Affero GPL License.  You can find further information, demos & download on Pines Notify Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

]]> http://www.w3avenue.com/2010/07/23/pines-notify-jquery-plugin/feed/ 2 http://www.w3avenue.com/2010/07/23/pines-notify-jquery-plugin/ Aloha: The HTML5 Editor http://feedproxy.google.com/~r/w3avenue/~3/axUxC9AEtF8/ http://www.w3avenue.com/2010/07/19/aloha-the-html5-editor/#comments Sun, 18 Jul 2010 21:50:00 +0000 W3Avenue Team http://www.w3avenue.com/?p=1964 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.

Features

  • No reload. No popup. No need to preview
  • Floating menu – lightweight context menu
  • Insert the table with the size you want with just one click
  • Editing and formatting text without Markup
  • Faster editing and loading time
  • WYSIWYG for dynamic content
  • Support HTML5 Contenteditable

Developed by Gentics Software GmbH; Aloha Editor is available for download under AGPLv3 License.  You can find further information, demos & download on Aloha Editor Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

]]> http://www.w3avenue.com/2010/07/19/aloha-the-html5-editor/feed/ 3 http://www.w3avenue.com/2010/07/19/aloha-the-html5-editor/ CSS3 Properties in IE With PIE http://feedproxy.google.com/~r/w3avenue/~3/aAehEQ9Cob0/ http://www.w3avenue.com/2010/07/16/css3-properties-in-ie-with-pie/#comments Thu, 15 Jul 2010 20:45:00 +0000 W3Avenue Team http://www.w3avenue.com/?p=1962 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/PIE.htc);”. You need to make sure that path is relative to the HTML file being viewed, not the CSS file it is called from.

Developed by Jason Johnston; PIE (Progressive Internet Explorer) is Available for download under Apache License Version 2.0.  You can find further information, demos & download on PIE (Progressive Internet Explorer) Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

]]> http://www.w3avenue.com/2010/07/16/css3-properties-in-ie-with-pie/feed/ 3 http://www.w3avenue.com/2010/07/16/css3-properties-in-ie-with-pie/ CLEditor: WYSIWYG HTML Editor jQuery Plugin http://feedproxy.google.com/~r/w3avenue/~3/sC0ecYMm6vs/ http://www.w3avenue.com/2010/07/14/cleditor-wysiwyg-html-editor-jquery-plugin/#comments Tue, 13 Jul 2010 19:15:00 +0000 W3Avenue Team http://www.w3avenue.com/?p=1959 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.

Features

  • Lightweight and very easy to implement
  • Can specify height, width, fonts, colors, controls and styles using configuration options
  • Customize the tool bar styles and controls
  • Supports methods for interaction via JavaScript: focus(), htmlMode(), resize(), select(), selectedText(), updateFrame(), updateTextArea()

Developed by Chris Landowski; CLEditor is dual licensed under the MIT or GPL License.  You can find further information, demos & download on CLEditor Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

]]> http://www.w3avenue.com/2010/07/14/cleditor-wysiwyg-html-editor-jquery-plugin/feed/ 8 http://www.w3avenue.com/2010/07/14/cleditor-wysiwyg-html-editor-jquery-plugin/ CMS Tree Page View Plugin For WordPress http://feedproxy.google.com/~r/w3avenue/~3/b_gHCVWGy34/ http://www.w3avenue.com/2010/07/11/cms-tree-page-view-plugin-for-wordpress/#comments Sun, 11 Jul 2010 02:15:00 +0000 W3Avenue Team http://www.w3avenue.com/?p=1956 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.

Features

  • View and organize pages in a simple to use tree view
  • Available both on it’s own page and on the dashboard
  • Edit pages directly from the tree
  • Add pages at any place in the tree
  • Drag and drop to rearrange your pages
  • Search pages
  • See all pages  – including private and drafts – or just publicly available pages

Developed by Par Thernstrom; CMS Tree Page View WordPress plugin is available for download under General Public License.  You can find further information, demo & download on CMS Tree Page View Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

]]> http://www.w3avenue.com/2010/07/11/cms-tree-page-view-plugin-for-wordpress/feed/ 0 http://www.w3avenue.com/2010/07/11/cms-tree-page-view-plugin-for-wordpress/ Quizzy: Creates AJAX and XML Based Quizzes http://feedproxy.google.com/~r/w3avenue/~3/KvfCCdRjmo0/ http://www.w3avenue.com/2010/07/07/quizzy-creates-ajax-and-xml-based-quizzes/#comments Tue, 06 Jul 2010 20:30:00 +0000 W3Avenue Team http://www.w3avenue.com/?p=1954 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.

Features

  • Each option can have a unique block of text to explain the scoring to the user
  • You can add pictures to the quiz description, the question text, and any explanation
  • You aren’t limited to true or false questions. You can assign an arbitrary number of points to each option
  • You can add as many questions as you’d like
  • You can also use the quizzyBuilder to make a quiz graphically
  • Features a robust scoring system where you can define grades and ranks
  • You can even add a unique picture for each rank
  • As many quizzes as you want from as many xml files you want

Developed by Joe B; Quizzy is available for download under Affero GNU Public License.  You can find further information, demo & download on Quizzy Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

]]> http://www.w3avenue.com/2010/07/07/quizzy-creates-ajax-and-xml-based-quizzes/feed/ 0 http://www.w3avenue.com/2010/07/07/quizzy-creates-ajax-and-xml-based-quizzes/ LESS CSS For .NET http://feedproxy.google.com/~r/w3avenue/~3/suyTqh9dGh8/ http://www.w3avenue.com/2010/07/06/less-css-for-net/#comments Mon, 05 Jul 2010 21:45:00 +0000 W3Avenue Team http://www.w3avenue.com/?p=1952 .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.

Features

  • Supports Variables, Mixins, Nested Rules and Operators
  • Provides useful Functions which are called using the normal CSS function syntax
  • Supports Namespaces enabling you to group variables or mixins, for organizational purposes, or just to offer some encapsulation
  • Supports Scope – similar to that of programming languages
  • Both block and inline comments are authorized
  • Provides command line tool to compile .less file into .css
  • Also comes with an option to watch your .less files for any change, and recompile it automatically

Ported by Christopher Owen, Erik van Brakel, Daniel Hoelbling  and James Foster; .LESS is available for download under Apache License.  You can find further information, documentation & download on .LESS CSS Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

]]> http://www.w3avenue.com/2010/07/06/less-css-for-net/feed/ 1 http://www.w3avenue.com/2010/07/06/less-css-for-net/