Making media queries work in IE8 and below

Posted Almost 10 years ago by Arne Hartherz.

When using @media CSS queries, Internet Explorer 8 and below will fail to respect them. Though there are several options...

Sticky table header with jQuery

Posted Almost 10 years ago by Dominik Schöler.

When you want the table headers to always stay around (e.g. because that table is huuuge), use the code below...

Ruby: How to camelize a string with a lower-case first letter

Posted About 10 years ago by Arne Hartherz.

If you want to do JavaScript-style camelization, ActiveSupport's String#camelize method can actually help you out. Simply pass...

CSS: Vertically center with margin: auto

Posted About 10 years ago.
stackoverflow.com

Check out the jsFiddle Demo. CSS .absoluteCenterWrapper { position: relative; /* Declare this element as the anchor point for centering */ } /* Positioning */ .absoluteCenter...

Howto prompt before accidentally discarding unsaved changes with JavaScript

Posted About 10 years ago.

Ask before leaving an unsaved CKEditor Vanilla JavaScript way, but removes any other onbeforeunload handlers: $(function(){ document.body.onbeforeunload = function() { for(editorName...

Make custom web font available within CKEditor content

Posted About 10 years ago.

Make your custom web font available Add to ckeditor/config.js CKEDITOR.editorConfig = function(config) { config.contentsCss = [ '/assets/myCkeditorStyles.css', // any other file to encapsulate custom...

CSS: Opacity is not inherited in Internet Explorer

Posted About 10 years ago by Arne Hartherz.
jacklmoore.com

Non-static elements will not inherit their parent's opacity in IE for no good reason. This can lead to...

Making Sass talk to JavaScript with JSON | CSS-Tricks

Posted About 10 years ago by Henning Koch.
css-tricks.com

Crazy hack. Might be useful one day. The code required has since been extracted into a library.

Code Colorizer Formatter — LibreOffice Extensions

Posted About 10 years ago by Henning Koch.
extensions.libreoffice.org

Colorizes code in LibreOffice Writer. Note that you need to create a paragraph style _code for this to work.

Pure CSS Timeline | CSSDeck

Posted Over 10 years ago by Henning Koch.
cssdeck.com

Clever hack to allow user interaction without Javascript (by using radio buttons and selecting on :checked).

Prevent long strings from stretching your <table> with CSS

Posted Over 10 years ago by Henning Koch.

Give the table a style table-layout: fixed Give the cells in the first row a width The same width...

Howto set jQuery colorbox overlay opacity

Posted Over 10 years ago.

Setting the colorbox opacity by hash parameter when initializing doesn't work the way like the documentation tells you.

Embed Font Awesome icons from your CSS

Posted Over 10 years ago by Henning Koch.

An annoying part of using font icons is that the icons usually need to live in the DOM. This is...

Fix „command failed: /usr/bin/wkhtmltopdf ...“ using PDFKit middleware

Posted Over 10 years ago.

Ubuntu 12.04 LTS x64, Ruby 1.8.7, Rails 2.13, PDFKit 0.5.4, Phusion Passenger Apache 2 I ran into this, when I...

The top responsive web design problems ... and how to avoid them

Posted Over 10 years ago by Henning Koch.
creativebloq.com

I recently created a survey asking fellow designers about the problems they faced when creating fully responsive sites. This article...

Get Moving With Angular 1.2 Animation and Animate.css

Posted Over 10 years ago by Henning Koch.
divshot.com

Motion is quickly becoming one of the most important emerging techniques in building a quality user experience on the web...

A simpler default controller implementation

Posted Over 10 years ago by Henning Koch.

Rails has always included a scaffold script that generates a default controller implementation for you. Unfortunately that generated controller is...

Disable text-transforms in Selenium tests

Posted Over 10 years ago by Tobias Kraze.

Using text-transform: uppercase - especially on form labels - can cause you serious headaches in Selenium tests. Sometimes the web driver...

Building Custom Text Strikethroughs with CSS

Posted Over 10 years ago by Henning Koch.
tjvantoll.com

Did you know you can color your line-throughs or underline, or make them wavy like spell-checkers do?

Normalising Designs For Better Quality CSS

Posted Over 10 years ago by Henning Koch.
speakerdeck.com

Awesome slide deck about taking liberties with design requirements in order to keep the CSS simple.

Font Awesome: List of Unicode glyphs and HTML entities

Posted Over 10 years ago by Henning Koch.
fortawesome.github.io

A list of FontAwesome icons in the form of copyable Unicode characters or HTML entities. You might prefer to use...

Simple Naming for Modular CSS Class Names ··· Nico Hagenburger

Posted Over 10 years ago by Henning Koch.
hagenburger.net

An opinion how to implement BEM. I don't agree with all of Nico's choices, but I applaud his...

Many box shadows will make your app unusable on smartphones and tablets

Posted Over 10 years ago by Henning Koch.

Box shadows are awesome. Unfortunately they are also very costly to render. You will rarely notice the rendering time on...

Sprites with Compass

Posted Almost 11 years ago by Tobias Kraze.

Using CSS sprites for background images is a technique for optimizing page load time by combining smaller images into a...