As if there aren’t enough web galleries out there I’m adding one more, FetchIdeas.com. This is a site which I have created over the past couple months, with a different approach than other galleries. My aim is to create better organization, publish only useful resources, and most of all provide a great place to Fetch Ideas!

I’ve categorized everything in design, graphics and fonts, clientside (css, javascript, etc..), and serverside (php, python, mysql, etc..). The categorization alone seems a bit different than most sites. The site is now stable but I have many plans for it in the coming months, so don’t be shy if you notice something wrong, want to suggest something, or anything else. Do you have any resources to suggest?

Also don’t for get, you can follow FetchIdeas.com on Twitter!

Related posts:

1. I’m Now On Twitter!
2. CSS Bubble Tooltips
3. 7 Lucky Tips for Mobile Development

The web is a global resource for anything, anywhere, any timezone. But often times we are careless in consideration for people in other areas of the world. The different timezones offset people’s schedules from one area to the next. When handling user profiles (or anything for that matter) where date and time is involved we can do a little magic with our CakePHP app to make things a little more convenient for our users. How do we handle this you ask?

First lets say when a user logs in to their profile they can click to edit the profile, selects his/her timezone, and clicks save. Relative to GMT we can calculate offsets of each timezone, where GMT would = 0. So for instance Eastern Timezone for New York, US would be -5 since its 5 ours BEHIND GMT. So lets start by generating a dropdown list with cake with all the different timezones, then save this list to the users profile. If you are using Auth with CakePHP, you will likely have a users table, and we’ll add a decimal field called “timezone” to that table. Fortunately there is a helper to assist us with this dropdown in the bakery, Timezone Helper. By taking a look at the source you’ll notice all the labels associated with an offset “-5.0″ or “+3.0″. Also look a little closer and you might notice a few have actual decimal (Kabul is +4.5). So first things first, go ahead and install that Helper as those instructions say. Add it to your Edit view for users to edit their profile. Once included you just add the drop down to your form with:

echo $timezone->select('timezone');

Now each user should have a timezone attached to their profile. Now the trick to timezones is that no matter what the timezone of our server is, we just want to convert it to display to the user in that user’s preferred timezone. On the reverse side, if a user enters a datetime, we convert it back to the timezone of the server.

Lets start our with the user viewing a date from the server, in our view we want to convert it to the user’s preferred timezone set to their profile (which should now be stored in their session, I’ll demonstrate with Auth)

$time->format('F j, Y g:i:s a', $mydate, null, $session->read('Auth.User.timezone'));

Using the Time helper in CakePHP, the format function accepts a fourth parameter which indicates the timezone, which is extremely helpful. So this is all you need to do to display a time from the server to a user.

Next lets say the user is about to edit a field from the server in a form. First we need to select the existing data from the database, we’ll convert it to the user’s timezone, and place it in an input field to be edited. Then once the user saves the data we’ll simply convert it back to the server’s timezone. (There a bunch of “one liners” in doing all of these tasks). So if you have your Time helper in your controller when you get the data from the database, go ahead and convert it to the new timezone just like we did before:

$data['Model']['mydate'] = $time->format('Y-n-d H:i:sP', $data['Model']['mydate'], null, $this->Auth->user('timezone'));

Now in your view for the form there are a few different scenarios. 1) You use Cake’s default inputs for editing date times, with the 6 dropdowns, or 2) You use a plain input and use a date/time picker of some sort. Lets first handle the first scenario, Cakes default 6 input datetime. The data has been submitted, validated and we’re about to place it back in the database, we need to convert it back to server timezone. But wait! the form field is broken down into an array of six elements: year, month, day, hour, minute, meridian. Well we can create a nice little function that will convert this array into a datetime, and pass it our timezone:

function dateTimeArrayToServerTZString($dt, $tz=0){
	$tz = (floatval($tz) >= 0)? '+'. number_format(floatval($tz),2,':','') : number_format(floatval($tz),2,':','');
	$dt['min'] = str_pad($dt['min'], 2, "0", STR_PAD_LEFT);

	$loc = $dt['year'] .'-'. $dt['month'] .'-'. $dt['day'] .' '. $dt['hour'] .':'. $dt['min'] .' '. $dt['meridian'] .' '. $tz;

	$datetime = new DateTime($loc);
	$datetime->setTimezone(new DateTimeZone(date('e', time())));

	return $datetime->format('Y-n-d H:i:sP');
}

Now right before I insert my data into the database I just need to call this function on that datetime array:

$this->data['Model']['mydate'] = dateTimeArrayToServerTZString($this->data['Model']['mydate'], $this->Auth->user('timezone'));

Now $this->data['Model']['mydate'] will be a string, and cake still knows how to handle that just fine. Now for the second scenerio, a user submitting a string. This isn’t too hard at all, we just use our time helper and convert that puppy back to the server time.

$this->data['Model']['mydate'] = $time->format('Y-n-d H:i:sP', $this->data['Model']['mydate'], null, -5);

Ok, so I’ve hardcoded in the timezone to -5 (Eastern Timezone), what if I want this to be dynamic to where ever my server is? Well the Time helper has a function which isn’t mentioned in the book called serverOffset(), which will return a number of the offset. If you’re not using the helper and just want to get the timezone of the server its a simple one-liner:

date('Z', time())

Thats all there is to handling timezones in your cakePHP site, or any site for that matter. Just keep in mind as you go to convert any times for the user’s pleasure. You have any tips or alternatives?

Related posts:

1. Handling PHP Form Arrays with jQuery
2. CakePHP, PostgreSQL, and Regex
3. Adding PostgreSQL Regex Support in CakePHP

1. Yet Another Related Posts Plugin
2. wp-cache
3. Sociable
4. Bird Feeder
5. All in One SEO Pack
6. Google XML Sitemaps
7. Resorted to a more CSS based design with fewer images to load
8. And a change of servers, so hopefully the site will load a bit faster

Most of these are simply plugins, so they are dirt simple changes. Google Sitemap Generator took a little thought in tweaking its configuration, and same goes with the others as well so they fit my needs. I also am trying to keep the site clean looking, and not become cluttered, which forces me to be careful selecting plugins which may harm the visual aspect of the site. I’ve also considered a translation plugin. Does anyone have any experience or suggestions on these? Or whether or not it would help? Hope these tips help you as well as it did me!

Related posts:

1. Add the YoYo effect to your Wordpress Sidebar
2. Reading a Book
3. Possibly the Best SVN Plugin for gEdit

Related posts:

1. How I’ve Nearly Doubled Website Traffic
2. Blog Rush No More
3. Linux Evolution Before Our Eyes

I had an opportunity recently to get back to a little design work with a local flooring company, Waccamaw Floor Covering. I had fun with it but I also tried to integrate a few new things I’ve not done in the past, everything from seo, flowplayer, to google maps (street view). In the end I think it turned out pretty well, even though we’re still working on the copy. The directions page included maps, street view, and address, since it is a little difficult to spot the store in person. As always feedback is welcome here!

Related posts:

1. jQuery Impromptu
2. Land In Bucksville Oaks – Conway, SC
3. To Share or to Buy

select SUBSTRING(url FROM 'http://([^/]*).*') as domainname from my table

Pretty simple you must admit. Ok, so that is pretty straight forward. Now lets say we wanted to scan a column for any phone numbers. I’ll keep the phone number regular expression simple for this example. The phone number is 10 numbers, with only a possible dash after the third and sixth numbers.

select SUBSTRING(colname FROM '([0-9]{3}\-?[0-9]{3}\-?[0-9]{4})') as numstr from tablename

Ok, now one final scenario. We are still looking for a phone number, but there could be more than one per column. We would like to find them all! Well, there’s a regex for that.

select regexp_matches(colname, '([0-9]{3}\-?[0-9]{3}\-?[0-9]{4})', 'g') as numstr from tablename

Now you can see we’ve changed up our substring function to regexp_matches, which will give us the ability to search for all matches. I’m sure most everyone is familar with a regular expression matching function so this is nothing new. You can find more information on using these functions in the Postgres Docs. Hope you’ve enjoyed more Regular Expressions with Postgres!

Related posts:

1. Incorporating Regex into ORM’s and Database Abstractions
2. Exploring Various SQL RegEx Syntax
3. Are You Using Regular Expressions Within SQL?

No related posts.

I believe Coda already has this feature, so its nice to see it show up in gEdit, which has become my editor of choice lately.

Related posts:

1. Possibly the Best SVN Plugin for gEdit
2. Code Editor Fantasies
3. Handy gEdit Snippet How To: Comment

It took me long enough, but I’m now on Twitter! I actually had an account set up several months ago but never logged in. I decided it was time. My username is practicalweb. While I may not post every event in life, I will try to keep it up to date with the blog and anything else I decide is worth sharing but not worth an entire blog post. Anyway, Follow Me if you like!

Related posts:

1. Fetch Ideas – Another Web Dev’s Resource
2. Reading a Book

$.prompt('text here..', { classes: 'class1 myclass2 darkfade' });

The classes are added to the parent container which holds the fade and the prompt, so they have access to both.

Now for the big new feature. You can now call a prompt from a selector!

$('#myselector').prompt(options);

// or like this
$('<span>some html</span>').prompt(options);

There is one extra option for using this technique, withDataAndEvents. This comes from using jQuery’s clone method. Head on over to the docs for more information on the clone method. It defaults to false. But using it might look something like this:

$('#myselector').prompt({ withDataAndEvents: true });

This is entirely new to Impromptu and to me. So if something acts funny with it please don’t hesitate to post here. Enjoy!

Related posts:

1. jQuery Impromptu 2.8 – A Couple Tweaks
2. Any Requests for Impromptu 1.1?
3. Welcome jQuery Impromptu 2.6