Home Notes Web development
Pranshuarya.com

Sponsored Links


Development
Enablers E-mail
Sunday, 14 December 2008 10:47

There's so much going on in the world of development, it's good to remember sometimes what a small piece of the pie we're actually working with.  As a designer and developer my main focus is implementing technologies like XHTML, CSS, JavaScript, PHP, etc.  I can't get out of my head lately the idea of all those people behind those technologies, the ones essentially enabling me to do what I do.

enablers

These are what I like to call the Enablers, who I'll admit I know very little about.  Who are the people behind Google Maps?  PHP and JavaScript and AJAX?  My daily work involves just putting their creation to use, what does their day look like?  There are some very smart people out there, and I want to take a moment to think about them, to think about their forward-thinking in coming up with technologies like CSS.  I can't imagine doing web design now without it, and I wonder about the genius mind that thought up the concept.

 
SEO tip E-mail
Friday, 05 December 2008 11:54

Through this jQuery-related forum thread I learned a small but valuable tip: You gain a slight performance edge by referencing absolute URLs instead of relative ones.

This came from sources certified by Google and Yahoo! for SEO/SEM.

 
TortoiseSVN E-mail
Wednesday, 03 December 2008 21:18

 Maybe at some point I'll try FileHamster.  It looks promising, and it's geared toward web designers and developers.


For a long time - I'm talking many years - I've wanted a version control system for my files, even something as simple as a word-processing document.  For example, when I was working on an essay or a resume, I had to make many revisions to it and often revert back to them, so I would end up with many different files, some with meaningful names and some without, and I would be left to rely on memory, those titles, and the "Date modified" property of the file to pick the right revision. 

It's finally time to start doing things right.  I just started using SVN through the TortoiseSVN Windows client.

Most of the tutorials and blog posts I found on running it locally presume that you're starting from scratch, i.e., you're embarking on a new project with zero files right now.  I, on the other hand, would like to be able to version control existing projects.  Secondly, they presume that you only have one project going at a time, which is probably not true for most developers.

Thankfully, the procedure is pretty much the same with existing multiple projects.  What you need to do differently is create subfolders inside the main repository folder, and import the existing files from their current location into their corresponding repository subfolders.  From there it's business as usual: checkout > edit > commit.

I still have to read about the more advanced features like merge, switch, and branch.  The software comes with great documentation, along with a link to the free online book on Subversion as a system and concept.

 
Browser woes E-mail
Wednesday, 03 December 2008 12:08

It's not new news that cross-browser compatibility is one of the biggest pains in developing for the web.  I've experienced it for myself, yet again.

For my recent New Mexico trip, I wanted to kill two birds with one stone:

  1. Develop an interactive photo gallery, and
  2. Explore the Simile Exhibit and Timeline widgets

Out of 500+ photos I chose 195 that I considered the best.  To display them, here's the process I undertook:

  1. Extracted EXIF data using ExifTool GUI to a text file
  2. Compiled a list of the files in Excel with the following data: filename, URL on server, when it was taken, where it was taken (latitude, longitude, using http://www.getlatlon.com), location (for the ones with a definite location), categories the photos belong to, and the lens I used
  3. Converted the Excel file to JSON format using Simile's Babel service.  The JSON file needed some minor fixes with quotation marks, but that didn't take long.
  4. From there I followed the documentation for Exhibit and ended up with this page.

Right now the Exhibit gallery works best in Opera, and even there the 'coordinator' feature of Exhibit doesn't work.  In IE and Firefox the Timeline loads without the customization script in the html file.  The odd thing is that to get the page to load at all in IE and Firefox, I had to purposely leave out a comma in the customization script.  Since it has that syntactical error, IE and Firefox ignore it altogether and (apparently) Opera overlooks it.

It would be nice to get the coordinator feature working, because then the photo selected in the timeline will show up on the map also, and vice versa.  For now I've created a separate version, without the timeline, here.

The nice thing is that Exhibit allows for Thickbox functionality.  The not-so-nice part, at least right now, is that it doesn't work well in IE.  For some reason when you scroll farther down a page and click on a thumbnail, the thickbox full-image opens at the top of the page, out of sight.  Firefox and Opera don't have this problem.

 

 
Tips on development E-mail
Sunday, 30 November 2008 17:35

On Digg I came across a great list of web development tips by a web designer in Tokyo.  Some tips are very specific and useful, whereas others are common-sense but worth repeating - like having coffee and a nap.

 
onMouseOut E-mail
Sunday, 23 November 2008 20:57

I was having a major issue with getting onmouseout to work as intended on the parenthesis homepage.  The issue was event bubbling.  The mouseout was being triggered on the parent div after the mouse exited a child div.  After a couple of hours of research online and experimenting with Prototype's Event and Element objects, I came across the following patch for Prototype.js, http://dev.rubyonrails.org/attachment/ticket/8354/event_mouseenter_106rc1.patch, which basically emulates Microsoft's onmouseleave and onmouseenter methods in other browsers.

 
jQuery rocks E-mail
Saturday, 22 November 2008 00:12

jQuery bookTonight I implemented a simple three-theme switcher on the parenthesis site using jQuery.  The beauty of jQuery is that I was able to do this after reading only the first three three chapters of Learning jQuery: Better Interaction Design and Web Development with Simple JavaScript Techniques.

 I didn't find Prototype to offer such simplicity, or maybe the book I was reading on that (Prototype and Scriptaculous in Action) didn't explain as well as this book does.

 
PHP slideshows E-mail
Thursday, 20 November 2008 15:57

I'm using two PHP-based slideshows to showcase my photos:

The first is integrated into the site's template, while the second is placed in an iframe because it fades in and out of view depending on where the user hovers.  Overall they were both a breeze to set up, and both are well-designed in that they offer various configuration options.  I'm glad the authors thought ahead about what the user might want to do and made it easy to do just that (like adding a custom header to each directory shown in PHPslideshow).

 
«StartPrev123456NextEnd»

Page 5 of 6