Webistrate - Draw Your Own Conclusions

HTML5: Displaying a Progress Bar

Posted by Jamie Munro | November 7, 2011 | Tags:

One of the new HTML5 markup tags is called progress.  This displays a basic progress bar based on two attributes that you must specify: the current value and the max value.  Using some basic Javascript, you can increment the progress bar so the user knows something is happening and will be done soon.

See the solution »

Share


CakePHP: Using the JsHelper to submit a form with AJAX

Posted by Jamie Munro | October 31, 2011 | Tags:

The JsHelper in CakePHP 1.3 has replaced the AjaxHelper from CakePHP 1.2.  I recently tried to implement the JsHelper without very much success; perhaps if I would have read the documentation more closely it would have been quite obvious what my mistake was.  So in case you’re like me and often skim over long documentation of a helper when you just need one function (in my case $this->Js->submit()) then you can often miss very important information.  This article will hopefully help clarify it.

See the solution »

Share


MSSQL/MySQL: Understanding how to Index your database

Posted by Jamie Munro | October 24, 2011 | Tags: ,

This is a must read for beginning developers in understanding how to index your database tables and more importantly, why you must index your database.

See the solution »

Share


CSS3: Transitioning AJAX Content into view with CSS3 Animations

Posted by Jamie Munro | October 17, 2011 | Tags:

In a previous article, I demonstrated how you can use jQuery to Transition AJAX Content into view with $.animate(). In this article, we are going to remove the jQuery animation and use CSS3 instead.  Currently this is not supported by Internet Explorer and Opera.

See the solution »

Share


HTML5: Experimenting with the canvas for a basic walk animation

Posted by Jamie Munro | October 10, 2011 | Tags:

I don’t claim to be an animator, Javascript expert, or anything else; I simply wanted to explore the new canvas tag in HTML5.  In the following article, I demonstrate how to create a simple walking animation using a free sprite that I found on the Internet.

See the solution »

Share


CSS: Fixed Position Content

Posted by Jamie Munro | October 3, 2011 | Tags: ,

I truly believe that Facebook is attempting to shape the Internet.  Every time a changed is made, there is always massive uproar – both positive and negative.  A recent change that I noticed was how they began using previously “unused” content spacing.  This is done intelligently and only when you have a screen resolution greater than 1280 pixels wide.  It’s an extremely simple process to add using the most basic CSS and some basic jQuery resize detection.

See the solution »

Share


CakePHP: Using the jQuery Sortable Plugin and Saving to the Database

Posted by Jamie Munro | September 26, 2011 | Tags: ,

It’s time to permanently remove all “manual” sorting from the Internet.  You know the one I mean where it has the up and down arrows – or even worse, the text box that accepts a numerical order input.  By implementing the jQuery Sortable Plugin, you will be able to provide a simple, but effective drag-and-drop ordering solution for just about any type of data!

See the solution »

Share


jQuery: Organizing data with the Sortable plugin

Posted by Jamie Munro | September 22, 2011 | Tags:

Have you ever written some code that lets a user change the display order of something – articles, photos, widgets, etc…?  You know the one, either you have the up and down arrows or go old school and let them enter a numerical value.  By implementing the jQuery UI Sortable plugin, you will never have to write such a poor system again!

See the solution »

Share


CSS3: Attribute Selectors

Posted by Jamie Munro | September 19, 2011 | Tags:

Have you ever wanted to set a custom style on all images that contain .png as their extension?  How about some custom CSS for a URL that is under SSL (perhaps add a lock image beside it?).  In CSS3, new attribute selectors have been added to allow for partial matches to attribute values.  The match can be at the start, end, or anywhere else in the string.

See the solution »

Share


MVC3: Using Class Extensions to simplify your code with the UrlHelper

Posted by Jamie Munro | September 15, 2011 | Tags:

When you have a website with a lot of static content: images, Javascript, CSS, etc… you will find yourself constantly typing out the same path information with the exception of the name of the actual file.  Creating a class extension to the UrlHelper can help greatly reduce your development efforts with a few simple additions.

See the solution »

Share


Page 3 of 41234

Buy one of my books