Faking a top-level domain name for local development with Apache

Developing a website on your local webserver environment can become complicated when it comes to URLs. Not every CMS (looking at you Wordpress!) has relative paths to their content. These full paths get placed in the database, which makes it harder to test and create content with pointers to wrong URLs.

This guide will tell you how to fake a top-level domain name so you can redirect any domain name to your local development environment and keep your source code in separate folders.

Faking a top level domain name for local development with Apache

Read more

Vertical rhythm on DOM elements with dynamic heights – Keep the Rhythm

That is a lot in one sentence, but basically it explains it all. Maintaining a vertical rhythm is hard enough by itself and takes a lot of time and thinking to accomplish.

The problem with maintaining a proper rhythm are objects (like images) that have dynamic heights. Like the images on this blog, or when you have clients uploading their content which isn’t perfectly resized / cropped to your line-height.

For this I created a jQuery plugin that fixes the rhythm: Keep the Rhythm.

Keep the Rhythm: Vertical rhythm on objects having dynamic heights

Read more

A new life for Gaya Design, the redesign part 2

Since my blog is based around web development and I don’t want to be behind on things I decided it has time to kick new life into my blog. I needed a new format which would allow short posts and have a blog that loads fast.

I needed a redo of the website. From the ground up.

A new life for Gaya Design, the redesign part 2

Read more

Retina Sprites for Compass

Creating CSS rules for retina sprites and background images can be a drag. I wrote a quick mixin that will help you with this. It allows you to use sprites in Compass with added retina variants. Works just like the normal sprites helpers, but has been made a lot easier with these mixins.

Read more

jQuery plugin: Fullscreen Background

If you’re a webdeveloper or designer I am pretty sure you’ve run into the problem of people wanting to have “fullscreen content” or just background images that will stretch in the most optimal way to the users screen.
Lately I found that a lot of people are asking for fullscreen backgrounds, videos and other types on stuff. So to prevent myself from reinventing the wheel over and over again I made a small jQuery plugin, and thought you guys might like it too.

So here it is: Fullscreen Background for jQuery.

jQuery plugin: Fullscreen Background

Read more