Auto-fit background image in CSS

Josef Richter — Sun, 23 Nov 2008 21:35:47 +0000

I was trying to implement a background image which automatically resizes with the browser window. I was inspired by this lovely site: http://www.ringvemedia.com/. I googled out some solutions, however, none of them seemed to work just right. After few experiments, I arrived to this solution, which seems to be working so far:

UPDATE: also removed the scrollbars

body {
overflow-y: hidden ! important;
overflow-x auto ! important;
}

#background {
width: 100%;
left: 0px;
top: 0px;
position: absolute;
z-index: 0;
}

#content {
z-index: 2;
position: absolute;
}

#background img { width: 100%; }

Lorem ipsum

update: this solution is implemented at http://www.lachmani.cz/ – check it out!

Any better solutions out there? Any suggestions how to improve it?

Batch resize of images in MacOS

Josef Richter — Sun, 23 Nov 2008 20:15:33 +0000

I was looking for a simple utility for batch resizing of images. I used batch operations in XnView in Windows but can’t find suitable alternative for Mac. Fortunately, I found out that I can easily create such utility myself in Automator. If you don’t want to play with Automator, I give away my utility for free download.

It works this way:

1. select files to resize

2. select destination folder

3. select new size of the files

…and that’s it. Download the application from the widget in the sidebar or use this direct link. Enjoy!

For completeness, here is how it looks in Automator:

Josef Richter » image

Auto-fit background image in CSS

Batch resize of images in MacOS