justaddwater.dk » Web Standards

Why WebStandards Matter

I just revisited “Why Web Standards Matter (Case Study)”, that I wrote on the background of a customer problem back in 2006. The points are actually relevant event with the more recent and faster browser versions that we have today. I did a small change to express my opinion better. Changed “JavaScript should generally be avoided” [...]

Script identifying CSS shorthand possibilities

For my own convenience I created this script to identify css files where colors like #aaaaaa can be rewritten in the short form #aaa (saves bandwith, but can also make it easier to identify similar colors) grep -nE '#([0-9a-f])\1([0-9a-f])\2([0-9a-f])\3' **/*.css output from a random project: css/actions.css:19: color: #000000; css/actions.css:38: color: #000000 !important; css/actions.css:53: color: #ffffff !important; css/admin.css:90: color: #cccccc; css/admin.css:94: color: #aaaaaa [...]

Print CSS Background Logo Hack

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 [...]

CSS Styling Buttons Problem with Underlined Text

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 [...]

2 Must-Know HTML Table Colum Features Any Webdeveloper Should Be Aware Of

I was reading up on the good old HTML specification and discovered a feature I had always wanted -- and it's already there: Creating widths of columns that will work like percentages, but will also pay attention to any small, fixed-width columns.

Take a look at HTML's proportional widths and amount alignment features.

HTML Guide Textmate Snippets Open Sourced

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 [...]

CSS Fun: Flag Deprecated HTML Tags

Introducing Tiny JavaScript Number Formatter

For a current project, I created a tiny number formatter that inserts thousand delimiters in a string: 10000 to 10,000 etc. Just add css class=”numberformat currency” to a text field, and it will be formatted automatically. It is based on the Prototype JavaScript library. You can get it from it’s GitHub repository page. Feel free to add or [...]

Adding Deprecation Warning in JavaScript Console

I used this quick trick today to help me clean up and refactor some javascript functions today: if ("console" in window) console.warn('DEPRECATED function call to '+ arguments.callee +'\nCalled by:\n'+ arguments.callee.caller ); Which results in a fine deprecation warning in the console: There is plenty of space for improvement here. Feel free to use or tamper … [...]

IE CSS Bug: Limited @include Statements

I found out that Internet explorer only interprets 32 @include statements in CSS for a webpage. The rest is silently ignored. Tested with IE7. Has anybody tried this with IE8? For more info see: Internet Explorer issue – maximum of 32 CSS @import PS. Silent ignorance is just about the worst form for ignorance when coding. The least [...]