Website Update

This holiday I’ve finally had time to recraft my web presence. Wot! It’s been a really long time coming.

The process of making the layout was truly horrendous. I built the whole thing from a concept that I grew to despise and eventually scrapped everything but the logical containment. I tore down images and graphics I’d spent a good few hours on each and replaced them with… well less. And now I’m happy. It very concisely does it’s job.

Writing the content to actually populate the thing took almost as long. I rather dislike writing about myself. Of course there will never be another person reading it with the same detail I did, so perhaps it unnecessary to worry about. Whatever. We are of course our own harshest critics.

I still have to add some images to the work page that I can’t access/generate without actually being on a Brown CS computer. The things will only ever let one account have access to the GPU at once  and I’ve yet to have the privilege when logged in over SSH – so I can’t run and screenshot my CS123 final. It can wait.

In addition to designing and building the layout, I’ve returned to my programming roots and had a chance to do some PHP work, whipping up a simple blog engine to run a Gruber style commentary thing on. It should let me keep my personal stuff on this blog and not have to resort to using posterous or another service for me to write about tech stuff around me. The engine let’s you post, edit, and delete and works with a MySQL db. Aside from that it has perma-links, pagination and an rss feed. That’s it. Oh and so far editing is done in raw HTML, but I might make it use markdown. As I said, simple. -But fun for a few hours of work – and the first time I’ve rally looked at PHP since coming to Brown.

Playing with user scripts

I’m taking a rather fun algorithms course with a website that reddit loves but I do not. I decided to turn this dire, lolcat-overloaded, situation into an opportunity to practice some javascript (without jQuery) and to write my first userscript.

User scripts are javascript files with the extension ‘.user.js’ that are executed client-side to add functionality to a web page. They are natively supported by chrome and opera and are supported via extensions in most other browsers of any note. (Some include Greasemonkey for Firefox, GreaseKit for Safari and Trixie for IE).

I succeeded in reskinning the whole website which was pretty fun. There seems to be a limit to the usefulness of userscripts in that support for the ‘@run-at document-start’ flag which I believe should make the script run before any scripts on the page do, is not supported by most browsers. It’s not all that useful a flag anyway as I imagine you’d often want the script to run after the DOM has been written so that you can work with the content expected to be on the page. In this case however it would be useful as I attempt to strip out a script on the course page that redirects 1% of all hits to a rickroll (sigh). As such the script still runs before the userscript and so the rickrolling still happens.

I might also put some more time into the replacement style sheet some time soon.

CS16 course site

OriginalCS16 course site with userscript and restyle

Reshaped and restyled

Code after the break. Continue reading

Newspaper Layout with JQuery

Is it a good idea to use javascript to completely reshape a website’s design? Columnizer is a JQuery plugin which makes the long wished for and ever intangible vertical wrap CSS feature come to life.

The idea of the feature is to allow for dynamic newspaper style columns on a website. Columns have ordinarily been unachievable though any means but manually separating up content (which would still give unpredictable results).

I’m in the camp that wants the web to be both usable and pretty even with javascript turned off. I’ve missed lots of neat aspects of websites as a result of browsing behind NoScript in past. I think it would be very difficult to make a website designed with such drastic styling done with javascript degrade gracefully in a browser with the tool disabled. However, from a designer’s perspective, this is still one of the most interesting JQuery plugins I’ve seen yet.