Archive for the ‘Web Development’ Category

How To Recover Deleted Subversion Branch

Wednesday, December 9th, 2009 by Jesper Rønn-Jensen

I recently deleted a branch from our (svn) code repository. Did you know that it’s the general recommendation to delete a branch after a merge to ensure that nobody commits to it. (see svnmerge wiki for more on that advice)
Svn checkout, svn info, etc. all fail when you try to access the deleted branch immediately:

$ [...]

Spoken Git Commit Log — Another Annoyance at the Office

Wednesday, September 30th, 2009 by Jesper Rønn-Jensen

Here is a short one-liner that really annoyed my colleagues today.
I set my mac to read aloud all changes in the repository since yesterday:

git log –pretty=format:”%an commit %s, %ad.” –date=relative –since=yesterday |say

if you remove the “say” command in the end it’s actually pretty readable:

pagerbak commit VA17, 34 minutes ago.
pagerbak commit VA17 – Not used, [...]

Print CSS Background Logo Hack

Tuesday, September 29th, 2009 by Jesper Rønn-Jensen

I learned this nice little hack to bypass the standard browser setting that normally prevents background images from being printed.
The hack makes use of converting the background-image to a list item with an image.

/* Hack, to trick the browser to print another logo
Unfortunetaly, Firefox on Windows doesn’t show logo on [...]

Sell More: Add Next Steps To Your Status Messages

Monday, September 21st, 2009 by Jesper Rønn-Jensen

Sometimes, when doing web development, we forget that not everybody are as familiar with the web jargon as ourselves.
This example from Pixum (internet photo developer) shows a good detail:

The status message from Pixum gives immediate feedback that makes it easy to go to next step
Note that the status message contains a link to the shopping [...]

Greasemonkey Debugging Tips: How to Determine Why your Script Is Not Running

Friday, September 18th, 2009 by Jesper Rønn-Jensen

After running into some trouble with getting a Greasemonkey to work, I just wanted to share this list with you of things to look out for when your Greasemonkey script does not seem to run. What are the common pitfalls you see around. I’ll gladly add them here.
I am trying to get a Greasemonkey script [...]

CSS Styling Buttons Problem with Underlined Text

Wednesday, September 16th, 2009 by Jesper Rønn-Jensen

I ran into the challenge the other day to style a<button> element to make it look like a link (with underline and everything).
Unfortunately, the <button> element does not react to text-decoration: underline;
But according to a discussion at the CSS Creator forum, there is a way out:
I was just messing around with it and for some [...]

The Quick Way to Creating Disabled State Icon With Photoshop

Friday, August 28th, 2009 by Jesper Rønn-Jensen

For an internal demo, I had to make my own disabled and :hover states of some buttons.
In Photoshop (Elements) it was dead easy by adjusting the color in each layer.
I found that the following settings worked very well:
In Photoshop, create a new layer for each button state. Select the layer and choose “Enhance” > “Adjust [...]

How to add Git Pull Shortcut to Different Github Branches

Sunday, August 23rd, 2009 by Jesper Rønn-Jensen

UPDATE 9 hours later: Changed to “remote = origin” to the specific branch “remote = dean” which works!
Short explanation on how to pull changes from different Git repositories into your local Git repository.
Last week I worked with three different Github forks of a project. Now for standard, when you clone a Github repository, the remote [...]

Comments working again

Sunday, June 14th, 2009 by Thomas Watson Steen

Thanks to one of our dear readers we just discovered a bug in our commenting system that basically meant that you could not leave a comment on any of our posts. This has now been fixed and you can now again tell us your thoughts.
Of cause we should have noticed, since the amount of spam [...]

Shorthand to clean up installed Rubygems (but don’t cleanup Rails)

Friday, May 29th, 2009 by Jesper Rønn-Jensen

I trimmed my installed Rubygems on my local development machine. The command “
sudo gem cleanup
” is just for that.
Only problem: What about my older Rails apps that require a specific version of Rails, ActiveRecord, etc.?
My solution:
gem list –no-versions | grep -v “^active” | grep -v “^action” | grep -v “^rails$” | xargs sudo gem cleanup [...]

Web Server Power Calculation

Friday, March 13th, 2009 by Jesper Rønn-Jensen

In our company’s basement a small server room where we put a few sandbox machines we use for quickly starting up projects, simple project and version control management. Over the time, quite a few of our clients have benefited from this setup as it can create instant project infrastructure.
But what is the cost of having [...]

HTML Guide Textmate Snippets Open Sourced

Wednesday, February 25th, 2009 by Jesper Rønn-Jensen

One year ago I published “Design Guide or HTML Markup Guide” with link to the HTML guide we did for the biggest Danish business internet portal.
The HTML guide is a really useful tool for every public authority that must deliver applications for the portal.
As a help for my own work back then, I created virk_dk_htmlsnippets:

Snippets [...]

Using Local File-based Git — Server Laziness

Saturday, February 21st, 2009 by Jesper Rønn-Jensen

My problem this week: I wanted to share some work with a colleague. Unfortunately we have not yet setup our caplab environment with git server. Nor did i want to push this particular project to GitHub or Unfuddle. My alternative was a file-based setup:

Each developer’s machine has it’s own Git repository.
On my machine I had [...]

CSS Fun: Flag Deprecated HTML Tags

Thursday, January 8th, 2009 by Jesper Rønn-Jensen

.NET tips for my development environment

Thursday, October 9th, 2008 by Jesper Rønn-Jensen

At a recent project I had to work in a full-blown .NET environment. Here are some of the tips I collected from my colleagues.
Visual Studio
I added the methods below in the Macro editor (Tools > Macros > Macros IDE)
Stop the build on error. When an error occurs I am notified instantly and able to fix [...]

Fixes to Common CSS Problems

Monday, June 16th, 2008 by Jesper Rønn-Jensen

Just home again from two weeks vacation, I found this in my delicious popular feed (i usually scan the delicious popular feed for links others find interesting).
Using CSS to Fix Anything: 20+ Common Bugs and Fixes
Good explanations to some of the usual I run into. For instance, the double margin float bug in IE 6 [...]

Webdesign Tutorial by Rap Video

Thursday, May 8th, 2008 by Jesper Rønn-Jensen

Learning web design by a hiphop video is really neat.
Four years ago we had the usability rap (along with the excellent gangsta-style cartoons from the OK/Cancel guys):

(the mp3 file with the actual rap seems to have disappeared… could anybody point me to a working link?)
Now there is this even cooler rap. Web design [...]

Design Guide or HTML Markup Guide

Friday, February 8th, 2008 by Jesper Rønn-Jensen

At a recent project, there was a requirement to describe the CSS used on a site, as a documentation, other developers could use. We decided to go a bit further — not only documenting the CSS classes — but making a guide that developers could find easy to use. Also we wanted developers with little [...]

Sharepoint 2007, Accessibility, and Impossible UI Customization

Sunday, January 20th, 2008 by Jesper Rønn-Jensen

Emil Stenström’s recent “Sharepoint 2007 from an interface developer’s view” is definitely worth reading if you care about webstandards, accessibility and decent frontend code in general.
Here are some of the quotes that really stand out in an excellent article that i really recommend you read before picking your web development platform.
One major problem is that [...]

Avoid Innovation (The Word) — Use Better Words Instead

Tuesday, January 1st, 2008 by Jesper Rønn-Jensen

Scott Berkun brilliantly notes that the word “innovation” has lost it’s meaning. Stop saying innovation – here’s why
Use better words instead. Often people mean one of 1) we want new ideas 2) we want better ideas, 3) we want big changes 4) we need to place big bets on new ideas. Great. Any [...]

Textmate Snippet: Convert HTML entities for viewing code

Tuesday, January 1st, 2008 by Jesper Rønn-Jensen

Happy New Year everybody. Here is a tiny Textmate or E-Texteditor Snippet: Convert HTML entities for viewing code. I created this recently for a HTML cookbook on a project, where we made HTML pages showing HTML example code. It converts

& to &amp;
< to &lt;
> to &gt;

That’s it. Basically, I made a copy of one of [...]

Setting Up Subversion Externals With TortoiseSVN

Tuesday, October 23rd, 2007 by Jesper Rønn-Jensen

Just a tip I spent some time on figuring out: Found information today on how to use TortoiseSVN to manage svn:externals. I’m working on a big project where we need many different branches and parts to use the same css and images libraries throughout all subprojects.
I had to Google to get the information on how [...]

Firefox Tip For Framebuster JavaScript

Monday, October 22nd, 2007 by Jesper Rønn-Jensen

I have for long been struggling with an internal legacy application that wraps the content page in a frameset. Very annoying because I have spent some time to reverse engineer a poor-mans API to the application.
Problem: An inline “reverse” framebuster script that makes sure that everything is nicely(?) wrapped in the frameset. As you [...]

Web Site Investigation Toolbox Update

Friday, October 12th, 2007 by Jesper Rønn-Jensen

bookmarlets.png I figured the original bookmarklet toolbox needed an update. Added Quirksmode detection, layout grid and updated PageInfo to accept framed pages.

Drop-shadows Don’t Fill Shopping Carts

Thursday, August 30th, 2007 by Jesper Rønn-Jensen

I think Zeldman has a fantastic point here:
Drop-shadows don’t fill shopping carts. Aside from a few buttons and arrows, nearly all of the work of a user interface is performed by words. Yet most designers don’t question the text their clients dump on them, and most budgets don’t cover editing and writing. Learn how word [...]

Agile Tip: Use Assumptions To Keep Momentum

Monday, June 11th, 2007 by Jesper Rønn-Jensen

Here is some agile methodology worth paying attention to, stating that even wrong decisions allow developers to keep momentum and push a project forward:
> If we decide not to make any decisions we lose 10 times $822, for a total of $8,220
> per week. Let me say that again: blanket indecision loses $8,220 per week; [...]

Sharepoint Meets Web Standards

Monday, June 4th, 2007 by Jesper Rønn-Jensen

Cameron Moll posted detailed tips on how to modify a standard Microsof Sharepoint 2007 installation into something with an acceptable output that’s valid XHTML and CSS, and less bloated with a much smaller footprint. In other words, a workaround for making Sharepoint work a little better out of the box.
First of all, it’s a [...]

Jakob Nielsen on Web 2.0

Tuesday, May 15th, 2007 by Thomas Watson Steen

Yesterday BBC published a short article entitled “Web 2.0 ‘neglecting good design’“. The journalist apparently attended a talk by Jakob Nielsen where he talked about usability issues in Web 2.0. The article is basically just a summary of the talk, and the main focus is that many websites, in the rush to be more Web [...]

Replacement for Standard Windows Console

Monday, April 30th, 2007 by Jesper Rønn-Jensen

The standard windows command window (console) sucks for several usability reasons:

Standard windows keyboard shortcuts don’t work. It’s not possible to copy/paste without using a special menu.
This special menu is best accessible with the mouse (or a long range of shortcuts)

Compare how it should be
CTRL + V
With how it is in the standard console:
ALT + SHIFT [...]

Debugging CSS: My Best Productivity Tip Ever

Monday, April 30th, 2007 by Jesper Rønn-Jensen

Firebug keeps surprising me. I’ve recently been working on code for several web designs and this little trick helped me to understand existing HTML and CSS much faster. Just to give an example I use our Justaddwater RSS feed page (but could be any page).
Before you start, get Firebug for Firefox (if you haven’t got [...]

Howto Create a Temporary Local Subversion Repository

Thursday, April 26th, 2007 by Jesper Rønn-Jensen

UPDATE May 1st, 2007 (forgot the two final steps 8 and 9).
I’ve run into the situation a couple of times where I get started on a client’s office, but due to delays and politics it takes time to get a proper versioning control server set up.
It turned out to be easy when I figured out [...]

Danish Newspaper Interview: Capgemini on Rails

Tuesday, February 13th, 2007 by Jesper Rønn-Jensen

Thomas and I are interviewed in Danish newspaper “Børsen” today. The article is a 10,000 feet business overview on the productivity gains and possibilities with Ruby on Rails.
I really like the picture (by Reimar Juul) and the fact that the article mentions both Justaddwater.dk and Copenhagen Ruby Brigade. Woot!

Click image to view larger version
For [...]

Ruby on Rails Rapid Prototyping Just Got Faster

Tuesday, December 26th, 2006 by Jesper Rønn-Jensen

Earlier I wrote how we use Ruby on Rails as rapid prototyping tool at work. Hobo is a promising plugin for Ruby on Rails to speed up development even more. At work, we’ve been looking into rapid prototyping of web applications for quite some time. Hobo might even help us to speed up development even [...]

Usability Toolkit Now Available

Thursday, November 16th, 2006 by Jesper Rønn-Jensen

Daniel Szuc tipped me about The Usability Toolkit, now available from Sitepoint.
I just ordered a set, and I’m really looking forward to this, as I remember Daniel mentioned the toolkit when I met him at UI 11 last month.

Understand usability and get the tools to put it into practice
Learn the essentials with over 125 pages [...]

The IE PNG fix vs. Accessibility

Monday, November 6th, 2006 by Thomas Watson Steen

It is no secret that all versions of Internet Explorer on Windows prior to version 7.0 has a flaw in its PNG renderer. The flaw basically involves the rendering of the alpha transparency and means that the images cannot fade nicely into the background.
The IE PNG bug explained
In the screenshots below you can see the [...]

Actual Browser Sizes (final)

Tuesday, October 31st, 2006 by Thomas Watson Steen

The numbers are in! Jesper first asked the question in “Design for Browser Size — Not Screen Size” and quickly after Thomas Baekdal of baekdal.com took up the challenge. After publishing his preliminary results he have now unveiled the final report:
The report finds, among other things, that the majority of people browse maximized or very [...]

Technique — locating problems in HTML

Monday, September 18th, 2006 by Jesper Rønn-Jensen

Technique for using the toolbox: Locating problems in HTML.
I decided to make a little toolbox that’s easy to apply on web pages, when investigating problems with web pages. Basically, it’s the tools I used when investigating the case I described in “Why web standards matter (case study)”
I split this into two posts. This is [...]

Toolbox — locating problems in HTML

Monday, September 18th, 2006 by Jesper Rønn-Jensen

I decided to make a little toolbox that’s easy to apply on web pages, when investigating problems with web pages. Basically, it’s the tools I used when investigating the case I described in “Why web standards matter (case study)”
I decided to split this into two posts. This first one is about the toolbox. The [...]

Secure AJAX Web Applications

Sunday, September 10th, 2006 by Jesper Rønn-Jensen

Scott Dietzen of Zimbra posted a decent article about security issues in AJAX web applications.
Ajax security considerations. Subject to the additional precautions enumerated below, Ajax applications can be made as highly-secure as the web technologies upon which the Ajax model is based.
The article mentions several issues and Scott has put some thoughts in how [...]

IE 7, web standards and CSS support

Monday, August 28th, 2006 by Jesper Rønn-Jensen

The Internet Explorer team is preparing to ship the next major version of the world’s most popular browser. The IE team has written an update on which CSS bugfixes that will make it into the final release.
Update of existing CSS on websites
Before we get to that rather long list, I feel it’s important to know [...]