gBrowser? No, Chrome

Looks like the rumors from several years ago were pretty accurate; Google just released a new browser named Chrome that they have apparently been working on for several years. This thing has been in the rumor mill for ages but it was kept so closely guarded that no one but a select (very) few even knew the project existed. There’s been several dozen reviews/ criticisms written on the browser and it’s features, namely Incognito (a.k.a. porno) Mode where no history or cookies will be recorded for that window, the new super-duper awesome V8 Javascript Engine that multiplies the JavaScript performance of websites through this browser, and it’s speed both in page and javascript rendering. So many articles that I felt it worthless to write anything like that myself so I decided to link to what I found to be the most interesting ones here so you can check those out.

Fanning the Flames

The main reason for this article was just for me to be able to say that although I was initially against YET ANOTHER browser crowding the marketplace I’ve actually become quite smitten with the little browser that could (and probably will, in many respects). Not to use, oh dear no for my heart is still with another, but as I mentioned in that past ‘Google Browser’ article I love how things like this light the fire under everyone else. This is ultimately going to spur on so many new developments in browser technology faster than it would have happened otherwise. The fact that many things like the aptly named V8 Javascript Engine is open sourced is going to make progress all the faster and, according to their comic, they’re hoping that’s the case as well.

Another big reason that I’m now willing to welcome Google Chrome with open arms is because it’s using the open source WebKit Rendering Engine (also utilized by Apple’s Safari) so your sites should render pages the same as Safari. You are testing your sites in Safari right? Right?

Sorry, this post ended up having way more links than I originally anticipated. I think they’re all good reads/resources though so when you get a chance check them out! And as always i’d like to hear what you thought about this article, Google Chrome, and the state of web browsers in general either through comments or via the contact form!

Here’s some links I’ve discovered this month that provided me with some inspiration. Be it inspiration to code or to design or to just get something done, hope they provide the same to you.

http://www.uncontrol.com/ - Algorithmic art at it’s finest. I found this through a link to "#55 - Clock" but have found any other one I click on is just as fascinating. Best of all they graciously open sourced these projects and provide them for download.

http://www.firerift.com/ - Who knew a CMS could have such a cool commercial? Looks like a promising alternative, it’s coming very soon so we’ll see if it can live up to that commercial.

http://photosynth.net/ - I’m sure many of you are familiar with this 3D photo offering from Microsoft, I remember being wowed by it a long while ago. But it just got better, they’ve opened it up to the public so now anyone can register and upload photos that can ultimately be shared with those of someone else. Can’t wait to see what monuments are made ’synthy’.

http://fallingsandgame.com/sand/fall1.html - Not much for inspiration but it’s an awesome way to get away for a few minutes and clear your head. Deceptively simple game with no real point but still manages to be extremely fun.

With a mixture of a few techniques added to the .htaccess or httpd.conf files, you can reduce the pageload and the bandwith usage of your website fairly easily. In the examples below i’m referring to expressions for addition to .htaccess, the http.conf file may be structured differently to do the same things. I’m setting this up in a standard LAMP setup with Apache 2 and PHP5. It will also wirk with versions of PHP4 but not all the following items work in Apache 1.3.

Apache Module mod_expires

The first thing to do is extend the amount of time text, images, css, flash and javascript are stored in the users cache. To turn this on we need mod_expires to be active, we then use the expression ‘ExpiresActive On‘. We then set a default expiry for everything which is generally set to 6 hours (300 seconds) from the time of access. This is set using the expression ‘ExpiresDefault A300‘. Alternatively we can set it to expire a set amount of time since the file was last modified using M instead of A as in ‘ExpiresDefault M300‘. Then, if need be, we can take a more granular approach to expiration times by setting expiration by filetype using the expression ‘ExpiresByType [mimetype] [A|M][seconds]‘. So to set GIF images to expire one week from time of access we’d use ‘ExpiresByType image/gif A604800‘.

FileETag Directive

The FileETag directive configures the file attributes that are used to create the ETag (entity tag) response header field when the document is based on a file. Because we’re manually setting expirations we don’t require these headers so it’s easiest to just turn it off using the expression ‘FileETag none‘.

Compressing PHP Pages

The following requires the PHP installation to have the zlib extension enabled, which it should be by default. We use the expression ‘php_value output_handler ob_gzhandler‘ to turn on compression of the final php pages sent to the users browser. It’s noted on the PHP.net website that turning this on via the php.ini ‘zlib.output_compression‘ is preferred if available to edit.

Apache Module mod_deflate

As of Apache 2.0, there’s an available module that compresses the server output before sending to the user, called mod_deflate. This module must be turned on in order to work.  I set this up to compress by filetype so it looks like ‘AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript text/x-javascript application/javascript application/x-javascript‘. There are ways to set this up even on a per browser basis but since the browser negotiates with the server before any files are transferred, it’s not necessary.  If the browser is not compatible with compressed content, the server will provide the content uncompressed.

It’s also worth noting that Apache version 1.3 had a method for serving compressed content called mod_gzip.

Final Notes

Using these methods I’ve decreased pageload and bandwith on my site, after adding it my ySlow score for the homepage went from a D(64) to a B(83) and there was a noticeable increase in pageload speed as I was navigating the site. Many people stress that including this code into the httpd.conf file is better because it loads faster and isn’t reloaded every page load as the .htaccess file would be but my being on a shared environment I haven’t tried it myself..

Final Code

ExpiresActive On
ExpiresDefault A300
ExpiresByType text/javascript A2592000
ExpiresByType text/x-javascript A2592000
ExpiresByType application/javascript A2592000
ExpiresByType application/x-javascript A2592000
ExpiresByType text/css A604800
ExpiresByType image/gif A604800
ExpiresByType image/png A604800
ExpiresByType image/jpeg A604800
ExpiresByType text/plain A604800
ExpiresByType application/x-shockwave-flash A2592000
ExpiresByType application/pdf A604800
ExpiresByType text/html A300
FileETag none php_value output_handler ob_gzhandler AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript text/x-javascript application/javascript application/x-javascript

From 18:16 UTC on June 17, 2008 to 18:16 UTC on June 18, 2008, 8,002,530 people downloaded Firefox 3 winning it the most downloads in 24 hours. What an amazing achievement, I’m glad I was able to be a part of it!

Check out the official release here and get your own personalized Download Day certificate.

Anticipation

I’ve been (not so) patiently waiting for FF3 for months, I remember reading with joyful glee about the ‘awesome bar’ and increased performance. I was right there when the Download Day was announced and I pledged to download Firefox 3 on all the computers I use on that day to assist in achieving a Guinness World Record.

And now, finally, the wait is over!

It was exciting to see people pledge in the millions but seeing that number multiplied several times over the 24 hours of Download Day was truly amazing! At the end of that 24 hours the download number ended up at over 8 million, it’ll be some time before we know for sure we made a record but I gotta say that seeing the world come together and make such a splash was awesome even if we don’t get it.

Initial Reaction

I downloaded and installed Firefox 3 both on my computer at work and at home and now, after a solid day of getting a feel for it, I’m ready to say that the wait was well worth it.

I think the additional security and performance alone would have been enough to make this a successful upgrade. Instead of firefox taking up 120,000 K with a few tabs open in Firefox 2, it now takes 70,000 K with Firefox 3. Believe me, I checked! After hearing from more than one source that performance was a big priority I wanted to be sure that’s what I was getting. Now, so far I haven’t noticed much of an increase in pageload speed but it’s only been a day and having a browser with almost half the footprint it used to is a great start.

Plugins

I rely pretty heavily on all the plugins I have installed to get my work done. So needless to say having any of them unavailable would have been an inconvenience. My heart dropped when I upgraded and saw that the Firebug plugin I had installed was incompatible and disabled. Luckily the authors of all the plugins I used had released new, and some improved, versions of their plugins (including Firebug) compatible with Firefox 3.

Congratulations!

I would like to thank all the people that work on the browser and all of the various plugins for their hard work and dedication. Sometimes I forget how lost I am without Firefox and my installed plugins and i’m positive i’m not the only one. I read that Firefox 3 has already broken past 4% in market share after just 24 hours, that’s truly a testament to their work and dedication. I’m hoping that the trend continues and Firefox becomes the leading web browser, it truly is at the top of the heap in every way.

After a long internal debate and a lot of work I’ve recoded this site from scratch to replace the WordPress engine I’ve been using since this blog started. There were three main reasons why I decided to do this, none of which were in any way related with dissatisfaction with WordPress. In fact, I’ve been thoroughly impressed at the quality of the WordPress system and it ends up being the first thing I recommend to people looking for a blog or an easy way to publish news on their site. "So what were the reasons?" you may ask, well allow me to explain!

Would you like some SPAM with that?

The first big reason was the spam, oh dear God the spam! The comments table for this blog racked up over 32,000 comments and a grand total of 31 of those were actually legitimate. All I have to say is thank goodness Akismet is preinstalled, but even with that I still kept getting slammed with dozens of bogus comments a day. So I thought I’d add the reCAPTCHA captcha system to see if that’d help some. It did, but it was only successful at curbing the spam by half. Not great by any standards. So a custom solution was the best option, if no one knows what you’re running under the hood chances are they’re not going to (easily) know how to get around that system that’s in place.

I think I can, I think I can, I think I can

I’m no stranger to large development projects, i’ve built a custom (albeit fairly simplified) CMS and even an eCommerce engine designed specifically for artwork prints, but I’ve never created a full blog system. So naturally I thought it’d be a cool side project to work on during my free time. I gotta say that as I was coding along I realized countless little things that I didn’t consider when I started but that’s how it usually goes isn’t it? All in all I think it turned out pretty well. Still a few things I need to work on but the majority of it is functional and (hopefully) rock solid.

One cog in the gear

Perhaps the biggest reason I custom coded this is because I envision it eventually being a part of a bigger system of sites I have brewin in the ol’ noggin. Customization and reusability is a crucial aspect of my plans and what better way to go than to create the foundation myself from scratch. This way I know every digital inch of my site and will be able to integrate it infinitely better than I would a packaged solution.What sites you may ask? Well i’m not going to tell just yet, but rest assured it’s BIG!

So that’s it in a nutshell, just me tinkering away on my little corner of the web. Hopefully i’ll be able to get more and more added as time goes on, that’s the plan anyway.

Have you ever seen something and thought "Wow, that’s going to change the future"? I can only remember feeling that way a couple times, one I can remember was when I heard about electric & hybrid cars. I was so amazed that I based a whole science project on it, ahhh those were the days.

Getting back on topic, I recently read an article about a relatively new company called 23 and Me. It’s a web based company that provides people with a way to map and understand their DNA. One of the most intriguing ways they do that is through what they call an Odds Calculator, it combines your genetic information, age and ethnicity to determine your risk for certain conditions such as diabetes and certain types of cancer. All in all it’s still a field in it’s infancy but I think this is a huge leap forward for individualized medicine. I can’t help but love their slogan ‘genetics just got personal.’ and their website is fantastic.  It’s well organized and shares a lot of what you’ll get with their service in layman’s terms with some helpful graphics. But for $1000 a pop it’s a luxury that many can’t afford…yet.

As of Adobe Creative Suite 2, thumbnail previews in Windows Explorer no longer are supported by default. I don’t know about any of you but for me these thumbnail previews are vital to everyday production. I can understand why it’s no longer supported, the included Bridge application covers previews, organization and so much more for the whole creative suite. That said, sometimes I just want a preview of the files in a folder and don’t want to have a whole separate program open to do so. Lucky for us there’s a solution to this mild annoyance. Follow the instructions below to get those previews showing up for you again. This was apparently developed for Windows XP but I can also verify that it works for Vista. Obviously, I cannot be held liable for anything you do to your machine so be careful and get help if you don’t know what you’re doing.

1. Download this AI and PSD Windows Preview Files zip.
2. Shut down all Adobe programs.
3. Set a “System Restore Point” just in case something goes wrong, it’s an option located in your control panel.
4. Unzip the file to C:/Program Files/Common Files/Adobe/Shell. You’ll see four files and a readme, you can delete the readme if you want.
5. Double click on ‘aiicon.dll.reg’ and ‘psicon.dll.reg’ to run them. These files will automatically update your registry settings so you don’t have to go about trying it yourself.
6. Restart your computer to let these changes take effect.

There you go! Preview to your hearts content!

Last month Google announced the development of a new free tool called ‘Knol’ [stands for a unit of knowledge]. The goal of Knol is to encourage people who know a particular subject to write an authoritative article about it. Using it is by invitation only currently but based on their screenshot example it looks to be a lot like Wikipedia with a few rather significant differences. In their announcement on their blog, Google noted that this tool would highlight the author, which in my opinion is a feature that is sorely needed. It gives the information found on these pages at least some basis of credibility. Also introduced in the beta of knol is common social networking tools such as an area for comments, questions, edits, additional content and even ratings, giving the content even more credibility if you ask me. Check out the knol screenshot and the Google blog post about knol for even more information. I think this is just the latest in a long and successful string of Google taking a basic idea and adding a little Google magic to it to make their version a major competitor in that market.

I never even heard of a coding ‘framework’ until I found out about the multitude of lightweight and powerful frameworks for javascript such as jQuery and Prototype. So it goes without saying that when I found out there were some for PHP too my mind was sufficiently blown. After looking through a few different types I settled on trying one called Code Igniter because it looked to have the smallest footprint and was among the easiest to learn. There are several different reasons i’ve used CodeIgniter ever since I found out about it a few months ago. Following is a few examples of why this framework is priceless to me and my productivity. One is the structure it forces upon you (in a good way) namely the Model-View-Controller dev pattern. Right out of the box I found myself writing code more segmented and documented, which is excellent for those functions that are reusable in future projects like image processing and user logging. Also I love the way the URLs are designed to be search-engine and human friendly right out of the box. For example instead of a URL like artwork.php?piece=23&order=ASC it could end up more like /artwork/23/asc/. One thing I’ve noticed regarding this URL rewriting is that it makes it a little bit more challenging to integrate it into other script packages like WordPress that have their own rewriting method. Finally, there’s a ton of common functions, classes and helpers that range from form validation to email to sessions. It’s all been battle tested and works as you would expect them to every time. I apologize for how broad this is but it’s just too huge of a reason to explain in detail, if you’re interested in reading more about these there’s a detailed user manual online here and it’s all in HTML so it’s also included in the zip when you download the framework. I’ve created about 6 sites with this framework and can’t count the number of times I was able to go back to a previous site and reuse a function that not only saved me time in development but also in testing because it was all done already. All in all I think the fact that I feel I’m more productive, efficient and create all around cleaner and more documented code is the reason I love using this framework the most.

This is part two of the holiday purchase extravaganza, the first of which was my post about My New Baby. This time I’m going to gloat about our new cell phone plan with Helio that came with two awesome new Ocean Phones. We just got them about a week ago and already I feel like I can’t live without it. We’re both texting multiple times faster than before because of the awesome QWERTY keyboard. And now with unlimited text and web we can type with reckless abandon. The best feature of all for me is the email, I’m able to check all my email accounts simultaneously from my phone and reply to those important messages with ease. Check out some images of the phone below, one is the QWERTY keyboard slid open and the other is the standard numberpad.

First of all, as a techie myself, this list is mainly just crap that i’d love to have but don’t want to pay for myself. That being said I think there’s some viable gift ideas for the techie on your list that has everything else they could want.

1. IronKey: The World’s Most Secure USB Flash Drive with Internet Protection Services

from $79 It’s a super-duper USB flash drive that offers a rugged military quality design, secured encryption and a ton of other high tech features. The best one of all is that it’ll self destruct after 10 incorrect password guesses or if someone tampers with the case. Obviously way over the top for the normal user but I must admit it’s pretty great to think of a place I can store anything without ANYONE else getting access even if they tried.

2. Optimus Maximus LED keyboard

~$1564.37 OK, this one is a bit of an overshot but it’s so damn cool that it has to be on the list. Each key of this fantastic keyboard has a tiny screen on it to show what the key is supposed to do, not only will it capitalize the letters and show the special characters across the number row when you hit shift, you can also program it to work with your favorite programs like shortcuts in Photoshop or even show graphical representations of the hotkeys for your games. But with a pricetag at almost $1600, i’m sure it’s not going to be on many people’s lists this Christmas.

3. Kidz-Med Thermofocus

$99.95 I don’t understand how, but someone made a device that finds your temperature without any kind of contact using totally harmless and safe infrared technology. Just move it close to the forehead and wham-o you got the temperature. I can imagine this being a supremely convenient and safe alternative to the conventional means of taking ones temperature.

4. VX Nano Cordless Laser Mouse

$69.99 I admit, this is something I actually already own, so I can say with confidence that it’s absolutely amazing because of one single feature i’ve never seen before. The Logitech peeps aptly call it ‘Hyper-fast scrolling’ and it’s amazingly awesome, basically it’s a scrollwheel without the tactile clicks at every turn. You can swipe the wheel and (depending on how hard you swiped) it’ll continue to spin for several seconds. This is perfect for scrolling quickly through webpages and documents once you get the hang of it. I swipe the wheel and then tap it to stop it ‘on a dime’ right where I want to. If that wasn’t enough you can click the wheel and bring it back to the familiar tactile precision scrolling. Because this is activated by clicking the wheel, they added another button right under it that can act as the action that normally happens when you click a scroll wheel (e.g. auto-scroll). Finish it off with a forward/back set of buttons, side scrolling capabilities and the fact that it’s a laser mouse and you can’t get much better. I must mention that there’s been a few comments on Amazon that this mouse is not as easy to set up on macs because apparently it’s not included on the provided CD.

5. InferPoint Slimouse SlimPad

N/A Everything you know about the design of the mouse has been turned on its ear, this thing is square in shape and super thin. It has a scroll ‘wheel’ but the wheel is nonexistent, it uses a sensor touch-scroll that apparently allows for greater precision.

BONUS Geeky Wrapping Paper

$5.99 With all the awesome geeky gifts listed above, you’re going to need something to wrap it in! Choose from 6 different designs including binary, equations and emoticons.

OK, so apparently i’ve been living under a rock for the past several months because this fairly large bit of news slipped past me. Google bought DoubleClick back in April for $3.1 Billion dollars, which is pretty big news but that’s not the reason for this article. You see, DoubleClick owns Performics a search engine marketing company. So Google purchased DoubleClick and Performics is a wholly owned subsidiary of DoubleClick, therefore, Google owns Performics. The largest and most popular search engine now owns a search engine marketing company whose sole purpose is to increase clients rankings in search engines. People paying Performics for this optimization is, at least by association, paying Google. I’m definitely not the first one to think this crosses some kind of line, conflict of interest at the very least. What do you think?

Saw an amazing web campaign for Diesel Clothes that blew me away. I wonder how long and how much that took to make! This is the kind of stuff i’d love to do, although the video portion would probably have to be done by someone else.

Found a cool blog-like resource of cool AJAX and ‘web2.0′ applications and tools over at ajaxFlakes. Looks like it’s only been around since August but it already has 6 pages of cool helpful tools. I’ve already added it to my del.icio.us, will you?

Finally, a friend turned me on to this freelance hub called freelance switch that I thought was a great implementation of a job listing database. There’s definitely no shortage of such sites out there these days but something about how this is laid out and organized really made it easy to use. I’m not much one to actively look for freelance gigs but if I did I’ll be sure to check out this site first!