graphics

TwitterFacebook
Get flash to fully experience Pearltrees
no. 11 In my previous post Making of: BillErickson.net Redesign I showed you the wireframe I created for my client. Many people asked me about the PSD I’m using to build my wireframes. So, in this post, I’m going to share with you my very simple wireframe kit I’ve been using for a long time. I created it a couple of years ago and I’ve updated it many times since then. I always tried to keep it as simple as possible and avoid too many details. http://rafaltomal.com/free-photoshop-wireframe-kit/

Free Photoshop Wireframe Kit — Rafal Tomal

http://www.alessioatzeni.com/meteocons/

Meteocons • 40+ Weather Icons Free

The Meteocons set is and will be free , with constant updates by adding new icons, vectors and fonts, you can use or modify the icons for your commercial or personal projects. All icon and updates are free and always will be without obligation of payment or attribution, however a credit for work would be appreciated. If you or your client still want to make a contribution to the past and future development of Meteocons you are more than welcome to do so. Do not redistribute o sell and do not claim creative credit.
How These Were Built Here at ZURB, we’re always trying to think of new ways to innovate on our processes and methods. We thought it would be extremely useful to have access to icons without the need to save many versions or sizes for a single site. http://www.zurb.com/playground/foundation-icons

Interaction Design and Design Strategy

color

fonts

Icons

CSS

http://markdotto.com/bootstrap/ Mixins Mixins are basically supercharged includes for CSS, allowing you to combine a set of rules into one. They're great for vendor prefixed properties like -webkit-box-shadow , gradients, and more. Rounding Corners

Bootstrap.less by Mark Otto

IE6 Transparent PNG Fix

http://www.3232design.com/blog.cfm?id=94 Wednesday February 3 2:7 PM After years of messing with various solutions for the IE6 PNG transparency issue (if you don't know what that is, prepare to be bored out of your skull) which mostly involve a Javascript file that rewrites the page to take advantage of an IE-only CSS filter that renders the PNG images with correct backgrounds instead of a grey background. The trouble with most of those solutions is, when you apply them your links and input elements often go unclickable. So you have to jump through yet more hoops for IE6 users, most of which require extra code and lots of headaches. I'm pleased to announce that today I stumbled on this astounding method of creating a PNG file that does away with all of the cross-browser issues of transparent PNG files: in modern browsers, the PNG transparency uses an alpha mask, so has the pretty anti-aliased edges and dropshadows that make you want to use PNG in the first place.
Until some future version of HTML gives us new native controls to use in a browser, at Google, we’ve been playing and experimenting with controls we call “custom buttons” in our apps (among other custom controls). These buttons just launched in Gmail yesterday, and they’ve been in Google Reader for two months now. The buttons are designed to look very similar to basic HTML input buttons. http://stopdesign.com/archive/2009/02/04/recreating-the-button.html

Recreating the button

http://preloaders.net/en/circular Denotes width and height of a preloader in pixels. The default best quality maximum size of each image is set when selected from the list. In order for the image to have proportional width and height, check the "Constrain proportions" box and it will change the other parameter in regards to the entered one. If you want to get back to the original size of the image, click on the "Reset sizes" link under "Preloader size" title. <p style="text-align:right;color:#A8A8A8"></p>

Www.preloaders.net | Free AJAX animated loading gif's | Circular

Button Maker :: Adam Kalsey

http://kalsey.com/tools/buttonmaker/ The button maker is provided by Adam Kalsey. To use the button you create on your site, just right click the image and choose "Save image as..." or a similarly-named option from your browser. Check with your blogging provider for information on how to upload the image to your site after you save it. If you enjoy this, you might like the blog . Like the Button Maker's font? It's the excellent (and free) Silkscreen from Jason Kottke .
http://www.famfamfam.com/lab/icons/silk/

Silk Icons

“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 .
About Stealing These Buttons It all began on October 22, 2002 when Jeremy Hedley posted the the original offering of buttons. I, as many others, were infatuated with these for quite some time and begun collecting as many as I could. http://gtmcknight.com/buttons/index.php

Taylor McKnight