WDL - Web Programming http://www.webdesign.org/ en-us Fri, 18 Apr 2014 21:49:18 -0400 Web Design Libraryhttp://www.webdesign.org/images/logo.gifhttp://www.webdesign.org/

How To Create A Parallax Scrolling Website http://www.webdesign.org/how-to-create-a-parallax-scrolling-website.22336.html Material Image The trend for parallax scrolling in modern websites shows no signs of stopping. As a technique it has been used by games designers and other artists for many years, and has only in the last two years taken off as a popular way for web developers to show off their skills and get creative.
Type: Design Principles
Level: All levels ]]>
2013-09-16 http://www.webdesign.org/how-to-create-a-parallax-scrolling-website.22336.html


HTML5 and JavaScript: Custom Data Attributes http://www.webdesign.org/html5-and-javascript-custom-data-attributes.22312.html Material Image In this tutorial we will run through a basic example of using custom data attributes in HTML5, with JavaScript code retrieving the attributes to create an interactive website component.
Type:
Level: All levels ]]>
2013-07-19 http://www.webdesign.org/html5-and-javascript-custom-data-attributes.22312.html


How to Create a Custom File Input with jQuery, CSS3 and PHP http://www.webdesign.org/web-programming/php/how-to-create-a-custom-file-input-with-jquery-css3-and-php.22185.html Material Image In this tutorial yu will learn how to create a custom file input with jQuery, CSS3 and PHP
Type: PHP Tutorials
Level: Beginner ]]>
2012-12-14 http://www.webdesign.org/web-programming/php/how-to-create-a-custom-file-input-with-jquery-css3-and-php.22185.html


These jQuery Plugins Store Form Values With HTML5 LocalStorage http://www.webdesign.org/web-programming/javascript/these-jquery-plugins-store-form-values-with-html5-localstorage.22144.html Material Image These jQuery plugins dtore form values with HTML5 LocalStorage
Type: HTML Tutorials
Level: Beginner ]]>
2012-11-20 http://www.webdesign.org/web-programming/javascript/these-jquery-plugins-store-form-values-with-html5-localstorage.22144.html


Slick Navigation-Sidebar With CSS Animations And jQuery http://www.webdesign.org/web-programming/javascript/slick-navigation-sidebar-with-css-animations-and-jquery.22134.html Material Image In this tutorial you will learn how to create slick navigation-sidebar with CSS animations and jQuery
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-11-12 http://www.webdesign.org/web-programming/javascript/slick-navigation-sidebar-with-css-animations-and-jquery.22134.html


PHP to Static HTML On The Fly http://www.webdesign.org/web-programming/php/php-to-static-html-on-the-fly.22131.html Material Image PHP to Static HTML On The Fly
Type: HTML Tutorials
Level: Beginner ]]>
2012-11-08 http://www.webdesign.org/web-programming/php/php-to-static-html-on-the-fly.22131.html


Sushi-Inspired CSS 3D Navigation for jQuery http://www.webdesign.org/web-programming/javascript/sushi-inspired-css-3d-navigation-for-jquery.22123.html Material Image Sushi-Inspired CSS 3D Navigation for jQuery
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-11-06 http://www.webdesign.org/web-programming/javascript/sushi-inspired-css-3d-navigation-for-jquery.22123.html


2 jQuery-Plugins Provide Exceptional Content Navigation http://www.webdesign.org/web-programming/javascript/2-jquery-plugins-provide-exceptional-content-navigation.22117.html Material Image 2 jQuery-Plugins provide exceptional content navigation
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-11-05 http://www.webdesign.org/web-programming/javascript/2-jquery-plugins-provide-exceptional-content-navigation.22117.html


Restricting input with jQuery http://www.webdesign.org/web-programming/javascript/restricting-input-with-jquery.22115.html Material Image Restricting input with jQuery
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-11-01 http://www.webdesign.org/web-programming/javascript/restricting-input-with-jquery.22115.html


Tiny Circleslider: Who Said Sliders Are Boring? http://www.webdesign.org/web-programming/javascript/tiny-circleslider-who-said-sliders-are-boring.22102.html Material Image Tiny Circleslider is different though. This tool lets you place content elements in a circle. This makes for a futuristic look and feel.
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-10-29 http://www.webdesign.org/web-programming/javascript/tiny-circleslider-who-said-sliders-are-boring.22102.html


PHP to Static HTML On The Fly http://www.webdesign.org/web-programming/php/php-to-static-html-on-the-fly.22097.html Material Image PHP to static HTML on the fly
Type: PHP Tutorials
Level: Beginner ]]>
2012-10-23 http://www.webdesign.org/web-programming/php/php-to-static-html-on-the-fly.22097.html


How to Create Security for Your Own WordPress Plugin http://www.webdesign.org/web-programming/php/how-to-create-security-for-your-own-wordpress-plugin.22063.html Material Image In this tutorial you will learn how to create security for your own WordPress Plugin
Type: PHP Tutorials
Level: Beginner ]]>
2012-10-11 http://www.webdesign.org/web-programming/php/how-to-create-security-for-your-own-wordpress-plugin.22063.html


ReView.js Changes Viewports In Responsive Designs With a Single Mouse Click http://www.webdesign.org/web-programming/javascript/review-js-changes-viewports-in-responsive-designs-with-a-single-mouse-click.22048.html Material Image ReView.js changes viewports in responsive designs with a single mouse click
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-10-05 http://www.webdesign.org/web-programming/javascript/review-js-changes-viewports-in-responsive-designs-with-a-single-mouse-click.22048.html


Custom Products Webpage Layout via the Etsy API http://www.webdesign.org/web-programming/php/custom-products-webpage-layout-via-the-etsy-api.22040.html Material Image Custom Products Webpage Layout via the Etsy API
Type: HTML Tutorials
Level: Beginner ]]>
2012-10-02 http://www.webdesign.org/web-programming/php/custom-products-webpage-layout-via-the-etsy-api.22040.html


Create Custom Username RSS Feed Using PHP http://www.webdesign.org/web-programming/php/create-custom-username-rss-feed-using-php.22018.html Material Image In this tutorial you will learn how to create custom username RSS feed using PHP
Type: PHP Tutorials
Level: Beginner ]]>
2012-09-21 http://www.webdesign.org/web-programming/php/create-custom-username-rss-feed-using-php.22018.html


A jQuery Plugin for Optimal Use of Screen Space http://www.webdesign.org/web-programming/javascript/a-jquery-plugin-for-optimal-use-of-screen-space.22017.html Material Image Optimizing how space is used on a screen is a key component of good web design, and especially of responsive design
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-09-21 http://www.webdesign.org/web-programming/javascript/a-jquery-plugin-for-optimal-use-of-screen-space.22017.html


Your Photos Retro Style with HTML5 Canvas and Vintage.js http://www.webdesign.org/web-programming/javascript/your-photos-retro-style-with-html5-canvas-and-vintage-js.22001.html Material Image How to make your photos retro style with HTML5 Canvas and Vintage.js
Type: HTML Tutorials
Level: Beginner ]]>
2012-09-17 http://www.webdesign.org/web-programming/javascript/your-photos-retro-style-with-html5-canvas-and-vintage-js.22001.html


Getting Started with Python Programming: Creating a Blog http://www.webdesign.org/web-programming/php/getting-started-with-python-programming-creating-a-blog.21994.html Material Image Getting Started with Python Programming: creating a blog
Type: PHP Tutorials
Level: Beginner ]]>
2012-09-14 http://www.webdesign.org/web-programming/php/getting-started-with-python-programming-creating-a-blog.21994.html


jQuery Socialist: One-Stop Shop for Social Media Stream Aggregation http://www.webdesign.org/web-programming/javascript/jquery-socialist-one-stop-shop-for-social-media-stream-aggregation.21978.html Material Image One-stop shop for social media stream aggregation
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-09-10 http://www.webdesign.org/web-programming/javascript/jquery-socialist-one-stop-shop-for-social-media-stream-aggregation.21978.html


tiltShift.js: Tiltshift-Effects with CSS3 and jQuery http://www.webdesign.org/web-programming/javascript/tiltshift-js-tiltshift-effects-with-css3-and-jquery.21976.html Material Image In this tutorial you will learn how to create Tiltshift effects with CSS3 and jQuery
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-09-07 http://www.webdesign.org/web-programming/javascript/tiltshift-js-tiltshift-effects-with-css3-and-jquery.21976.html


jQuery: the Good, the Bad & the Ugly http://www.webdesign.org/web-programming/javascript/jquery-the-good-the-bad-the-ugly.21963.html Material Image jQuery: the Good, the Bad & the Ugly
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-09-04 http://www.webdesign.org/web-programming/javascript/jquery-the-good-the-bad-the-ugly.21963.html


Add a Simple Google, Yahoo! or Bing Search Box to Your Website http://www.webdesign.org/web-programming/javascript/add-a-simple-google-yahoo-or-bing-search-box-to-your-website.21909.html Material Image In this tutorial you will learn how to Add a simple Google, Yahoo! or Bing search box to your website
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-08-20 http://www.webdesign.org/web-programming/javascript/add-a-simple-google-yahoo-or-bing-search-box-to-your-website.21909.html


Advantages of PHP Programming http://www.webdesign.org/web-programming/php/advantages-of-php-programming.21905.html Material Image Advantages of PHP Programming
Type: PHP Tutorials
Level: Beginner ]]>
2012-08-17 http://www.webdesign.org/web-programming/php/advantages-of-php-programming.21905.html


Great jQuery Plugins for Fresh Websites http://www.webdesign.org/web-programming/javascript/great-jquery-plugins-for-fresh-websites.21899.html Material Image Look at these great jQuery plugins for fresh websites
Type: JavaScript Tutorials
Level: All levels ]]>
2012-08-16 http://www.webdesign.org/web-programming/javascript/great-jquery-plugins-for-fresh-websites.21899.html


SEO and Javascript: DO's and DON'Ts http://www.webdesign.org/web-programming/javascript/seo-and-javascript-do-s-and-don-ts.21895.html Material Image SEO and Javascript: DO's and DON'Ts
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-08-15 http://www.webdesign.org/web-programming/javascript/seo-and-javascript-do-s-and-don-ts.21895.html


Wrapping Your Head Around Canvas: Part 1 http://www.webdesign.org/web-programming/javascript/wrapping-your-head-around-canvas-part-1.21865.html Material Image Wrapping Your Head Around Canvas: Part 1
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-08-07 http://www.webdesign.org/web-programming/javascript/wrapping-your-head-around-canvas-part-1.21865.html


PHP Error Checking http://www.webdesign.org/web-programming/php/php-error-checking.21848.html Material Image Just when you think you've made something foolproof, God makes a better brand of fool.
Type: PHP Tutorials
Level: Beginner ]]>
2012-08-02 http://www.webdesign.org/web-programming/php/php-error-checking.21848.html


Common PHP File Upload Restrictions http://www.webdesign.org/web-programming/php/common-php-file-upload-restrictions.21833.html Material Image Common PHP File Upload Restrictions
Type: PHP Tutorials
Level: Beginner ]]>
2012-07-30 http://www.webdesign.org/web-programming/php/common-php-file-upload-restrictions.21833.html


5 Differences Between C# and Java: Objects and Classes http://www.webdesign.org/web-programming/javascript/5-differences-between-c-and-java-objects-and-classes.21829.html Material Image 5 Differences Between C# and Java: Objects and Classes
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-07-27 http://www.webdesign.org/web-programming/javascript/5-differences-between-c-and-java-objects-and-classes.21829.html


5 Differences Between C# and Java: Data Types http://www.webdesign.org/web-programming/javascript/5-differences-between-c-and-java-data-types.21801.html Material Image The line between desktop development and web based applications has been all but obliterated in the last few years.
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-07-19 http://www.webdesign.org/web-programming/javascript/5-differences-between-c-and-java-data-types.21801.html


Slide Show Snippet with JavaScript http://www.webdesign.org/web-programming/javascript/slide-show-snippet-with-javascript.21774.html Material Image In this tutorial you will learn how to create slide show snippet with JavaScript
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-07-12 http://www.webdesign.org/web-programming/javascript/slide-show-snippet-with-javascript.21774.html


User Agent Detection For Apple Devices http://www.webdesign.org/web-programming/javascript/user-agent-detection-for-apple-devices.21772.html Material Image User Agent Detection For Apple Devices
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-07-12 http://www.webdesign.org/web-programming/javascript/user-agent-detection-for-apple-devices.21772.html


Impress Your Visitors with Impress.js http://www.webdesign.org/web-programming/javascript/impress-your-visitors-with-impress-js.21766.html Material Image In this tutorial you will learn how to work with Impress.js
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-07-11 http://www.webdesign.org/web-programming/javascript/impress-your-visitors-with-impress-js.21766.html


Parallax Effect, Thumbnail Shifting and Sequential Window Opening http://www.webdesign.org/web-programming/javascript/javascript-tutorial-parallax-effect-thumbnail-shifting-and-sequential-window-opening.21760.html Material Image Parallax effect, thumbnail shifting and sequential window opening
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-07-09 http://www.webdesign.org/web-programming/javascript/javascript-tutorial-parallax-effect-thumbnail-shifting-and-sequential-window-opening.21760.html


Guide to Using AJAX with jQuery http://www.webdesign.org/web-programming/javascript/guide-to-using-ajax-with-jquery.21734.html Material Image This is a guide to using AJAX with jQuery
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-07-06 http://www.webdesign.org/web-programming/javascript/guide-to-using-ajax-with-jquery.21734.html


How to Speed Up jQuery Performance http://www.webdesign.org/web-programming/javascript/how-to-speed-up-jquery-performance.21735.html Material Image In this tutorial you will learn how to speed up jQuery performance
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-06-27 http://www.webdesign.org/web-programming/javascript/how-to-speed-up-jquery-performance.21735.html


IOS Browser Bounce, How To Disable It! http://www.webdesign.org/web-programming/javascript/ios-browser-bounce-how-to-disable-it.21722.html Material Image In this tutorial you will learn how to create IOS Browser Bounce, How To Disable It!
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-06-27 http://www.webdesign.org/web-programming/javascript/ios-browser-bounce-how-to-disable-it.21722.html


PHP Ad Tracker: Listing Ad Banners and Clients http://www.webdesign.org/web-programming/php/php-ad-tracker-listing-ad-banners-and-clients.21678.html Material Image PHP Ad Tracker: Listing Ad Banners and Clients
Type: PHP Tutorials
Level: Beginner ]]>
2012-06-15 http://www.webdesign.org/web-programming/php/php-ad-tracker-listing-ad-banners-and-clients.21678.html


QuickValidate: Building a jQuery Validation Plugin http://www.webdesign.org/web-programming/javascript/quickvalidate-building-a-jquery-validation-plugin.21661.html Material Image In this tutorial you will learn how to build a jQuery validation plugin
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-06-11 http://www.webdesign.org/web-programming/javascript/quickvalidate-building-a-jquery-validation-plugin.21661.html


jQuery Color Fade Hover Effect http://www.webdesign.org/web-programming/javascript/jquery-color-fade-hover-effect.21654.html Material Image A while ago i was asked by someone "How do i make a transition hover effect from greyscale to color?". In this tutorial iâ??ll show you how it can be done using two seperate images combined with jQuery.
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-06-08 http://www.webdesign.org/web-programming/javascript/jquery-color-fade-hover-effect.21654.html


Creating a Modern Lightbox with CSS3 and JavaScript http://www.webdesign.org/web-programming/javascript/creating-a-modern-lightbox-with-css3-and-javascript.21644.html Material Image In this tutorial you will learn how to create a modern light box with CSS3 and JavaScript
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-06-06 http://www.webdesign.org/web-programming/javascript/creating-a-modern-lightbox-with-css3-and-javascript.21644.html


Up and Running With Custom Post Types http://www.webdesign.org/web-programming/php/up-and-running-with-custom-post-types.21592.html Material Image Up and Running With Custom Post Types
Type: PHP Tutorials
Level: Beginner ]]>
2012-05-22 http://www.webdesign.org/web-programming/php/up-and-running-with-custom-post-types.21592.html


An Introduction to Underscore.js Part 1 Arrays http://www.webdesign.org/web-programming/javascript/an-introduction-to-underscore-js-part-1-arrays.21587.html Material Image An Introduction to Underscore.js
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-05-21 http://www.webdesign.org/web-programming/javascript/an-introduction-to-underscore-js-part-1-arrays.21587.html


JavaScript And Recursion http://www.webdesign.org/web-programming/javascript/javascript-and-recursion.21580.html Material Image In this tutorial you will learn how to create JavaScript And Recursion
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-05-18 http://www.webdesign.org/web-programming/javascript/javascript-and-recursion.21580.html


PHP Ad Tracker: Site Administration Ad Banner Data Form http://www.webdesign.org/web-programming/php/php-ad-tracker-site-administration-ad-banner-data-form.21551.html Material Image In this tutorial you will learn how to create administration ad banner data form
Type: PHP Tutorials
Level: Beginner ]]>
2012-05-15 http://www.webdesign.org/web-programming/php/php-ad-tracker-site-administration-ad-banner-data-form.21551.html


PHP Ad Tracker: Entering Ad Banner and Client Data http://www.webdesign.org/web-programming/php/php-ad-tracker-entering-ad-banner-and-client-data.21548.html Material Image In this tutorial you will learn how to enter ad banner and client data
Type: PHP Tutorials
Level: Beginner ]]>
2012-05-10 http://www.webdesign.org/web-programming/php/php-ad-tracker-entering-ad-banner-and-client-data.21548.html


Common Mistakes to Avoid When Coding in PHP http://www.webdesign.org/web-programming/php/common-mistakes-to-avoid-when-coding-in-php.21517.html Material Image Common Mistakes to avoid when coding in PHP
Type: PHP Tutorials
Level: Beginner ]]>
2012-04-30 http://www.webdesign.org/web-programming/php/common-mistakes-to-avoid-when-coding-in-php.21517.html


PHP Ad Tracker Part III: Data Object Coding http://www.webdesign.org/web-programming/php/php-ad-tracker-part-iii-data-object-coding.21386.html Material Image In this tutorial you will learn how to code data object
Type: PHP Tutorials
Level: Beginner ]]>
2012-03-26 http://www.webdesign.org/web-programming/php/php-ad-tracker-part-iii-data-object-coding.21386.html


jQuery Instead of JavaScript http://www.webdesign.org/web-programming/javascript/jquery-instead-of-javascript.21376.html Material Image In this tutorial you will learn how to use jQuery Instead of JavaScript
Type: JavaScript Tutorials
Level: All levels ]]>
2012-03-22 http://www.webdesign.org/web-programming/javascript/jquery-instead-of-javascript.21376.html


What Can You Do With Paper.js? http://www.webdesign.org/web-programming/javascript/what-can-you-do-with-paper-js.21338.html Material Image This tutorial will help you to learn more about JavaScript and its practical meaning for your future work.
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-03-13 http://www.webdesign.org/web-programming/javascript/what-can-you-do-with-paper-js.21338.html


jQuery Mobile Tutorial: Creating a Restaurant Picker Web App http://www.webdesign.org/web-programming/javascript/jquery-mobile-tutorial-creating-a-restaurant-picker-web-app.21337.html Material Image This tutorial will teach you how to create a nice demo app from scratch.
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-03-13 http://www.webdesign.org/web-programming/javascript/jquery-mobile-tutorial-creating-a-restaurant-picker-web-app.21337.html


Integrate Social App Features Into Your Website Using OpenSocial http://www.webdesign.org/web-programming/javascript/integrate-social-app-features-into-your-website-using-opensocial.21335.html Material Image This tutorial will teach you more about PHP Website integration with social features of OpenSocial platform.
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-03-12 http://www.webdesign.org/web-programming/javascript/integrate-social-app-features-into-your-website-using-opensocial.21335.html


Creating OpenSocial Gadgets http://www.webdesign.org/web-programming/javascript/creating-opensocial-gadgets.21328.html Material Image This tutorial will help you to learn more about JavaScript, being able to clarify lots of working aspects.
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-03-09 http://www.webdesign.org/web-programming/javascript/creating-opensocial-gadgets.21328.html


The Usefulness of the document.createElement() http://www.webdesign.org/web-programming/javascript/the-usefulness-of-the-document-createelement.21323.html Material Image This tutorial will explain you how to get HTML5 tags to work in IE8 and its earlier releases.
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-03-08 http://www.webdesign.org/web-programming/javascript/the-usefulness-of-the-document-createelement.21323.html


Switch on With jQuery's New Event Methods http://www.webdesign.org/web-programming/javascript/switch-on-with-jquery-s-new-event-methods.21318.html Material Image This tutorial will help you to learn more about JavaScript, explaining the most important working aspects.
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-03-07 http://www.webdesign.org/web-programming/javascript/switch-on-with-jquery-s-new-event-methods.21318.html


Designing a Clean Website: Gradients http://www.webdesign.org/web-programming/javascript/designing-a-clean-website-gradients.21311.html Material Image This tutorial will clarify some working aspects concerning a clean minimalist website design.
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-03-06 http://www.webdesign.org/web-programming/javascript/designing-a-clean-website-gradients.21311.html


Responsive Widgets http://www.webdesign.org/web-programming/javascript/responsive-widgets.21305.html Material Image Being of a great use, this tutorial will help you to learn more about responsive design and responsive widgets. Look through and you will, surely, appreciate the proposed material thanks to its ability to clarify lots of useful working aspects.
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-03-05 http://www.webdesign.org/web-programming/javascript/responsive-widgets.21305.html


Using HTML5 to Determine User Location http://www.webdesign.org/web-programming/javascript/using-html5-to-determine-user-location.21299.html Material Image This tutorial will explain you how to use simple JavaScript code in order to create Web applications that determine various aspects of the user location.
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-03-02 http://www.webdesign.org/web-programming/javascript/using-html5-to-determine-user-location.21299.html


Developing a Responsive Website: the Footer http://www.webdesign.org/web-programming/javascript/developing-a-responsive-website-the-footer.21291.html Material Image This tutorial will be of a great help for you in the process of tying the page off with a footer.
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-03-01 http://www.webdesign.org/web-programming/javascript/developing-a-responsive-website-the-footer.21291.html


Implement an Image Slideshow Using a jQuery Plugin http://www.webdesign.org/web-programming/javascript/implement-an-image-slideshow-using-a-jquery-plugin.21287.html Material Image This tutorial will help you to learn how to implement an image slideshow using a jQuery Plugin.
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-02-29 http://www.webdesign.org/web-programming/javascript/implement-an-image-slideshow-using-a-jquery-plugin.21287.html


Moving Web Page Elements Using The CSS3 Translate Transform http://www.webdesign.org/web-programming/javascript/moving-web-page-elements-using-the-css3-translate-transform.21281.html Material Image This tutorial will teach you to move web page elements, using the CSS3 translate transform.
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-02-28 http://www.webdesign.org/web-programming/javascript/moving-web-page-elements-using-the-css3-translate-transform.21281.html


Creating and Manipulating Modal Popups http://www.webdesign.org/web-programming/javascript/creating-and-manipulating-modal-popups.21275.html Material Image This tutorial will be of a great help for creating and manipulating Modal Popups.
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-02-27 http://www.webdesign.org/web-programming/javascript/creating-and-manipulating-modal-popups.21275.html


A Beginner's Guide to Using AJAX in Your Website http://www.webdesign.org/web-programming/javascript/a-beginner-s-guide-to-using-ajax-in-your-website.21245.html Material Image This tutorial will help you to learn more about using AJAX in your website.
Type: JavaScript Tutorials
Level: Beginner ]]>
2012-02-20 http://www.webdesign.org/web-programming/javascript/a-beginner-s-guide-to-using-ajax-in-your-website.21245.html


How to Pull Custom Google Analytics Data with PHP http://www.webdesign.org/web-programming/php/how-to-pull-custom-google-analytics-data-with-php.20833.html Material Image In this tutorial you will learn how to Pull Custom Google Analytics Data with PHP
Type: PHP Tutorials
Level: Beginner ]]>
2011-11-16 http://www.webdesign.org/web-programming/php/how-to-pull-custom-google-analytics-data-with-php.20833.html


List of Powerful PHP Code Generators http://www.webdesign.org/web-programming/php/list-of-powerful-php-code-generators.20354.html Material Image List of Powerful PHP Code Generators
Type: PHP Tutorials
Level: Beginner ]]>
2011-07-25 http://www.webdesign.org/web-programming/php/list-of-powerful-php-code-generators.20354.html


How to Install WAMP Server http://www.webdesign.org/web-programming/php/how-to-install-wamp-server.20344.html Material Image In this tutorial you will learn how to install WAMP server.
Type: PHP Tutorials
Level: Beginner ]]>
2011-07-22 http://www.webdesign.org/web-programming/php/how-to-install-wamp-server.20344.html


HTML5 Grayscale Image Hover http://www.webdesign.org/web-programming/javascript/html5-grayscale-image-hover.19580.html Material Image HTML5 Grayscale Image Hover
Type: HTML Tutorials
Level: Experienced ]]>
2011-01-26 http://www.webdesign.org/web-programming/javascript/html5-grayscale-image-hover.19580.html


How To: Sociable WP Plugin With Auto TinyURL Or Bit.ly Shortening http://www.webdesign.org/web-programming/php/how-to-sociable-wp-plugin-with-auto-tinyurl-or-bit-ly-shortening.19383.html Material Image In this tutorial you will learn how to sociable WP plugin with auto TinyURL Or Bit.ly shortening
Type: PHP Tutorials
Level: Beginner ]]>
2010-12-13 http://www.webdesign.org/web-programming/php/how-to-sociable-wp-plugin-with-auto-tinyurl-or-bit-ly-shortening.19383.html


jQuery Examples - Horizontal Accordion http://www.webdesign.org/web-programming/javascript/jquery-examples-horizontal-accordion.15528.html Material Image Up until now I have always used Scriptaculous / Prototype for any Java Script animation and effects, but lately I've heard a lot of good things about jQuery. So, I thought I would give it a try, and start doing some experiments.
Type: HTML Tutorials
Level: Experienced ]]>
2009-10-21 http://www.webdesign.org/web-programming/javascript/jquery-examples-horizontal-accordion.15528.html


Learn How To Create Your Own jQuery Plugin http://www.webdesign.org/web-programming/javascript/learn-how-to-create-your-own-jquery-plugin.17848.html Material Image Editor's Pick of August, 2009
Behold tips thatll get you involved in jQuery plugin writing for your web projects.
Type: JavaScript Tutorials
Level: All levels ]]>
2009-08-24 http://www.webdesign.org/web-programming/javascript/learn-how-to-create-your-own-jquery-plugin.17848.html


4 Powerful Features of Javascript Programming Language http://www.webdesign.org/web-programming/javascript/4-powerful-features-of-javascript-programming-language.17008.html Material Image In the community of web developers and surfers, Javascript is highly popular as client side scripting language for web browsers. Let's take a look at some of the features of this language.
Type: JavaScript Tutorials
Level: Beginner ]]>
2009-07-09 http://www.webdesign.org/web-programming/javascript/4-powerful-features-of-javascript-programming-language.17008.html


How to Display Your Last Tweet using Javascript and the Twitter API http://www.webdesign.org/web-programming/javascript/how-to-display-your-last-tweet-using-javascript-and-the-twitter-api.17698.html Material Image Editor's Pick of July, 2009
A step-by-step tutorial on how to make your recent twitter posts visible on your resource.
Type: JavaScript Tutorials
Level: Beginner ]]>
2009-07-01 http://www.webdesign.org/web-programming/javascript/how-to-display-your-last-tweet-using-javascript-and-the-twitter-api.17698.html


Introduction to Javascript for Newbies http://www.webdesign.org/web-programming/javascript/introduction-to-javascript-for-newbies.17007.html Material Image Javascript is a client-side programming language whose processing engine is embedded in web browsers like Internet Explorer, Netscape, Firefox, etc. This enables the processing engine to read and interpret web pages that contain the javascript code when browsing....
Type: JavaScript Tutorials
Level: All levels ]]>
2009-05-18 http://www.webdesign.org/web-programming/javascript/introduction-to-javascript-for-newbies.17007.html


Configure a virtual directory using WAMP http://www.webdesign.org/web-programming/php/configure-a-virtual-directory-using-wamp.16605.html Material Image Simple guide on how to configure a root folder for a PHP web site using WAMP server.
Type: PHP Tutorials
Level: Beginner ]]>
2009-05-13 http://www.webdesign.org/web-programming/php/configure-a-virtual-directory-using-wamp.16605.html


Form Validation in PHP http://www.webdesign.org/web-programming/php/form-validation-using-php.16717.html Material Image Form Validation in PHP. Today I'll take it up a level and re-write that script using the if, else conditional and empty() function to include form validation.
Type: PHP Tutorials
Level: Beginner ]]>
2008-12-10 http://www.webdesign.org/web-programming/php/form-validation-using-php.16717.html


E mail form using html and php http://www.webdesign.org/web-programming/php/e-mail-form-using-html-and-php.16721.html Material Image Sometimes it's a nice touch to include an e-mail feedback form on your contact page or elsewhere on your web site. Let's create an e-mail form using html and a simple php script to send it along.
Type: PHP Tutorials
Level: Beginner ]]>
2008-12-09 http://www.webdesign.org/web-programming/php/e-mail-form-using-html-and-php.16721.html


Displaying date and time using php http://www.webdesign.org/web-programming/php/displaying-date-and-time-using-php.4702.html Material Image You don't have to know PHP programming to do this tutorial.
Type: PHP Tutorials
Level: Beginner ]]>
2008-09-17 http://www.webdesign.org/web-programming/php/displaying-date-and-time-using-php.4702.html


How to Make Background Music in JS http://www.webdesign.org/web-programming/javascript/how-to-make-background-music-in-js.6927.html Material Image Make a background music with stop button useing jscript.
Type: JavaScript Tutorials
Level: Beginner ]]>
2008-09-16 http://www.webdesign.org/web-programming/javascript/how-to-make-background-music-in-js.6927.html


Create Tell A Friend Script with HTML & PHP http://www.webdesign.org/web-programming/php/create-tell-a-friend-script-with-html-php.15098.html Material Image Today we learn how to create a "Tell a Friend" script with HTML and PHP. If you want to exercise on my files, click here to download them!
Type: PHP Tutorials
Level: Beginner ]]>
2008-06-12 http://www.webdesign.org/web-programming/php/create-tell-a-friend-script-with-html-php.15098.html


Create a contact page with html and php http://www.webdesign.org/web-programming/php/create-a-contact-page-with-html-and-php.15099.html Material Image I have made a tutorial about how to install EasyPhp and now i come with an example. Today we learn how to create a Contact Page in HTML and PHP very easy! Download the next files to exercise on them:
Type: PHP Tutorials
Level: All levels ]]>
2008-06-03 http://www.webdesign.org/web-programming/php/create-a-contact-page-with-html-and-php.15099.html


How to Install EasyPHP ( PHP, MySql, Apache & PhpMyAdmin) http://www.webdesign.org/web-programming/php/how-to-install-easyphp-php-mysql-apache-phpmyadmin.15102.html Material Image 1. Download EasyPhp, Open It or Save It
2. Double Click on the setup, and follow the next steps:
Type: PHP Tutorials
Level: Experienced ]]>
2008-05-30 http://www.webdesign.org/web-programming/php/how-to-install-easyphp-php-mysql-apache-phpmyadmin.15102.html


MySQL Join Tutorial http://www.webdesign.org/web-programming/php/mysql-join-tutorial.14876.html Material Image What are joins and how do you make them?
Type: PHP Tutorials
Level: Beginner ]]>
2008-05-06 http://www.webdesign.org/web-programming/php/mysql-join-tutorial.14876.html


Javascript Windows http://www.webdesign.org/web-programming/javascript/javascript-windows.14877.html Material Image In this tutorial you'll learn how to use Javascript windows. Asking a name with a Promptbox, asking a question with Confirmboxes en ginving an alert with an Alertbox.
Type: JavaScript Tutorials
Level: All levels ]]>
2008-05-02 http://www.webdesign.org/web-programming/javascript/javascript-windows.14877.html


Benchmark and Optimize PHP Script Speed http://www.webdesign.org/web-programming/php/benchmark-and-optimize-php-script-speed.14875.html Material Image Sometimes you create a script that can get slow for several reasons. In this tutorial you'll learn how to analyze what is slowing the script and foremost what you can do about it!
Type: PHP Tutorials
Level: All levels ]]>
2008-05-01 http://www.webdesign.org/web-programming/php/benchmark-and-optimize-php-script-speed.14875.html


Sending SMS with PHP http://www.webdesign.org/web-programming/php/sending-sms-with-php.14782.html Material Image Send SMS with PHP
Type: PHP Tutorials
Level: All levels ]]>
2008-04-23 http://www.webdesign.org/web-programming/php/sending-sms-with-php.14782.html


Building a Subscribe/Unsubscribe App in PHP with Dreamweaver CS3 http://www.webdesign.org/web-programming/php/building-a-subscribe-unsubscribe-app-in-php-with-dreamweaver-cs3.14335.html Material Image E-mail newsletters are a very popular method of maintaining an open channel of communication with your site visitors. They have the great benefit of keeping a site's current user base up-to-date on the latest news and offerings from the organization.
Type: HTML Tutorials
Level: Experienced ]]>
2008-03-31 http://www.webdesign.org/web-programming/php/building-a-subscribe-unsubscribe-app-in-php-with-dreamweaver-cs3.14335.html


Banner Rotation Script http://www.webdesign.org/web-programming/javascript/banner-rotation-script.14571.html Material Image Step1: Opening the Javascript tags and setting the variables/size of the images you are going to display:
The width and heights are recognised as pixels, I have set the default size of most of the banners.
Type: JavaScript Tutorials
Level: Experienced ]]>
2008-03-28 http://www.webdesign.org/web-programming/javascript/banner-rotation-script.14571.html


Dynamic PHP Google Sitemap http://www.webdesign.org/web-programming/php/dynamic-php-google-sitemap.13540.html Material Image This tutorial will show You how to generate google sitemaps based on Your site MySQL structure.
Type: PHP Tutorials
Level: Experienced ]]>
2008-01-16 http://www.webdesign.org/web-programming/php/dynamic-php-google-sitemap.13540.html


How to Implement the CAPTCHA with PHP and GD http://www.webdesign.org/web-programming/php/how-to-implement-the-captcha-with-php-and-gd.12998.html Material Image Editor's Pick in Web Programming
This article is a gas, it will show you "How to Implement the CAPTCHA with PHP and GD." All the necessary code is laid out nice and neat by the author who has also provided you with helpful graphics to make it easy to understand.
Type: PHP Tutorials
Level: All levels ]]>
2007-10-26 http://www.webdesign.org/web-programming/php/how-to-implement-the-captcha-with-php-and-gd.12998.html


Time to Say Goodbye to Spam http://www.webdesign.org/web-programming/javascript/time-to-say-goodbye-to-spam.11037.html Material Image Editor's Pick in Web Programming
You are going to love this Article - Time to Say Goodbye to Spam! The author gives you benefit of considerable programming knowledge in this helpful tutorial. Along with simple texts he gives you the code to filter spam like crazy.
Type: JavaScript Tutorials
Level: Experienced ]]>
2007-10-22 http://www.webdesign.org/web-programming/javascript/time-to-say-goodbye-to-spam.11037.html


PHP Thumbnail Generation Script http://www.webdesign.org/web-programming/php/php-thumbnail-generation-script.12092.html Material Image Editor's Pick in PHP Tutorials, June 2007
This Web Programming tutorial will show you how to write a PHP Thumbnail Generation Script. The author provides this article with code and a complete explanation on what it will do as a followup article to an earlier tutorial.
Type: PHP Tutorials
Level: All levels ]]>
2007-07-31 http://www.webdesign.org/web-programming/php/php-thumbnail-generation-script.12092.html


Random password generation http://www.webdesign.org/web-programming/php/random-password-generation.12093.html Material Image Editor's Pick in PHP Tutorials, June 2007
Web programmers will enjoy this article. It is a quick and effective way to create Random Password Generation - needed for security and anti-spam measures. The author provides concise lines of code, screenshots and simply read texts.
Type: PHP Tutorials
Level: All levels ]]>
2007-07-20 http://www.webdesign.org/web-programming/php/random-password-generation.12093.html


Image slideshow http://www.webdesign.org/web-programming/php/image-slideshow.12068.html Material Image <span>Editor's Pick in PHP Tutorials, June 2007</span><br/>Who needs an Image Slideshow? You will when you see how easy it is to make and how great it looks. The author gives you code for every step so that you can set it easily into your PHP for the website design.
Type: PHP Tutorials
Level: Experienced ]]>
2007-07-09 http://www.webdesign.org/web-programming/php/image-slideshow.12068.html


Intro To Object: Option Variables http://www.webdesign.org/web-programming/php/intro-to-object-option-variables.12077.html Material Image Now that we have our first simple class (which we build in Intro To Object: Building Your First Class) we're going to modify it a bit.
Type: PHP Tutorials
Level: Beginner ]]>
2007-07-06 http://www.webdesign.org/web-programming/php/intro-to-object-option-variables.12077.html


Intro To Object: Creating Your First Class http://www.webdesign.org/web-programming/php/intro-to-object-creating-your-first-class.12076.html Material Image You have havent done so yet, I strongly recommend you first read my Intro To Object before starting this tutorial.
Type: PHP Tutorials
Level: Beginner ]]>
2007-07-05 http://www.webdesign.org/web-programming/php/intro-to-object-creating-your-first-class.12076.html


Intro To Object Oriented http://www.webdesign.org/web-programming/php/intro-to-object-oriented.12075.html Material Image One thing you dont see too much, is tutorials on object oriented php. Now some may be familiar with object from Java and C++, and then on the other hand, many of you may have no clue what object is. For this tutorial, you need to be pretty fluent in php.
Type: PHP Tutorials
Level: Beginner ]]>
2007-07-03 http://www.webdesign.org/web-programming/php/intro-to-object-oriented.12075.html


Alternating Row Colors http://www.webdesign.org/web-programming/php/alternating-row-colors.12072.html Material Image Theres two different ways this can be done. The first is by getting results from a mysql query, the second is going through the values of an array. I'll go over both. First the full files (ill break it up into two files, one using mysql, and one using an array)
Type: PHP Tutorials
Level: Experienced ]]>
2007-06-27 http://www.webdesign.org/web-programming/php/alternating-row-colors.12072.html


Custom Greeting http://www.webdesign.org/web-programming/php/custom-greeting.12071.html Material Image In the last tutorial we learned how to display the time using php. Now this is cool and all but lets get even cooler and learn how to put that time to work and display custom greeting depending on the time of day.
Type: PHP Tutorials
Level: Beginner ]]>
2007-06-19 http://www.webdesign.org/web-programming/php/custom-greeting.12071.html


Time and Date using PHP http://www.webdesign.org/web-programming/php/time-and-date-using-php.12070.html Material Image In this tutorial we will learn how to display the day and/or time by using php. It's a very easy thing to do using php (theres only one line of code, thats right, only one!) so, lets get started.
Type: PHP Tutorials
Level: Beginner ]]>
2007-06-07 http://www.webdesign.org/web-programming/php/time-and-date-using-php.12070.html


Object Orient Programming: Image Class http://www.webdesign.org/web-programming/php/object-orient-programming-image-class.12078.html Material Image Editor's Pick in PHP Tutorials, June 2007
This tutorial is a Web Programming in PHP article on Object Orient Programming: Image Class. The author says, "I share the code I use for my image class." Four functions: Upload, Resize, Get a file extenstion, Resize on the fly.
Type: PHP Tutorials
Level: Beginner ]]>
2007-06-06 http://www.webdesign.org/web-programming/php/object-orient-programming-image-class.12078.html