Resources
Get flash to fully experience Pearltrees
Custom text can be entered using a query string at the very end of the url. This is optional, default is the image dimensions (300×250). A-z (upper and lowercase), numbers, and most symbols will work just fine.
Placehold.it - Quick and simple image placeholders
Bootstrap, from Twitter
Like you, we love building awesome products on the web. We love it so much, we decided to help people just like us do it easier, better, and faster. Bootstrap is built for you.
4096 Color Wheel Version 2.1
4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel Jump to a primary or secondary color: r ed, g reen, b lue, c yan, m agenta, or y ellow. The enter key will also add the current color to the p ick list.What does it do? The holmes.css file will display either an error (red outline) , a warning (yellow outline) , or a deprecated style (dark grey outline) for flags such as: Thanks to Anthony Mann , holmes now displays an informative error message when you hover over the element.
holmes.css - CSS Markup Detective
Tools
Nobody Likes a Slow Website We built this Full Page Test tool to help you analyze the load speed of your websites and learn how to make them faster. It lets you identify what about a web page is fast, slow, too big, what best practices you’re not following, and so on. We have tried to make it useful both to experts and novices alike. In short, we wanted it to be a free, easy-to-use tool to help webmasters and web developers everywhere optimize the performance of their websites. Feature Overview
Change the settings (by dragging the sliders, clicking on the bars, or editing the values) to calculate the overall width of your grid. View Changelog .
Grid Calculator
Article by: Sam Smith I am a sketcher. I recently realized quite how much sketching defines what I do when someone pointed out to me that I rarely present any work without a pen in my hand. Whether I’m drawing on a whiteboard or quickly sketching on paper sketching that helps me to illustrate what I’m talking about. So it was an interesting challenge when I was asked to present a workshop at the Interaction12 conference in Dublin, where I would be doing the talking but the participants would be doing the sketching.
Wireframes Magazine
50 Free UI and Web Design Wireframing Kits, Resources and Source Files - Smashing Magazine
Planning and communication are two key elements in the development of any successful website or application. And that is exactly what the wireframing process offers: a quick and simple method to plan the layout and a cost-effective, time-saving tool to easily communicate your ideas to others. A wireframe typically has the basic elements of a Web page: header, footer, sidebar, maybe even some generated content, which gives you, your clients and colleagues a simple visually oriented layout that illustrates what the structure of the website will be by the end of the project and that serves as the foundation for any future alterations.
Color Palette Generator: Automagically create a color palette from any photo.
There's tons of fun stuff here... Give one of our toys a spin! ♥ Gift Center , Motivator , Pop Art Poster , Magazine Cover , Mosaic Maker , Movie Poster , Jigsaw , Photobooth , Hockneyizer , FX , Map Maker , Favorite Surfer , Mat , Pocket Album , Sunset , Badge Maker , Top Cameras , Calendar , Trading Card , Framer , Wallpaper , Color Palette Generator , Cube , Bead Art , Guess the Title , CD Cover , Random Photo Browser , Captioner , Lolcat Generator , Billboard , Photo Fortune , Slideshow , Writer , Blog Header , Gallery , On Black , Profile Widget , Scout , Flickr DNA , Name That Contact , Favorite Finder , Pool CleanerAnnotazioni sovrapposte con jQuery | Script JavaScript Testi e scritte | Javascript.HTML.it
Plugin creato con jQuery per creare un accattivante effetto di sovrapposizione per visualizzare le annotazioni presenti in un'immagine. All'inizio abbiamo l'immagine semplice, ma se ci clicchiamo compaiono sopra le note. La creazione è semplice: abbiamo un contenitore principale e degli elementi contenuti. Ognuno di questi elementi è composto dalla classe "image_wrap" che contiene l'immagine principale e dalla classe "zoom_overlay" che contiene l'immagine con solo le note. A fare l'effetto di sovrapposizione poi ci pensa il file js.
NOTE: If you download a @font-face kit from this page, you will get the MacRoman subset. If you would like a different subset, click the "View Font" link and choose the @font-face kit there. You will have a lot more options.
Font Squirrel | Download Hundreds of Free @font-face Fonts
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.