Corey Worrell Blog

PHP Calendar

corey@coreyworrell.com (Corey Worrell) — Fri, 26 Nov 10 13:01:36 -0800

PHP Calendar is a handy little set of classes that makes creating a calendar a very simple task. You have FULL control over how it is displayed, and can add events incredibly easy.

Kohana Framework had first created these classes for use within their framework. But development stopped, and the code was not yet fully useable. So I modified and added to their base code to create this standalone version.

Feel free to use it and abuse it. If you use it on anything and would like to share what you've done with it, please leave a comment or use my contact form to get in touch.

Kohana 3 Filter Class

corey@coreyworrell.com (Corey Worrell) — Thu, 04 Mar 10 12:14:46 -0800

Here's a class that has come in super handy for me lately. I created it for use with Kohana v3. Basically, say you have an adminstrator backend to your website and you so you have a page for blog posts and one for blog categories. Simple enough. But you wanna give your users options to filter their results so they don't have to search through hundreds or thousands of blog posts every time they wanna find a certain post. Easy enough.

But then you have the problem where the user filters the results, finds the post they want, goes to edit it, then it sends them back to the list of all posts. But whoops, they forgot they wanted to change something else in that same post. Now they have to re-filter all over again and find it. VERY ANNOYING!

So with this class you can provide it with an array of keys to keep track of over multiple page loads. It keeps every controller and actions filters seperate so that you can easily use them throughout your controllers and views. So if you want to filter by 'Author' and 'Category' then the class will look for the keys 'author' and 'category' in either $_POST or $_GET and add them to the filters. Now when the user returns to that page, all filters will still be applied. It's a big time saver!

Source and Usage on Github

Javascript Stopwatch

corey@coreyworrell.com (Corey Worrell) — Thu, 03 Dec 09 13:11:10 -0800

The other day I needed a stopwatch to time a talk I was giving, but I had a problem. My stopwatch was ALL the way outside in the garage! Now I obviously wasn't going to get up and get it, so I figured there's gotta be something online. Sure enough, there are quite a few online stopwatches.

After using one, I started to think "Man, I should try to make this, it'll be a good exercise". So I did.

And I failed... Sort of... I've only worked with time in javascript a couple times, so after trying to figure it out for awhile, I modified some code I'd found a couple different javascript stopwatches using. Then I added some cool extra functionality and styled it all up with CSS (with CSS3 features!).

Hopefully you'll find this useful. And if not, at least it looks cool!

Javascript Stopwatch

Convert to HTML Entities Between Code Tags

corey@coreyworrell.com (Corey Worrell) — Sat, 12 Sep 09 10:32:53 -0700

If you're ever posting a piece of code on your blog or whatever, you've probably realized that it's a pain to have to convert any special character to its HTML entity. Why not take the pain away and let PHP handle that for you?

I'm using something similar for the comments on this blog. After I read Matthew James Taylor's post about this, I tried to come up with something using a little less code.

There really isn't a foolproof method to pull this off, and I have been told that traversing the code using the DOM would be better, but this function (as ugly as it is) actually works quite well if you have a proper HTML structure with valid code.
It checks for any <code> and <pre> tags and converts any special characters inside them to there respective HTML entity. It even accounts for nested <code> and <pre> tags, as well as any attributes you give them.

The Function

function fixcodeblocks($string) 
{
	return preg_replace_callback('#<(code|pre)([^>]*)>(((?!</?\1).)*|(?R))*</\1>#si', 'specialchars', $string);
}

function specialchars($matches)
{
	return '<'.$matches[1].$matches[2].'>'.htmlspecialchars(substr(str_replace('<'.$matches[1].$matches[2].'>', '', $matches[0]), 0, -(strlen($matches[1]) + 3))).'</'.$matches[1].'>';
}

echo fixcodeblocks($html);

That would turn something like this:

<h1>Heading</h1>
<p>Some stuff here, but no actually code yet.</p>
<p>Here is our first code that needs to be escaped: <code><div id="test">Something inside a DIV</div></code></p>
<pre id="test">
<html>
	<head>
		<meta name="author" content="First Last" />
	</head>
	<body>
		<p>Hey</p>
	</body>
	<div id="nested">
		<div id="nest-inside">
			<p>Inside nest</p>
		</div>
	</div>
	<code>Another code block inside some code.</code>
</html>
</pre>
<h2>More Content</h2>

into this:

<h1>Heading</h1>
<p>Some stuff here, but no actually code yet.</p>
<p>Here is our first code that needs to be escaped: <code>&lt;div id=&quot;test&quot;&gt;Something inside a DIV&lt;/div&gt;</code></p>
<pre id="test">
&lt;html&gt;
	&lt;head&gt;
		&lt;meta name=&quot;author&quot; content=&quot;First Last&quot; /&gt;
	&lt;/head&gt;
	&lt;body&gt;
		&lt;p&gt;Hey&lt;/p&gt;
	&lt;/body&gt;
	&lt;div id=&quot;nested&quot;&gt;
		&lt;div id=&quot;nest-inside&quot;&gt;
			&lt;p&gt;Inside nest&lt;/p&gt;
		&lt;/div&gt;
	&lt;/div&gt;
	&lt;code&gt;Another code block inside some code.&lt;/code&gt;
&lt;/html&gt;
</pre>
<h2>More Content</h2>

Feel free to offer any suggestions or improvements you might have, as well as any other ways of accomplishing this.

HTML Sandbox

corey@coreyworrell.com (Corey Worrell) — Tue, 25 Aug 09 13:26:01 -0700

I've always got ideas running through my head of how to code something, or how something might look. But sometimes I don't feel like going through the trouble of making a new file and filling it with a proper HTML structure just to test a piece of code out real quick. That's why I created this HTML Sandbox page to test out my code.

Features

Choose your own DOCTYPE
Enable syntax highlighting code editor
Paste in code snippets to save time
Hide form to see just your content

Check it Out!

Flickr API Wrapper

corey@coreyworrell.com (Corey Worrell) — Mon, 27 Jul 09 16:43:22 -0700

There are already a couple PHP Flickr API classes out there, but they all seemed a bit over-complicated. Flickr has already done all the work for us, so why make it harder than it is. They've even got all the documentation, so if you ever need to know anything about it, just head over there.

Download Class

This class makes making a request to Flickr's API very simple. And it returns the results as a PHP object. It will even cache your requests so you aren't hitting Flickr as often, thus increasing the speed and performance of this script.

<?php

$api_key = 'your_flickr_api_key_here';

$flickr = new Flickr($api_key);

$params = array
(
    'user_id'  => 'your_flickr_user_nsid_here',
    'extras'   => 'url_m,url_sq',
    'per_page' => 10,
);

$result = $flickr->call('people.getPublicPhotos', $params);

foreach ($result->photos->photo as $photo)
{
    $p = $flickr->call('photos.getInfo', array('photo_id' => $photo->id));

    echo '<h2>'.$photo->title.'</h2>';
    echo '<a href="'.$photo->url_m.'"><img src="'.$photo->url_sq.'" alt="" /></a>';
    echo nl2br($p->photo->description->_content);
}

// Example using chaining

$result = Flickr::factory($api_key)->call('people.getPublicPhotos', $params);

For a live demo, just check out my sidebar over on the right.

CSS Compressor

corey@coreyworrell.com (Corey Worrell) — Wed, 22 Jul 09 17:51:13 -0700

So I've been noticing quite a few articles lately about speeding up your website, and compressing static files and all that. It got me thinking, and I started to mess around with some ideas I had.

Now I know there are a lot of CSS compressors on the web today, but most of them involve copying and pasting your code into a textarea, and it giving you a compressed version that you have to upload to your server and reference in your HTML document. But what if you have 4 or 5 different style sheets that you are going to be editing quite a bit, and don't want to bother having to merge your code and compress it all the time.

That's why I created this little PHP script that you throw on your server, tell it which CSS files you want compressed, and then it does all the work for you, serving up a nice, lightweight CSS file. And the best part is that you can still open up your CSS files like normal and edit them anytime.

So now, just reference that one PHP file in your HTML document:

<link rel="stylesheet" type="text/css" href="css.php" />

The best part is that the script creates a compressed file and caches it until the next time you update any of your CSS files.

UPDATE:

I created an alternate version where you define the css files in the URI instead of as an array. I think this is more widely used and allows you to easily modify which files you want to use. The only difference is the way you reference the link tag:

<link rel="stylesheet" type="text/css" src="css.php?reset,grid,styles" />

This file is named 'css.alt.php' in the ZIP download below.

Download

Example:

reset.css

html, body, div, span, a,
form, table, tr, td, ul, li {
    margin : 0px;
    padding : 0px;
}

grid.css

.container_12 {width:960px; float:left;}
.container_12 .grid_1 {width:60px;}
.container_12 .grid_2 {width:120px;}

styles.css

body {
    font : 12px/16px Helvetica, Arial, sans-serif;
    text-align : center;
    background : #000 url('../img/body_bg.jpg') top center no-repeat;
}

Will generate the following:

html,body,div,span,a,form,table,tr,td,ul,li{margin:0;padding:0}.container_12{width:960px;float:left}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:120px}body{font:12px/16px Helvetica,Arial,sans-serif;text-align:center;background:#000 url('../img/body_bg.jpg') top center no-repeat}

Preview:

<?php
/**
 * Easily compress all your CSS files into one streamlined file.
 * This file strips your CSS of all unnecessary line breaks, spaces, and characters.
 *
 * @author   Corey Worrell
 * @url      http://coreyworrell.com
 * @version  1.0
 *
 * Usage:
 * <link rel="stylesheet" type="text/css" href="css.php?reset,grid,styles" />
 *
 * Example folder structure:
 * httpdocs
 *   - css
 *      - css.php
 *      - grid.css
 *      - reset.css
 *      - styles.css
 *   - js
 *   - img
 *   - index.html
 */

// Name of generated "cache" file (w/out '.css' extension)
$compressed = 'compressed';
// End configuration

function bad_request()
{
	header('HTTP/1.1 400 Bad Request');
	echo 'HTTP/1.1 400 Bad Request';
	exit;
}

$url = parse_url($_SERVER['REQUEST_URI']);
$files = explode(',', $url['query']);

$compress = FALSE;

if (file_exists($compressed.'.css'))
{
	foreach ($files as $file)
	{
		if ( ! file_exists($file.'.css'))
		{
			bad_request();
		}
		
		if ($time = filemtime($file.'.css') AND $time > filemtime($compressed.'.css'))
		{
			$compress = TRUE;
		}
	}
}

if (file_exists($compressed.'.css') AND ! $compress)
{
	$css = file_get_contents($compressed.'.css');
}
else
{
	$file = '';
	$css  = '';
	
	foreach ($files as $file)
	{
		if ( ! file_exists($file.'.css'))
		{
			bad_request();
		}
		
		$css .= file_get_contents($file.'.css');
	}

	$replace = array
	(
		'/\s+/' 									=> ' ',
		'/[\s+]?(;|:|{|}|,)[\s+]?/' 				=> '$1',
		'/[\t\r\n]/' 								=> '',
		'/\/\*(.*?)\*\//' 							=> '',
		'/;}/' 										=> '}',
		'/}(\s+)?/' 								=> '}',
		'/#([\da-f])\1([\da-f])\2([\da-f])\3/i' 	=> '#$1$2$3',
		'/([^\d])0(px|em|pt|ex|%|pc|cm|in|mm)/i'	=> '${1}0',
	);

	$css = trim(preg_replace(array_keys($replace), array_values($replace), $css));
	
	$handle = fopen($compressed.'.css', 'w');
			  fwrite($handle, $css);
			  fclose($handle);
}

header('Content-type: text/css');

echo $css;

Hopefully you can find this useful, and be sure to let me know of any bugs or improvements you can find.

PHP Menu Builder

corey@coreyworrell.com (Corey Worrell) — Tue, 23 Jun 09 15:27:31 -0700

PHP Menu Builder is a new class I just finished that allows you to easily build out a navigational menu. It outputs as an unordered list, and allows for as many levels as you want.

You can add any HTML attributes to the main list, and sub-levels and active items are given classes according to their place in the list.

View Demo & Documentation

Free High-Res T-Shirt Templates

corey@coreyworrell.com (Corey Worrell) — Fri, 22 May 09 16:57:33 -0700

Here are some t-shirt templates that I created and have been using for display mock-ups and products on websites. They are all 300 dpi and about 2000 pixels square.

The best part about them is that there is a color layer that is on top of the t-shirt that can easily be set to any color. The default blend mode works great with most colors, but you can tweak it if you need something different.
And you can also throw in a background because each shirt has a transparent background.

The download includes all three PSD files.

Download (58 MB)

Here are some previews of each shirt with the color layer activated.

Men's T-Shirt

Women's Shirt

Long Sleeve Shirt

2 Free Fonts

corey@coreyworrell.com (Corey Worrell) — Wed, 20 May 09 09:53:17 -0700

I made these fonts probably about a year ago, and they were the first time I ever experimented with creating a font. They've been available since then on dafont.com (as well as many others), but I just want to share them on my blog now.

Corey Worrell Blog

PHP Calendar

Kohana 3 Filter Class

Source and Usage on Github

Javascript Stopwatch

Convert to HTML Entities Between Code Tags

The Function

HTML Sandbox

Features

Check it Out!

Flickr API Wrapper

CSS Compressor

UPDATE:

Download

Example:

Preview:

PHP Menu Builder

Free High-Res T-Shirt Templates

Men's T-Shirt

Women's Shirt

Long Sleeve Shirt

2 Free Fonts

Lazy

Sketchathon