Archive for the ‘Web Development’ Category

Is NoSQL the future of databases?

Friday, August 13th, 2010
No Gravatar

Unfortunately the title of this post is nonsensical. NoSQL isn’t any one thing, it’s a broad spectrum of emerging technologies. NoSQL could be used to describe just about any data store that isn’t a traditional database, and it turns out there are many flavours of databases.

I haven’t used any NoSQL product personally but I have the answers to some important questions:

Are these database systems proven and used in large scale productions?

They sure are.

Do they provide advantages over traditional RDBMS’s?

In some cases they are very interesting, in others there is debate as to whether they’re the right tool for the job.

Re-Organizational Technique: Card-Sorting

Thursday, August 5th, 2010
No Gravatar

As your website grows and expands its content and user base outside the initial scope for the project, it often becomes necessary to consider a re-design or re-organization in order to keep navigation intuitive and get the most from your content, preventing it from getting lost in a hard-to-navigate-to location. Usually a content re-design starts with your sitemap and grows from there, but when you have too many pages sometimes it’s quite difficult to simply re-organize them in your head or even on paper. The Card-Sort method is a great way to fluidly alter sitemap organization on paper to achieve the most intuitive organization for your users when re-designing. It all starts with a stack of index cards, and a big black marker.

Integrating Symfony with Existing Software

Thursday, June 3rd, 2010
No Gravatar

Lately we’ve been looking for ways to build custom web applications faster. Our existing software is great but it’s not quite up to the calibre of some of the frameworks out there. After deciding on using Symfony to build our next generation software, and loving it, I set out to wrap our existing software in Symfony. As it turns out that was fairly easy thanks to Symfony’s routing system.

5 Awesome FREE Tools For Your Next Web Design/Web Application Wireframes

Friday, May 28th, 2010
No Gravatar

It’s always a good idea to design or wireframe a website or application before jumping straight to the coding or graphic design part. Wireframing, prototyping, mocking it up reduces the time to decide which part goes to which part.

The importance of it has always been taken for granted by many designers and developers to speed up development not knowing that it actually increases the development time because of revisions, missed user cases and sometimes simple user interface design mistakes.

IE6: The end is nigh update

Friday, May 28th, 2010
No Gravatar

Google recently launched a new site layout for it’s search results page. Google dropped official support for IE6 on March 1st, 2010. This meant that Google could rearrange the results page to be both mobile friendly (without switching to their mobile version, iPhone users rejoice!) and make the page much, much faster to render by the browser. In this day and age of fast, inexpensive computing, that might not look like much, but it’s still an advantage for mobile users, and lets face it, you’re probably still supporting Windows XP on your mom’s 6 year old computer, or trying to send links to your sister’s spam ridden and slow laptop, right?  The less time we’ve gotta spend chewing on a page load, the better for everyone.

[Firefox Extension] A Very Useful Google Shortcuts Toolbar

Friday, March 12th, 2010
No Gravatar

logo I have to say that Google’s list of web services is growing at a rate that I personally can’t cope up. Until I found this Firefox extension – Google Shortcuts. It displays all of Google services as buttons just next to your address bar either as a single button with a dropdown of services or as a toolbar with the list.

01

3-12-2010 9-08-25 AM 

The settings window lets you choose which services you frequently use and want to show.

3-12-2010 9-05-52 AM

It’s a very small extension that makes your life simple. You got to have it!

How Quick Hand Drawn Wireframes Can Save Time and Money

Wednesday, March 10th, 2010
No Gravatar

First things first, what is a wireframe? Wireframe:  A basic visual guide used in interface design, to suggest the structure of an interface and relationships between its pages. Think of it as a detailed blueprint of a building, showing things such as fire escapes, rooms, and layout.

Wireframes over time have become the starting point for pretty much any custom website design/interface I make. There are many different options when it comes to making wireframes. You can use wireframe programs, mock them up in Photoshop, etc. the list goes on and on. But I find the best, and fastest way to get things done is to draw it out with a good old pencil and paper.  With pencil and paper you can quickly make changes, write down notes and things along these lines. It’s both fast and easy.

7 Worthy Alternatives To Google Search

Friday, February 26th, 2010
No Gravatar

2-26-2010 4-39-35 PM

Today, I was wondering how I could ever search for something if Google didn’t exist and I asked myself, “How do I look for answers without using Google?”

I certainly wanted to answer my own question really bad so I dug up a few worthy search engines out there that can be my alternative to Google search.

Here are some of my early favorites (in no order):

1) Yahoo!

www.yahoo.com

No introduction is needed for the 3rd largest website in the world.

2-26-2010 4-08-50 PM

2) Bing

www.bing.com

Getting Longitude and Latitude from Google Maps

Friday, February 26th, 2010
No Gravatar

I’ve recently needed to get longitude and latitude coordinates for several locations. I first went about it by getting the values from http://www.geonames.org/. This was difficult because it requires you convert degrees, minutes and seconds to the wgs84 format. This is no treat.

After some googling I discovered that it’s pretty simple to make a Google map with a pin on it which tells you the coordinates of the pin in the wgs84 format.

Here’s the code:

HTML

<p id="coords"></p>
<div id="map_canvas" style="height: 600px"></div>

Javascript

 
function gogmap() {
 
	var map,
		marker, 
		point = new GLatLng(52.482780222078205, -102.65625); // default position
 
	var posChange = function() {
		point = marker.getLatLng();
		document.getElementById('coords').innerHTML = "lat: " + point.lat() + "<br>lng: " + point.lng();
	};
 
	map = new GMap2(document.getElementById("map_canvas"));
	map.addControl(new GLargeMapControl());
	map.addControl(new GNavLabelControl());
	map.setCenter(point, 4);
 
	marker = new GMarker(point, {draggable: true});
 
	GEvent.addListener(marker, "dragend", posChange);
 
	map.addOverlay(marker);		
 
	posChange();
}
 
gogmap();

Live Example

When you drag the pin to a new location the longitude and latitude below will update.

Using Symfony’s sfForm Standalone

Friday, January 22nd, 2010
No Gravatar

Forms are something a web developer makes and maintains nearly every day. Despite their common occurrence they’re easy to do badly. Luckily they are something of a solved problem. There are many tools out there that help the PHP developer create forms including PEAR‘s HTML_QuickForm2, Zend Framework‘s Zend_Form, eZ Components‘s ezcInputForm, CodeIgniter‘s Form Helper, and many others. Having drunk the Symfony Kool-Aid and being pretty impressed with it I thought I would see if I could use their sfForm class in a non Symfony project.