Sam’s random musings

A low wattage color palette for web designers. The palette…:

A low wattage color palette for web designers. The palette is based on the Energy Star wattage ratings for colors. (via migurski) (link)

Color palette not for usability or cosmetics but for power consumption now that makes an engineer smile

(Via kottke.org.)

Style-Say : CSS Style guide generator:

For a web designer, remembering the properties of all the CSS classes, IDs and elements that have been written, often over multiple stylesheets, can be a real task. Often developers need to keep referring back to their CSS to check the definitions, look at the properties and classes and find the right element. This is time wasted. Time that could be spent on more constructive endeavours.

This is a nice quick clean way to generate a style guide (it will be good for clients to see how their site will render when they add content)

Keeping the cruft out of your release:

Sometimes during software development you need to hack something together temporarily just to see it working. You have no intention of leaving it like that.

couple of cool ideas, I use a class called ‘dev’ that borders in red 2 px rect.

(Via Signal vs. Noise.)

Super-Easy Blendy Backgrounds:

Gradients: a nutritious part of your Web 2.0 breakfast. Wouldn’t it be swell if you could get all that goodness without opening Photoshop every time you needed a little gradient bliss? Matthew O’Neill explains how you can.

This is nice but to be honest I am waiting for part two when he plays with the technique for actual layouts

(Via A List Apart: for people who make websites.)

CSSEdit 2 Icon Joke:

Scott Nicholas spotted a funny joke in CSSEdit 2’s app icon. Perfect humor for CSSEdit’s intended audience.

#

Thanks that icon is classic. Love this app and for this css numskull it is a great tool

(Via Daring Fireball.)

Collection of CSS Forms:

Smashing Magazine has scoured the web for modern CSS based forms.

In Web 2.0 registration and feedback forms can be found everywhere. Every start-up tries to attract visitors’ attention, so web-forms are becoming more and more important for the success of еру company. In the end, exactly those web-forms are responsible for the first contact with potential customers. Let’s take a look, which modern solutions a web-developer can use, designing his/her next css-based form.

This is a great collection of css form work tutorials and services that are really a fantastic resource!!!! (yes the collection is worth that many ! and it could probably rate a use of all CAPITALS as well)

(Via Ajaxian Blog.)

Smooth Slideshow 2.0:

Jonathan Schemout has released version 2 of his Smooth Slideshow library, written on top of mootools.

New Features in 2.0

• All the code is now wrapped in objects. In other words, you can now add more than one slideshow to the same webpage.
• JonDesign’s SmoothSlideshow now center images in the viewport. This way you can use different image ratio in the same slideshow.
• JDSS now uses mootools instead of moo.fx and prototype.lite.js (but don’t worry, there is still a version using moo.fx available ;-))
• Some graphical changes (yeah everyone wants to look cool :-))
• And last but not least, a lot of bugfixes.

This is a nice clean slideshow,

(Via Ajaxian Blog.)

Transcorners: Because you are obsessed with rounded corners:

People really are obsessed with rounded corners aren’t they? If we had a simple way to express them in CSS, maybe then we would be writting JS libraries and CSS hacks to give us spikey corners or something

Well, the latest kid on the block is Transcorners, which is a mootools based rounded corners system.

Neat trick for what may be at least a the biggest example of a rounded corner I have seen

(Via Ajaxian Blog.)