
Description:
Advice & Resources For Rapid Web Development
Contents:
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.
- Showing Off bit.ly Clicks of Your Posts With jQuery
By Mike More, July 29th, 2010
Site: AEXT
- Thumbnails Navigation Gallery with jQuery
By Mary Lou, July 29th, 2010
Site: Codrops
- Building a custom HTML5 video player with CSS3 and jQuery
By Cristian-Ionut Colceriu, July 28th, 2010
Site: Dev Opera
- Start Experimenting With CSS3 Keyframe Animations
By Lee Munroe, July 28th, 2010
Site: Lee Munroe
- Creating Cross Browser HTML5 Forms Now, Using modernizr, webforms2 and html5Widgets
By Zoltan, July 27th, 2010
Site: User Agent Man
- 20 Steps to a Flexible and Secure WordPress Installation
By Karthik Viswanathan, July 26th, 2010
Site: Nettuts+
- Making a Custom YouTube Video Player With YouTubes APIs
By Martin Angelov, July 23rd, 2010
Site: Tutorialzine
- Designing Style Guidelines For Brands And Websites
By Kat Neville, July 21st, 2010
Site: Smashing Magazine
- Creating Custom Fields for Attachments in WordPress
By Andy Blackwell, July 20th, 2010
Site: Nettuts+
- Bulletproof CSS3 Media Queries
By Vladimir Carrer, July 20th, 2010
Site: Carrer Web Log
- How To Use CSS3 Media Queries To Create a Mobile Version of Your Website
By Rachel Andrew, July 19th, 2010
Site: Smashing Magazine
- Improve your WordPress Navigation Menu Output
By Christian Budschedl, July 18th, 2010
Site: Kriesi
- Textarea Tricks
By Chris Coyier, July 16th, 2010
Site: CSS-Tricks
- Slide Down Box Menu with jQuery and CSS3
By Mary Lou, July 16th, 2010
Site: Codrops
- 5 Web Files That Will Improve Your Website
By Alexander Dawson, July 15th, 2010
Site: Six Revisions
- How to Create a Web Service in a Matter of Minutes
By Christian Heilmann, July 14th, 2010
Site: Nettuts+
- Optimizing JavaScript/jQuery Loading Time, a Beginners Guide
By Cedric Dugas, July 13th, 2010
Site: Position Absolute
- WordPress Security Lockdown
By Jeff Starr, July 12th, 2010
Site: Digging into WordPress
- The 960 Grid System Made Easy
By Joshua Johnson, July 12th, 2010
Site: Six Revisions
- Object-Oriented PHP for Beginners
By Jason Lengstorf, July 8th, 2010
Site: Nettuts+
- HTML5 Web Storage
By Peter Lubbers and Brian Albers, July 7th, 2010
Site: Dr Dobbs
- A Beginners Guide to Design Patterns
By Nikko Bautista, July 7th, 2010
Site: Nettuts+
- Supersize that Background, Please!
By Bobby van der Sluis, July 6th, 2010
Site: A List Apart
- How to Use the New Custom Menu Feature in WordPress 3.0
By Louis Simoneau, July 6th, 2010
Site: SitePoint
- An Introduction to Microsoft Silverlight 4 Part 1, Part 2
By Mike Taulty, July 5th, 2010
Site: Activetuts+
- Image Highlighting and Preview with jQuery
By Mary Lou, July 4th, 2010
Site: Codrops
- How to Create a “Stay-On-Top” Menu with CSS3 and jQuery
By Irina Borozan, July 1st, 2010
Site: 1stwebdesigner
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.

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.
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.

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.
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.

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.
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.

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.
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.

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/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.

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.
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:
|
|