Nick DeNardis

Shiny ideas always catch the eye. I really got inspired by the “Regrets” series of films by Steve Delahoyde, the hobbies one really caught my attention, I ended up watching the rest and kept wanting more. The way it was filmed and the mood really sucked me in. The seriousness of the actors really portray a trueness to the subjects. It really inspired me seeing what others have done with their passion to create something so entertaining and yet so true. My regret is not pouring more of my heart and soul into my work.

Check them out for yourself, you will enjoy them.

The Apple products and community never cease to amaze me. When there is a problem to solve more than likely someone has already created an elegant solution. An experience I had today reinforced my findings ten fold.

I have a few shares on a network drive that I connect from OS X via Samba. Files get populated into those folders by other applications and when they are ready I goto the directory and pick them up. Well Finder has a mysterious refresh rate for directories… I have never been able to figure it out and there is to my knowledge no hotkey to manually refresh.

So I goto good ol’ Google to find a solution… Looks like nothing built in, but there is this nifty utility called Refresh Finder. Built on AppleScript it is lightweight and does what it needs and gets out of the way.

I hate to say it but it far surpasses any elegant solutions I have seen for Windows. Usually those include some constantly running application in the background, starting at startup, always looking for an update, and probably costing $19.99 nagware.

Downloaded and installed in 2 minutes. This will save a lot of time, usually I end up having to just randomly click on folders to hit something that is not cached so Finder can do a refresh. Now there is a refresh button similar to on Safari in the Finder toolbar and life is quite a bit less stressful.

A definite download for any Mac user. If I were to rate it a 10 out of 10 would be in order. Great work Söderhavet.

Download Refresh Finder

Staying motivated while the going is touch is a pretty daunting task, especially if the big picture is just out sight. Weather it is for a short period of time or half the year everyone hits a hard point in their life. The key is to not think of yourself as being singled out, things just happen, getting past it is the first step and then getting things done is the second.

Getting things done really means keeping yourself upbeat, there is always a light at the end of the tunnel. The more thought going into the situation the less amount of time you have to work on a solution.

Think of the big picture is my solution when I get into tough times. Thinking about how I will learn from it when I am old and grey. Challenges are meant to be solved, its like any good math problem, some solutions are elegant and other are just plain ugly but there is always a way to an answer.

Know when to move on and either cut your losses or start a new path. A key think for me is not getting comfortable in a situation that does not allow for growth. Not only in a work environment but in any personal situation. I always look for that next chance to improve or to improve on someone else’s life. If there is a point where no more can be done and idle is the best you can do it is time jump to a path with open arms to learn and grow.

Plan for the brick walls because they are unstoppable and unbreakable. Always have at least two or three options open as backups. Mainly when it comes to generating money, sometimes the most creative ways surprise the best of us. And small side jobs end up taking the burden from working crazy hours and keep things flexible.

Always showing your best work when doing any task. Impressions happen all the time and you cannot tell someone you are about to impress them, it just happens like a brick to the face. If always showing your best work means working an extra mile instead of a few feet then you are in the wrong business. It just comes down to thinking more about others than yourself, you are not doing something to benefit yourself you are accomplishing a task to help someone.

And always ending on a good note will never hurt your integrity.

Launching a new site got me exploring some new code bases and I became disappointed with the disregard large social sites have for html validation of snippets they disburse to their user community.

Since I wanted my site plain and simple to start instead of writing a bunch of code to use common API’s I decided to first go with includes and badges from sites I commonly use. The three that I experienced while creating this site astonished me on their lack of attention to detail. At least they are trying to be compliant but unfortunately they are not fully committed yet.

Twitter HTML Badge

Twitter offers a nice super customizable HTML badge to include on a site. Which is great because it is a basic div, header and unsorted list and style is up to you. Placing the code they supply on your site makes it no longer validate. On their script tag they use an invalid parameter “text”. This looks like a typo and something simple to fix but where is the quality control? Shouldn’t someone test these types of things before they are rolled to production?

<div id="twitter_div">
<h2 class="twitter-title">Twitter Updates</h2>
<ul id="twitter_update_list"></ul></div>
<script type="text/javascript" src...
<script text="text/javascript" src...

Flickr Flash Badge

Flickr offers two types of badges the HTML one does surprisingly well except they do not escape the ampersands in the src of the script tag but that is something that can easily be done by the user.

<div id="flickr_badge_uber_wrapper">...
<script .. src="...?count=3&display=random&size=s&layout=x...
</div></div>

The flash version on the other hand includes an html page into an iframe but unfortunately the code in their html appears to have also been skipped by quality control. It has two main issues. Script and style sheets above the head of the document and non escaped characters in an html string that is outputted via document.write().

<!DOCTYPE ...
<html>
<script type="text/javascript" src="/javascript/fpi.js"></script>
<style type="text/css">
    body {margin:0; padding:0; background-color:#fff}
</style>
<head>
    <title>Untitled</title>
</head>
<body>
...

...
zg_html = '<OBJECT classid=.../getflashplayer"></EMBED></OBJECT>';
...

SimpleLog Archive Page

Rails applications have been known for their agility and standards. It takes more than just a script kiddie to get a rails application into production. So when I installed and started to customize SimpleLog 2.0.2 for my site something stuck out like a soar thumb, the archives page in the default theme did not validate. There are two options for the html, an unsorted list or definition list. Neither of them are nested correctly which makes it almost impossible to apply a consistent style across browsers.

Without re-writing the entire helper for my site I just put some extra li elements in the output and cut it down to just one missing li. I have not had time to checkout the SVN trunk and create a patch.

Final Thoughts

By far the number of pages that do not validate outweigh the ones that do on the web but it is a shame to see small agile companies acting like large corporations when it comes to quality control. One of the benefits of having a small group or an open source application is the amount to time and attention each piece can get before it is released for peer review. It was put best in Jason’s A collection of details post when he quotes Wil Shipley:

“This is all your app is: a collection of tiny details.”

Web standards need to be enforced by the community and it is our job as web professionals to validate our own code and when possible give some helpful hints to other developers or companies who are not taking the appropriate amount of time to validate. I put in a ticket with twitter about the “text” element and in the process of creating a patch for SimpleLog’s archive page. I encourage all developers to run with standards and not be afraid to send an email or two to promote the health of the web. Who knows you could send that one simple email that turns thousands of pages valid.

My new setup is quite comfortable. Hosting by Joyent running on a Shared Accelerator using Mongrel proxyied through Apache to run a Rails application known as SimpleLog with a green inspired simple style theme created by Myself using a new CSS framework called Blueprint.

From the time my DNS change went through it took only about an hour to get the whole thing up and running. Although while typing this I am still waiting for a Mongrel port, running Mongrel by hand works just fine.

The setup was good timing because Andrea is working late and I am still trying to wrap my head around all the upcoming decisions needed to be made about wayne.edu. I am now the Interim Web Manager in the Marketing Department. With the new position comes some new goals and I am currently putting them together and hope to bring my experience with high load shared server environments in some upcoming articles.

Eventually all my old archived articles from my blogger account will get moved over, I just need the motivation to do it.

So I thought moving was easy… I thought wrong. Yesterday I decided although my new site was not fully complete in development that I would sign up for Joyent hosting and get everything setup so in the next week I would be all ready to launch the new site. I picked my plan, put in my CC info and then waited… three minutes to be exact, and I was not surprised to see a large “Opps something went wrong” page. After checking my email I noticed that I did get an email saying my CC was charged but what was odd was their was no invoice number. Fearing I would be double charged I didn’t resubmit my CC info and clicked their friendly Help link. I submitted a ticket outlining all my steps and intentions and waited…

My current host (not blogger) but for my client work always respond within 30 minutes with at least a We see the issue and we will get someone working on it. But every hosting company is different so I thought I would just wait it out. Well it is 24 hours later and still no response. All that has changed was it was assigned to a “Chris Morris”. So I put in a response confirming that 24 hours have gone by and asking if they had an estimated time frame for responding to issues. That was three hours ago and still no response.

So I am trying my best to keep it positive but if this is the way a hosting company treats its potential customers they better have some damn good servers and uptime.

So I decided to change my blogging software, from no software (Blogger) to SimpleLog. I setup everything up in my dev environment and it was by far the easiest setup I have seen so far. Took about 10 minutes including setting up the virtual hosts.

While getting super interested in my blog again I was looking for some nice examples of css blogs to get inspired I stumbled upon Blueprint, which is a css framework so I decided to give it a whirl.

First impressions it is super lightweight and non-intrusive, just two lines that have to be added. to the head which includes the style sheets. My only gripe so far was that they just include one grid option which is 14 columns, its not a big deal all that I think it needs is a few other background images to show the options of columns from the grid. Like 7 columns, 3×8x3 and so forth.

So I hit up Photoshop and came up with a basic color scheme and outline for the new blog. Took about a day of going back and forth on how much I wanted to add to the site but being inspired by rails iterative approach to programming I decided to stick with the simple and expand from there.

Back to Blueprint, with my design it ended up being very easy to implement in blueprint. It doesn’t have anything nested tho which I was really interested in since it looked to handle nesting very gracefully. I tried as hard as I could to make this design fit into a 14 column grid but I made the design decision to keep the width at 780 instead of Blueprints default of 960. But not to fear we are just working with css here all I did was just override two of their default widths in my screen.css to keep the integrity of their files in case I decided to upgrade them in the future it will be fully degradable.

Their reset.css worked great, I am use to using Eric Meyers reset.css and then creating everything from there. But Blueprint had an unexpected typography.css which setup quite a bit of the default typography. Which was a huge time saver, because Eric’s just leaves you out in the cold to setup everything on your own which is totally cool if your project warrants it but sometimes there are elements that get introduced and have no control over.

So setting up a new template in SimpleLog was easy and I started editing the site.rhtml layout to use the naming conventions per Blueprint. Just a few class changes and I removed some default SimpleLog items that I didn’t include in my final design and boom! We have an outline!

Fast forward through time, 26 css declarations and 3 images later and my homepage was almost done. Time in total was about 2 hours to copy and setup an entire new template with SimpleLog and Blueprint. I was amazed, usually I hate when things try to be “smart” and assume they know what options and action you are going to preform but Blueprint didn’t get in my way at all. Since everything for the base elements was already setup I just used my ID’s and Classes to extend the base and life was good.

Although I was just concentrating on the homepage today flipping through all the other pages they didn’t look that bad by default. SimpleLog uses a lot of the same css names and conventions throughout their pages meshed with Blueprints base styles and my overrides the only things left to do were the specifics of the page.

Last but not least, my current host is not very Rails friendly so I am looking for a new host for my blog. While doing that I will continue to update here and work on the new version on my dev server. So far:

SimpleLog: A+

• Ton of features and rock solid. Easy install and great documentation. I have not looked into any extensions or plugins yet but there are a few areas where I can see a few more helper functions. But for getting a blog up quick and painless SimpleLog is the way to go.
• SimpleLog Website

Blueprint: A-

• For just being at 0.3 release it is a huge time saver, its not just the resets for cross browser compatibility but it also includes a good typography and print styles which I have always been looking to create. I hate going through and trying to think of all the HTML elements a client could potentially use and make sure they are set accordingly. Blueprint defiantly has a future in my web development life and releasing it to the community will only make it better.
• Blueprint CSS Framework Website