In this three-part series – in depth tutorials + two hour screencast – we’ll be creating a contact manager using jQuery and CodeIgniter. As more and more applications are moving towards the hive, web developers & designers alike are required to learn more and more about how to design “desktopesque” projects.
Build a Simple Password Strength Checker
Nov 4th in JavaScript & AJAX by SiddharthProviding instant feedback is the in-thing right now. Why limit yourself to checking usernames and email addresses? Why not extend this to provide quick visual feedback about the strength of the password the user has input? Today, we’ll take a look at how to create a simple password strength checker using the jQuery library, regular expressions and a simple algorithm.
Building your First ExpressionEngine Plugin
Nov 2nd in CMSs by Erik ReaganNo matter how awesome a CMS is, there will be times when you are required to meet a specific need that simply doesn’t work out of the box. Here we will explore creating Plugins for ExpressionEngine to meet such needs.
Simple Draggable Element Persistence with jQuery
Oct 29th in JavaScript & AJAX by Dustin BlakeAt some point you may need to create a draggable element within your web application. This is great functionality, however you may want or find that you need the element to stay in place after being dragged around. In this tutorial I will show you how to easily drag an element and make it stick, even after a page reload, by grabbing and storing its X and Y coordinates.
WordPress as a CMS: New Plus Tutorial
Oct 28th in Plus by Matt VickersWhen most people think about WordPress, they think about blogs. If you look at the front page of WordPress.org, they talk a lot about blogging as well. What they don’t tell you is that WordPress can also double as a very powerful CMS; you just have to set it up properly. It can be a bit tricky to get setup and working the way that you want; but this is where I come in.
In this 3-part tutorial + screencast series, I’m going to take you through the three steps of using WordPress as a CMS. Become a PLUS member.
Easy Version Control with Git
Oct 28th in Other by Andrew BurgessHave you ever worked on a project that was so unwieldy, you were scared to update a file or add a feature? Maybe the problem was that you weren’t using a version control system. In today’s tutorial, we’ll learn the basics of what might possibly be the best VCS in the world: Git.
Feeds 101
Oct 27th in Other by SiddharthFeeds. RSS. Atom. Syndication. Subscribers. These are some of the keywords floating around the web and have gained notorious prominence over the years. In this guide, we’ll take a look at a number of things including what feeds are, why you need to have a feed for your site, how to set up one and then publish it.
Learn how to Create a Retro Animated Flip-Down Clock
Oct 21st in HTML & CSS, JavaScript & AJAX by Alexandru PiteaIn this tutorial, we will create an animated flip down clock inspired by the 70’s. Using the Mootools framework, I tried to replicate the flip action of the pads and make it as lifelike as possible. With it’s retro styling, it could be a really neat thing to add to your website, so let’s get started!
How to Create an Image Gallery Powered by Picasa
Oct 20th in JavaScript & AJAX by Mikhail KozlovIn this tutorial we are going to create a simple image gallery powered by Google’s Picasa Web Albums. In order to enhance the user’s experience, we’ll throw some jQuery into the mix and create a scrollable album carousel.
Drag to Share
Oct 19th in JavaScript & AJAX by Dan WellmanWe’ve all seen the brilliant functionality on Mashable where news stories and interesting articles can be shared to social networking sites; the functionality is driven by the images accompanying the articles; you click and hold on an image and can then drag it into a toolbar to share it. It’s brilliant and intuitive, and in this article I’m going to show you how we can replicate this behavior with jQuery and jQuery UI.
