CSS Speech-bubbles

I have modified the brilliant technique for creating boxes with different corners from Roger Johansso. I actually modified only the images and a bit in the code. See the example page for the CSS and the HTML. I’ve used a table to show how it looks with an example avatar, if you wanna use it on a blog, forum or etc…

Here are the two images you’ll need:



here is a screenshot:

css speechbubble

CSS coding credit to http://www.456bereastreet.com/


Free professional CSS menu generator

CSSMenuMaker.com is here to provide the average webmaster with tools to create custom, cross browser compatible website menus. Our menu generator makes it easy to create custom CSS menus without having to know all the complicated HTML and CSS. If you are a more experienced web developer we provide the sources code for all our CSS menus so that you can download, tweak, and integrate as much as you want.

css menu generator

Feel free to use their CSS menu generator an unlimited amount of times. The only thing that they ask is if you find the site useful, bookmarking them with digg.com or del.icio.us.

Over 700 free mini icons in one set

“Silk” is a smooth, free icon set, containing over 700 16-by-16 pixel icons in strokably-soft PNG format. Containing a large variety of icons, you're sure to find something that tickles your fancy. And all for a low low price of $0.00. You can't say fairer than that.



Two free mini icons sets

Bitcons is a mini-pixel icon set (16×16 pixels) containing 121 individual icons for various subjects. Each pixel for every icon was placed with love and tenderness. Bitcons is intended to be a very hypo-styled icon set; allowing for broad use for design on the web. To add to its flexibility, Sanscons was created to allow for any color and many different shapes.

Sanscons is a small spinoff of the Bitcons icon set that allows for CSS-based coloring and framing. The icon design is exactly the same, the only thing missing is a background – allowing you to set it to any color you so desire.
This sets is free for the masses to consume and enjoy.

Over 320 mini pixel icons! All Free!

These mini icons are designed at 14x14px with transparent background. They are specially designed for header or side navigation buttons. Feel free to use these icons for your site (personal or commerical). However, if you are using more than 10 icons, you must give a link back to N.Design Studio.

Spanky Corners – generate round cornered DIVs on the fly

‘Spanky Corners’ is an experimental technique for using only CSS to produce ’round-cornered content boxes’ with semantically pure markup. It does not require JavaScript to work.

SpankyCorners has a number of advantages over alternative rounded corners methods.

  1. Spanky requires no extra HTML markup to act as ‘CSS hooks’.
  2. Spanky doesn’t rely on a set width box.
  3. Spanky doesn’t require JavaScript.
  4. Spanky corners can have (practically) any radius with no significant increase to file size.
  5. Spanky requires only 4 small GIFs.
  6. We generate the required images for you while you wait!

ColorBlender – Color-palette generator

ColorBlender is a web-based tool for creating color palettes (here referred to as "blends") for web design and other types of digital design.

The main feature of the tool is to have a complete "blend" of 6 matching colors created when choosing only one "base" color.This makes it very quick and easy to create a color scheme for e.g. a website, as you can instantly use the colors for text, backgrounds, links, border etc.

Fine tuning colors

If you want to fine tune your colors – or simply edit the colors completely arbitrary – you can change to "Direct Edit" mode. In this mode you can click each of the 6 color swatches to edit each color individually.

If you have just the slightest experience with graphic applications like Adobe Photoshop or the like, everything should be dead easy to use.


When editing a color, you may choose to edit it by using RGB (Red/Green/Blue) or HSV (Hue/Saturation/Value) sliders. The former tends to be the more "digital" approach, while the latter is very useful if you are familar with the "color circle" terminology. Try it out, and see what you like the best!

Getting the colors out of ColorBlender

When you are satisfied with your "blend" you can save it so you can access it later. This requires your browser to accept cookies. All saved blends are stored on our server, and only an ID is saved on your computer.

Clicking the "Photoshop Color Table (.ACT)" button will let you download the blend as a small file that can be imported into Adobe Photoshop (see the FAQ for more info).

"Send blend by email" will give you a single URL to open your current blend directly. This let you "bookmark" the blend in your web browser or even send the blend via email. In this way, the recipient can view your blend, and eventually fine tune it, export it, etc.

And you can aways Printscreen it.

The Yellow Icon – Lots of free icons

The artist community site YELLOW ICON offers big variety of icons for web, applications, fun and entertainment, published by the members of the site. Their collection is nicely loaded with high-quality icons ready for you to download on your PC, Mac or Linux without registration.

yellow icon logo

Well there is a small "catch" by the way. All the icon are ..well with .ICO extensions, and are ready to put on your desktop or customize your folders.

To make them ready for your webdesign needs, you have to convert them, using an ICO to PNG converter like this (freeware) .

here are some examples from the YELLOW ICON collection: