W3Avenue http://www.w3avenue.com Advice & Resources For Rapid Web Development Thu, 11 Mar 2010 08:36:25 +0000 http://wordpress.org/?v=2.9.2 en hourly 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 Embed CMS in Your Website With PHP News System http://feedproxy.google.com/~r/w3avenue/~3/fTXhCXcRecc/ http://www.w3avenue.com/2010/03/11/embed-cms-in-your-website-with-php-news-system/#comments Wed, 10 Mar 2010 20:20:00 +0000 W3Avenue Team http://www.w3avenue.com/?p=1659 PHP News System (phpns) is an open source CMS that enables you to embed dynamic content into an existing website. It allows you to design your website however you like, and squeezes content into your design, wherever you like, with one line of code. PHP News System requires PHP, MySQL and ability to change file permissions on the server.

Setting up phpns is fairly simple with the help of built-in web based installer. The administration area provides you ability to create and manage articles, create categories, manage templates, create users, ban users, etc. Embedding your dynamic content into website is simply a matter of including a PHP file.

Features

  • Web design freedom
  • Users management
  • Search engine friendly URLs
  • Freeze/cache management
  • WYSIWYG editor
  • Theme management
  • Database backup/restore

Developed by Alec Henriksen; PHP News System (phpns) is available for download under GNU General Public License. You can find further information, documentation, demo & download on PHP News System 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/03/11/embed-cms-in-your-website-with-php-news-system/feed/ 0 http://www.w3avenue.com/2010/03/11/embed-cms-in-your-website-with-php-news-system/ Spritely: Create Sprite Animation Using jQuery http://feedproxy.google.com/~r/w3avenue/~3/cavCjIVl-0o/ http://www.w3avenue.com/2010/03/10/spritely-create-sprite-animation-using-jquery/#comments Tue, 09 Mar 2010 22:47:00 +0000 W3Avenue Team http://www.w3avenue.com/?p=1657 Spritely is a jQuery plugin for creating dynamic character and background animation in pure HTML and JavaScript. It is a  light-weight plugin with a few simple methods that allow you to easily create animated sprites and scrolling backgrounds. It is a cross browser plugin that works on all major browsers including iPhone and Internet Explorer 6.

Spritely provides two key methods, sprite() and pan() both of which simply animate the background-image CSS property of an element. The difference between the two is that a ’sprite’ image contains two or more ‘frames’ of animation, whereas a ‘pan’ image contains a continuous image which pans left or right and then repeats.

Developed by Artlogic Media; Spritely is dual licensed under the MIT or GPL Version 2 Licenses. You can find further information, documentation, demo & download on Spritely 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/03/10/spritely-create-sprite-animation-using-jquery/feed/ 0 http://www.w3avenue.com/2010/03/10/spritely-create-sprite-animation-using-jquery/ GetSimple: XML Based Content Management System http://feedproxy.google.com/~r/w3avenue/~3/erDN7OTFPuE/ http://www.w3avenue.com/2010/03/09/getsimple-xml-based-content-management-system/#comments Mon, 08 Mar 2010 21:40:00 +0000 W3Avenue Team http://www.w3avenue.com/?p=1655 GetSimple is an open source Content Management System (CMS) that utilizes XML for data storage, has excellent user interface and is really easy to learn. GetSimple requires PHP 5.1.3+ and has been tested with Apache web server. Installation is a snap, all you need to do is upload files to your server and you are ready.

GetSimple is ideally suited for small to medium site websites. IF you are comfortable with WordPress theme development, you will really like GetSimple. Like WordPress, GetSimple allows developer to create their won themes and extend its functionality using Plugins. Plugins enables you to provide customized solutions without having to make things too complex.

Features

  • XML Based – No Databases
  • You can “Undo” Almost Everything
  • Easy to Learn UI
  • Simple Installation
  • Simple Theme Customization
  • Sitemap Generation & Pinging
  • Website Archives
  • Keyword & Tagging Suggestions
  • Cron Ability
  • Comprehensive Logging
  • Friendly URLs
  • Extend CMS with Plugin System

Developed by Chris Cagle; GetSimple is available for download under GNU General Public License. You can find further information, documentation, demo & download on GetSimple 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/03/09/getsimple-xml-based-content-management-system/feed/ 0 http://www.w3avenue.com/2010/03/09/getsimple-xml-based-content-management-system/ jCore: Open Source Multisite CMS http://feedproxy.google.com/~r/w3avenue/~3/iHZnc3ipuh8/ http://www.w3avenue.com/2010/03/08/jcore-open-source-multisite-cms/#comments Sun, 07 Mar 2010 21:00:00 +0000 W3Avenue Team http://www.w3avenue.com/?p=1652 jCore is an open source Content Management System (CMS) build using PHP and MySQL. It can power multiple websites, enabling you to keep CMS software up to date and fix bugs for all websites from a single location.

jCore has two main systems, jCore Server – which holds all the libraries and modules, and jCore Client – which is the stripped version of the core system that install with each website. You don’t really need to install jCore server, just copy the files in a public place so that all you websites can access it.

jCore allows designers to easily create custom look & feel of their website by simply adding new blocks (DIVs) from the admin area and apply any style (CSS) or script (jQuery). The developer on the other hand can easily  create new Modules to extend the site’s functionality.

Features

  • Custom Look & Feel with CSS/JavaScript
  • Multilanguage Support
  • Multiple Menus
  • Manage your site’s content with a WYSIWYG editor and attach files/pictures to them
  • Create submit forms with custom fields and store or send values trough email
  • Extend your site with new functionality like Photo Gallery or a File sharing module and so on
  • Include posts, modules, blocks, forms and other are of your site in your posts/blocks contents
  • Keep your readers up to date with RSS feeds
  • Easily place ad codes / banners on your site and earn money
  • Manage your site members or send out mass emails to let them know about news
  • SEO Friendly Links
  • Custom 404 Error Page

Developed by Istvan Petres; jCore is available for download under GNU General Public License. You can find further information, demo & download on jCore 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/03/08/jcore-open-source-multisite-cms/feed/ 0 http://www.w3avenue.com/2010/03/08/jcore-open-source-multisite-cms/ Image Power Zoomer http://feedproxy.google.com/~r/w3avenue/~3/_lzsWfhLlaE/ http://www.w3avenue.com/2010/03/05/image-power-zoomer/#comments Fri, 05 Mar 2010 06:40:00 +0000 W3Avenue Team http://www.w3avenue.com/?p=1647 Image Power Zoomer is jQuery plugin that adds a magnifier to any image on your page. It lets the user zoom in on any portion of the image by simply moving cursor over it. Furthermore, the magnification power can be adjusted on the fly by turning the mouse wheel back or forth, just like in many graphics programs.

Image Power Zoomer is pretty simple to implement. Based on your understanding of jQuery selectors, you can apply the power zoom effect on an image using variety of ways (e.g., if you need to apply it to multiple images you can select images using class attribute). Image Power Zoomer is a cross browser plugin that works on all major browsers including IE6.

Features

  • Applies the zoom effect to any image on the page without adding any additional markup to it.
  • The default zoom level can be changed for each image.
  • When the user scrolls the mouse wheel while over the image, the zoom level decreases or increases based on the scroll direction.
  • The range of zoom can be changed.
  • The size of the “magnifier” can be changed for each image.

Developed by Dynamic Drive; Image Power Zoomer is available for download for Free. You can find further information, demo & download on Dynamic Drive 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/03/05/image-power-zoomer/feed/ 0 http://www.w3avenue.com/2010/03/05/image-power-zoomer/ Floom: MooTools Slideshow http://feedproxy.google.com/~r/w3avenue/~3/Ct8dR-y5ykg/ http://www.w3avenue.com/2010/03/04/floom-mootools-slideshow/#comments Wed, 03 Mar 2010 22:45:00 +0000 W3Avenue Team http://www.w3avenue.com/?p=1643 Floom is an extendible slideshow widget for MooTools 1.2+ that produces very nice blinds effect. It is really easy to use and can also be used to load large images, since it shows a progress wheel while loading images in the background. Floom is cross browser plugin that works on all modern browser.

Floom is lightweight and really simple to implement. You can either specify the image URL and the caption using the key-value notation inside JavaScript or by adding image tags inside a <div>. If you specify images in your markup you can provide image caption is the title attribute.

Features

  • Specify directory where to look for images/slides
  • Enable or disable progress bar
  • Enable or disable captions
  • Specify interval between slide change
  • Specify amount of blinds
  • Specify animation duration
  • Specify axis: either horizontal or vertical

Developed by Oskar Krawczyk; Floom is available for download under the MIT Licenses.  You can find further information, demo & download on Floom 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/03/04/floom-mootools-slideshow/feed/ 0 http://www.w3avenue.com/2010/03/04/floom-mootools-slideshow/ Build Flexible Multi Column Layouts With Less CSS Framework http://feedproxy.google.com/~r/w3avenue/~3/rfzYbz8grEw/ http://www.w3avenue.com/2010/03/03/build-flexible-multi-column-layouts-with-less-css-framework/#comments Tue, 02 Mar 2010 20:00:00 +0000 W3Avenue Team http://www.w3avenue.com/?p=1641 Less Framework is an HTML5 powered CSS framework for building flexible multi column website layouts for varying screen widths. It contains an eight-column grid optimized for a line-height of 24px, as well as a set of typography presets based on the golden ratio that fit into the grid’s vertical rhythm.

Less Framework layouts work perfectly in Chrome, Safari 3.0+, Firefox 3.0+ and Internet Explorer 7+. Your layout will collapse into a single column in legacy browsers and on small screens. The frameworks allow you to use HTML5 tags with the help of HTML5 enabling JavaScript file.

Developed by Joni Korpi; Less Framework is available for download under Creative Commons Attribution License.  You can find further information, demos & download on Less Framework 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/03/03/build-flexible-multi-column-layouts-with-less-css-framework/feed/ 0 http://www.w3avenue.com/2010/03/03/build-flexible-multi-column-layouts-with-less-css-framework/ RegExr: Free Tool For Editing and Testing Regular Expressions http://feedproxy.google.com/~r/w3avenue/~3/pITd4m96E4k/ http://www.w3avenue.com/2010/03/02/regexr-free-tool-for-editing-and-testing-regular-expressions/#comments Mon, 01 Mar 2010 21:30:00 +0000 W3Avenue Team http://www.w3avenue.com/?p=1637 RegExr is a free tool for learning, editing, testing, and sharing regular expressions. It is available online at RegExr.com, and has a desktop version (Adobe Air application) for Mac OSX, Windows or Linux. RegExr is built with Flex 3 and uses ActionScript’s built in RegExp engine.

RegExr has very simple and easy to use interface. It provides you with built in sample (organized into various categories) for quick reference. You can also search through expressions shared by the community and share your own. It also allows you to save your own expressions locally.

Features

  • Real time results: shows results as you type
  • Code hinting: roll over your expression to see info on specific elements
  • Detailed results: roll over a match to see details & view group info below
  • Built in regex guide: double click entries to insert them into your expression
  • Save your expressions: My Saved expressions are saved locally
  • Share and rate expressions: search Community expressions and share your own

Developed by Grant Skinner; RegExr is a free tool that you can use online or download it desktop version.  You can start using the online version by visiting RegExr 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/03/02/regexr-free-tool-for-editing-and-testing-regular-expressions/feed/ 2 http://www.w3avenue.com/2010/03/02/regexr-free-tool-for-editing-and-testing-regular-expressions/ Really Useful Tutorials You Should Have Read in February 2010 http://feedproxy.google.com/~r/w3avenue/~3/omcZ84amxVo/ http://www.w3avenue.com/2010/02/28/tutorials-2010-february/#comments Sun, 28 Feb 2010 03:00:00 +0000 W3Avenue Team http://www.w3avenue.com/?p=1631 This update covers really useful tutorials, tips and techniques that you should have read in February 2010. Featured publications include: Nettuts+, Queness, Codrops, The Phuse, Ravelrumba, Web Designer Wall, AddyOsmani, AEXT, Smashing Magazine, SpoonGraphics, Sitepoint, Insic Designs, Mehdi Mousavi, Webtint, Marcofolio, David Walsh Blog, Line25, OpenBit, CSS-Tricks, Tutorialzine, Soh Tanaka, Think Vitamin, Build Internet, Code Diesel, and Snook.ca.

Featured authors include: Matt Hedberg, Kevin Liew, Mary Lou, James Costa, Rob Flaherty, Nick La, Adnan Osmani, Lam Nguyen, Christian Heilmann, Chris Spooner, Madhuri & Mona, Mike More, David Walsh, Johnny, Marco Kuiper, Nikunj Sakhrelia, Jeffrey Way, Chris Coyier, Martin Angelov, Mehdi Mousavi, Louis Simoneau, Soh Tanaka, Zach Dunn,Chris Lea, Sameer Borate, and Jonathan Snook.

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/02/28/tutorials-2010-february/feed/ 3 http://www.w3avenue.com/2010/02/28/tutorials-2010-february/ jqFancyTransitions: Slideshow With Fancy Transitions http://feedproxy.google.com/~r/w3avenue/~3/jm0wPw7wuqA/ http://www.w3avenue.com/2010/02/26/jqfancytransitions-slideshow-with-fancy-transitions/#comments Thu, 25 Feb 2010 20:00:00 +0000 W3Avenue Team http://www.w3avenue.com/?p=1626 jqFancyTransitions is an easy-to-use jQuery plugin that allow you create slideshows with fancy transition effects. It offers three predefined effects:  Wave, Curtain and Zipper. jqFancyTransitions is a cross browser plugin that has been fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.

Implementing jqFancyTransitions is pretty simple; all you have to do add image tags inside a placeholder with unique “id”. In order to add multiple slide shows in your page, you just need to specify different “id” for each placeholder. You can add captions to each slide using “alt” attribute.

Features

  • Three predefined effects:  Wave, Curtain and Zipper.
  • You can make custom effects by setting your own speed, number of strips, direction, type of effect, etc.
  • Supports multiple slideshows in a single page.
  • Can work without any additional CSS, and can be easily styled via CSS.

Developed by Ivan Lazarevic; jqFancyTransitions jQuery Plugin is dual licensed under the MIT and GPL licenses.  You can find further information, demos & download on jqFancyTransitions 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/02/26/jqfancytransitions-slideshow-with-fancy-transitions/feed/ 2 http://www.w3avenue.com/2010/02/26/jqfancytransitions-slideshow-with-fancy-transitions/