Safari Input field addressed in CSS3

By default, older versions of Safari will not apply even the most basic CSS styles to <input type=”search”> fields. If you want to force Safari to treat your search field like a normal text field (so you can apply your own  CSS styles), add this rule to your stylesheet:

input[type="search"] {
-webkit-appearance: textfield;
}

Thanks to DiveIntoHTML5 and John Lein for teaching me this trick

Create collapsing sub-menus with CSS & WordPress 3.0

Nice and clean solution from Dalton Rooney to get your sub-menu list items hidden if the parent item is not clicked:

.widget_nav_menu ul.sub-menu {
display: none;
}
.widget_nav_menu .current_page_parent ul.sub-menu {
display: block;
}
.widget_nav_menu .current_page_ancestor ul.sub-menu {
display: block;
}
.widget_nav_menu li.current-menu-item ul.sub-menu {
display: block;
}
.widget_nav_menu ul.sub-menu li.current-menu-item ul.sub-menu {
display: block;
}
.widget_nav_menu ul.sub-menu ul.sub-menu {
display: none;
}
.widget_nav_menu ul.sub-menu li.current_page_ancestor ul.sub-menu {
display: block;
}
.widget_nav_menu li.current-menu-item a {
color: #222222;
}
.widget_nav_menu li.current-menu-item ul.sub-menu a {
color: #666666;
}

On the WordPress Forums CSD-Images suggest tying it in with a Suckerfish menu like this:

'wp_nav_menu( array(
'theme_location' => 'main-nav',
'menu' => 'main-nav',
'container' => 'div',
'container_class' => 'header-nav',
'menu_class' => 'sf-menu'
)); '

This calls the menu I’ve defined in the Functions file and assigns the container a class of header-nav and the menu class sf-menu

All I had to then is customise the Suckerfish CSS to my styles.

Tumblr Backup in Beta

Great news – the first incarnation to save years of accumulated Tumblr snippets is in beta. Features – such as Photosets – are still missing, but the result of the backup looks great, with a stylesheet which you can modify to have exactly what you want out of it and you can burn it to CD or host it as an archive of static HTML files.

Delivery Site

Very nice tool
This works great. Needed to be able to present a website in offline mode. I had a zip’ed up site of 260mb which I then imported via Dropbox into Delivery Site and it did not choke on it! The interface is clean and nice to work with. It works beautifully to broadcast via WiFi to browsers around you and with the free iPhone DS Remote app you can setup presentations – worked wonderfully to create a tour through the site. Very happy that it can handle the different file types and it just plays nicely. Well done!