Music in January 2010

January 2010 was a real mind opener for me. I was introduced to several great danish music bands and I just wanna to make a shout out and thank René Pjengaard for sending me info about all this great music. In between all this great music I did fall in love with one band and can’t stop listening to there albums over and over again. It is just so brillant, and the band name is ” I Got You On Tape “.

So here is the list of albums that I bought in January 2010

1. I Got You On Tape – I Got You On Tape
2. Spinning for the Cause – I Got You On Tape
3. 2 – I Got You On Tape
4. This Is for the White In Your Eyes – Choir of Young Believers
5. Trespassers – Kashmir ( Actualy I didn’t buy this one, but I got it from Kashmir with there signatures )
6. Ghost of a Chance – Turboweekend
7. Night Shift – Turnoweekend
8. The Life and Death of a Male Body – The Rumour Said Fire

Well that was all for this time. Let me know what you thing about all this great music by leaving a comment or a msg on Twitter ( @Saucerdk)

FormHighlighter v1.2.2 is online

Bang!!! Just as you thought I was gone and forgot all about this project v1.2.2 came out :P

I did some minor bug fix here and there, so there is not much to say. I’m still looking for some feedback about this plugin so that I can try to make it better or even add some more functions.

Click here to get the latest version of Form Highlighter

If you want to be sure that you always get the latest updates about this plugin, then please follow me on twitter (@Saucerdk)

FormHighlighter v1.2.1 is online

Better late then never :)
I’v been a bit bussy so didn’t get enough time to work on FormHighliger og write some crap for this blog, but as the headline says I’v maid a new release of jQuery plugin FormHighlighter with some bug fix here and there. If you are using v1.2 for a login page, then this update is must have, since there have been some issues with password fields while using numlock.

What is FormHighlighter ?
jQuery Plugin to attach focus,blur and keydown effect on your form fields.

Before I run away I’ll like to thank everyone for feedback and “@UsejQuery” from Twitter for spreading the word about this plugin.

If you want to be sure that you always get the latest updates about this plugin, then please follow me on twitter (@Saucerdk)

Form Highlighter v1.2 is online

Here we go again :) The new version of FormHeightlighter now includes text lable for password fields how sexy is that?

As you can se I’v also updated the design template since I was realy tired and bored with the last one I had, and thanks to Wordpress it took me 23sec to make that change, nice!

Please let me know what you think about FormHeighlighter and what you think would make the plug-in even better. Thanks!

Equal Height Columns with jQuery v1.0

I just maid a quick but usefull plug in for all webdevelopers who need an easy way to creat “Equal Height Columns” .
The EqualHeightColumns plugin for jQuery can be found here

Enjoy making cool websites and let me know if I can improve my plug-in with your ideas.

FormHighlighter v1.1 is online

Just a quick info post about my jQUery plug-in FormHighlighter.

I’v maid some small improvements + added a needed function that placed the “pointer” at the beginig of the field.

So much for this time. Take care and enjoy the show…

Dynamic columns without using JavaScripts

We all remember how easy it was to make a website with 2,3 or even more columns by using <table> design. The way the cells ware attached to each other in <table>’s maid it easy for webdevelopers to have a background color in one of the columns that was following maximum height of the heighest column. Today we all use <table> less designs since <table>’s are to slow and “hard” to controle when we talk about cross browser-optimation. So here I’m going to show you a small and easy fix in how you can get the same effect with your <div> designs without using JavaScripts or any kind of fancy CSS hacks that might not work in other browsers.

Layout

Lets say that you wanna make a simple website with 2 columns. One for yur navigation and the other for the content area.

1
2
3
4

<div id="master">
<div id="navigation"></div>
<div id="content"></div>
</div>

CSS

Lets just make up something quick, after all it is just a demo :)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

#master {
width:500px;
height:600px;
border:2px solid #000000;
}
#navigation {
float:left;
width:200px;
height:600px;
border-right:1px solid #000000;
background-color:#eeeeee;
}
#content{
float:left;
width:300px;
height:600px;
}

So, what we have here is basicly a very simple setup, where our columns have 600px heigh.
The height is static and if we make our #content heigher or lower then our #navigation then
our #navigation won’t be effected, since it’s height is not dynamic and our <div>’s arnt linked
together. Now this is the place where some webdevelopers start to use all kind of tricks with
JavaScripts, but there is a very simple and easy way of making this just by using CSS as we know it.

CSS step 2

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

#master {
width:500px;
min-height:600px;
border:2px solid #000000;
overflow:hidden;
}
 
#navigation {
float:left;
width:200px;
min-height:600px;
border-right:1px solid #000000;
background-color:#eeeeee;
margin-botttom:-32000px;
padding-bottom:32000px;
}
 
#content{
float:left;
width:300px;
min-height:600px;
margin-botttom:-32000px;
padding-bottom:32000px;
}

Explanation

As you can see the code is very simple and what we basicly did was just to make the #master with overflow:hidden and maid our heights dynamic by using min-height + our two columns have a small trick with margin and padding, that makes a 32000px height “buffer” wich is hidden by the overflow:hidden on our #master. Now the reason why our #master now is dynamic is because we havent sat a static height on it. So eachtime our colums get longer the overflow will show more and more of our 32000px buffer.

At the end I wanna wish you all happy coding!

Saucer.dk Blog version is online

WTF, I have no idea why I maid this blog, since I’m 100% sure that this won’t last long. I will probobly make 2-3 blog posts and uploade some of my old projects and that will basicly be it. Ohh well who cares…

• Pages

  • Equal Height Columns
  • FormHighlighter

• Categories

  • CSS (1)
  • jQuery (5)
  • Music (1)
  • Uncategorized (1)

• Please visit

  • Dyrebar
  • jQuery
  • The Daily WTF

• Archive

  • February 2010 (2)
  • December 2009 (1)
  • October 2009 (3)
  • September 2009 (2)