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 (read 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.

This might be something very obvious to some people but I for one never took the time to look into it until I started working with Joomla 1.5. Their new system uses several .ini files for the language packs which is pretty cool if you ask me. It was because of this that I finally looked into editing different file types in Dreamweaver. It’s rather easy, go to Edit » Preferences (CTRL + U) and in the menu that pops up go to the ‘File Types / Editors‘ and add any file extensions to the end of the textbox ‘Open in code view:‘. So for example mine was…

.js .asa .css .cs .config .inc .txt .as .asc .asr .vb

and now it’s…

.js .asa .css .cs .config .inc .txt .as .asc .asr .vb .ini .htaccess

That’s it! You can add any other file types you want Dreamweaver to open from here too. No more notepad for htaccess edits!

I wasn’t sure what to think about Sun acquiring MySQL but after reading this post by Kaj Arnö i’m feeling pretty good about the prospects. I didn’t know that Sun had a proven track record as the largest contributor to Open Source, that was a big part of what helped ease my mind. Java has been released under the GPL. So has the OpenSolaris operating system, Open Office / Star Office, the GlassFish application server and the NetBeans IDE tool. That’s a long impressive list of applications. Finally, MySQL will still being managed by the same people, and their charter is still the same so there should be no anxiety about them changing directions with MySQL.  I say good for them, it must feel great to get your hard work recognized like that.  I’ve been using MySQL for years and it’s the only database system I use in daily development and I couldn’t be happier. I’m excited to see where this goes in the future, only time will tell. A press release on the Sun website “Sun Microsystems Announces Agreement to Acquire MySQL” explains the acquisition in more detail.

It’s not too often that I find a good reason to make a site scroll exclusively horizontally rather than the easier and generally more accepted vertically but I’ve found myself in that situation recently and finding support on the subject was minimal at best so i felt it prudent to share what I’ve found to help those of you that need a horizontally scrolling site. Any searches I tried in Google were referencing how to get rid of the horizontal scroll, how to avoid the horizontal scrollbar and just how bad the horizontal scroller is in general. That is until I found a website dedicated to it called The Horizontal Way. Not only is it a showcase of sites that have used the horizontal way of display, it’s also a fine example of a horizontal display in itself. Definitely worth a bookmark for that rare occasion when you want to go against the grain of web standards.