This search box has a connected button, rounded corners and uses CSS3 PIE. It also has javascript that removes the default value once you click in the box.

Don't like the idea of having somebody else serving up your CSS? You can always export your WebPutty stylesheets from the editor with the click of a button. You get all the ease and simplicity of in-browser editing, live preview, SCSS, and Compass, with the option to continue hosting it yourself if you want to.

For larger screens, we used CSS3 media queries to display the options in a horizontal bar. We wanted to ensure that the screen has enough room to display the entire bar in a single line (we don't want the nav or its options to wrap because, in this case, wrapping would make the page look broken or mess with the navigation hierarchy), so we estimated the minimum width value: width of the horizontal navigation bar + the width of any neighboring elements + a little wiggle room. We tested this breakpoint across a wide range of browsers, and increased the value when we saw options wrap.

An easy-to-use CSS Mega Menu with both vertical and horizontal implementations. Unlimited possible sub menus with CSS 3 transitions giving you a javascript-like menu with only CSS

stackable blocks of content stacked together automatically

bubble tooltips in webpages

web wireframe generator - this one creates a blueprint CSS layout. quite nice to manipulate - pageblox -

The same as the LESS version above, but written in SCSS instead. Makes for a nice starting point for SASS users.

when you use font embeds, make sure and apply the weight as the font exists, otherwise it will look chunky the pixel chunk will be evident and smooth out if the right size.

dabblet is an interactive playground for quickly testing snippets of CSS and HTML code. It uses -prefix-free, so that you won't have to add any prefixes in your CSS code. You can save your work in Github gists, embed it in other websites and share it with others. Follow @dabblet on twitter

kground-position can be set horizontally, vertically, or both. Horizontally you can use the values center, left, and right. Vertically you can use the values center, top, and bottom. In both directions you can set a % or leng

Great post. Have you experimented with media queries? Couldn’t that make it even more flexible? Like having one version for all devices and then have the UI to adjust to the screen size. The navigation panel could for example go on top if the screen size is smaller than on a tablet, ot if take up to much space you could add some funky javascript to create a drop down of the panel.

a jquery way to embed a video so it fits automatically at window resize -

Another web dev tool - Need to clean a CSS file? Use Dust-Me Selectors to remove unused CSS -

in web design, a CSS reset is helpful but can create more challenges- Try normalize css instead -

RT @smashingmag: inuit.css: a full CSS framework with mobile, tablet and print stylesheets - by @inuitcss

Instant BluePrint CSS framework builder.

Learn web coding / programming HTML CSS Javascript from Google -