Check out the jsFiddle Demo. CSS .absoluteCenterWrapper { position: relative; /* Declare this element as the anchor point for centering */ } /* Positioning */ .absoluteCenter...
Ask before leaving an unsaved CKEditor Vanilla JavaScript way, but removes any other onbeforeunload handlers: $(function(){ document.body.onbeforeunload = function() { for(editorName...
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...
Non-static elements will not inherit their parent's opacity in IE for no good reason. This can lead to...
Crazy hack. Might be useful one day. The code required has since been extracted into a library.
Colorizes code in LibreOffice Writer. Note that you need to create a paragraph style _code for this to work.
Clever hack to allow user interaction without Javascript (by using radio buttons and selecting on :checked).
Give the table a style table-layout: fixed Give the cells in the first row a width The same width...
Setting the colorbox opacity by hash parameter when initializing doesn't work the way like the documentation tells you.
An annoying part of using font icons is that the icons usually need to live in the DOM. This is...
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...
I recently created a survey asking fellow designers about the problems they faced when creating fully responsive sites. This article...
Motion is quickly becoming one of the most important emerging techniques in building a quality user experience on the web...
Rails has always included a scaffold script that generates a default controller implementation for you. Unfortunately that generated controller is...
Using text-transform: uppercase - especially on form labels - can cause you serious headaches in Selenium tests. Sometimes the web driver...
Did you know you can color your line-throughs or underline, or make them wavy like spell-checkers do?
Awesome slide deck about taking liberties with design requirements in order to keep the CSS simple.
A list of FontAwesome icons in the form of copyable Unicode characters or HTML entities. You might prefer to use...
An opinion how to implement BEM. I don't agree with all of Nico's choices, but I applaud his...
Box shadows are awesome. Unfortunately they are also very costly to render. You will rarely notice the rendering time on...
Using CSS sprites for background images is a technique for optimizing page load time by combining smaller images into a...
The ipad onscreen keyboard changes position:fixed style to position:static that misplaces those elements and you'll have problems...
Next time you have to do more than trivial CSS changes on a project, you probably want to have live...
This card shows how to upgrade a Rails 2 application from Rails 2.3.8 through every single patch level up to...