rbardini.com - tagged with image http://rbardini.com/feed en-us http://blogs.law.harvard.edu/tech/rss Sweetcron rafael@rbardini.com Placehold.it http://rbardini.com/items/view/2739/placeholdit

A quick and simple image placeholder service. Just put your image size after our URL and you'll get a placeholder.

]]>
Tue, 13 Jul 2010 01:22:00 -0300 http://rbardini.com/items/view/2739/placeholdit
Building a fancy jQuery header feature http://rbardini.com/items/view/2623/building-a-fancy-jquery-header-feature

I’ve recently been working on a project where a client came to me with an idea to create a feature on their homepage which shows three sections of dynamic content. This lead me to think about writing a tutorial on how to create a jQuery feature such as this.

]]>
Sun, 30 May 2010 21:48:00 -0300 http://rbardini.com/items/view/2623/building-a-fancy-jquery-header-feature
Coin Slider http://rbardini.com/items/view/2471/coin-slider

jQuery image slider plugin with unique effects.

]]>
Thu, 08 Apr 2010 01:28:00 -0300 http://rbardini.com/items/view/2471/coin-slider
Thumboo! http://rbardini.com/items/view/2326/thumboo

Display high-quality website thumbnails on your site with easy to drop-in PHP or Java code. Just enter the URL of the page you want to generate, choose a size and copy amp; paste the code.

]]>
Fri, 19 Feb 2010 20:04:00 -0200 http://rbardini.com/items/view/2326/thumboo
Dynamic Dummy Image Generator http://rbardini.com/items/view/2263/dynamic-dummy-image-generator

This is a simple tool for generating dummy/filler images on the fly at whatever size you want. Simply add the width, an #039;x#039;, and the height of the image you want and the script will spit out a gray box to the size you want with the image dimensions in black Arial text centered in the middle of the box.

]]>
Wed, 03 Feb 2010 23:00:00 -0200 http://rbardini.com/items/view/2263/dynamic-dummy-image-generator
MP CHANGE http://rbardini.com/items/view/2134/mp-change

MotionPortrait is a technology that automatically creates a 3D face model from a single picture. The model can be animated in a variety of facial expressions.

]]>
Sat, 09 Jan 2010 21:45:00 -0200 http://rbardini.com/items/view/2134/mp-change
Implement SpaceGallery MouseWheel http://rbardini.com/items/view/2122/implement-spacegallery-mousewheel

Still remember jQuery plugin named SpaceGallery? Now I wanna combine it with another interesting jQuery plugin, MouseWheel. SpaceGallery is a jQuery plugin helping you make image stack. MouseWheel is a jQuery plugin made by Brandon Aaron for reading direction and velocity from your mouse scrolling movement. With MouseWheel, you can make an application which is able to interact with your application user’s scrolling mouse.

]]>
Fri, 08 Jan 2010 17:06:00 -0200 http://rbardini.com/items/view/2122/implement-spacegallery-mousewheel
Iconizer http://rbardini.com/items/view/2094/iconizer

Choose the type of icon you want, set the background and foreground colors plus the sizes desired and wait for your icon be generated.

]]>
Mon, 04 Jan 2010 16:37:00 -0200 http://rbardini.com/items/view/2094/iconizer
TopUp http://rbardini.com/items/view/1844/topup

TopUp is an easy to use Javascript library for unobtrusively displaying images and webpages in a Web 2.0 approach of popups. The library is jQuery and jQuery UI driven in order to maintain cross-browser compatibility and compactness.

]]>
Tue, 24 Nov 2009 01:11:00 -0200 http://rbardini.com/items/view/1844/topup
Making an Interactive Picture with jQuery http://rbardini.com/items/view/1832/making-an-interactive-picture-with-jquery

In this tutorial I will be showing you how to piece together an interactive picture – aka an image that contains tooltips and popup boxes. This can be useful for showing off a particular aspect of a photo (ie items or people).

]]>
Fri, 20 Nov 2009 15:48:00 -0200 http://rbardini.com/items/view/1832/making-an-interactive-picture-with-jquery
Livebrush http://rbardini.com/items/view/1786/livebrush

Livebrush is a drawing application. It employs an easy-to-use brush tool that reacts to your gesture. By combining simple motion controls with brush styles, Livebrush offers a fun and unique way to create graphics. View the demo below or learn more.

]]>
Mon, 09 Nov 2009 00:20:00 -0200 http://rbardini.com/items/view/1786/livebrush
Hover Zoom Effect with jQuery and CSS http://rbardini.com/items/view/1783/hover-zoom-effect-with-jquery-and-css

The hover zoom effect basically reverse zooms an image while fading in a label on top of it when the mouse hovers over it. It makes for a pretty slick effect which could be used on thumbnails.

]]>
Sun, 08 Nov 2009 20:02:00 -0200 http://rbardini.com/items/view/1783/hover-zoom-effect-with-jquery-and-css
Toogle http://rbardini.com/items/view/1754/toogle

Toogle is a Text version of Googles Image Search. Currently it creates images out of the very term that was used to fetch those images, later we will endeavour to create images out of the search terms entered by users past and present. But for now please, go play.

]]>
Sun, 01 Nov 2009 00:35:00 -0200 http://rbardini.com/items/view/1754/toogle
HDR Darkroom http://rbardini.com/items/view/1595/hdr-darkroom

HDR Darkroom packages two patented sophisticated Local Tone Mapping Engines for your preference no matter you like surreal HDR effect or photo-realistic/natural result. One is called Local Tone Balancer, which aims to provide more surreal HDR effect. The other is called Local Tone Enhancer, which is oriented to provide more photo-realistic/natural result.

]]>
Thu, 01 Oct 2009 22:11:00 -0300 http://rbardini.com/items/view/1595/hdr-darkroom
IE PNG Fix http://rbardini.com/items/view/1248/ie-png-fix

This script adds near-native PNG support with alpha opacity to IE 5.5 and 6. Now you can have full translucency and no more ugly grey borders! It requires only one line in your CSS file, and no changes to your website HTML. lt;IMGgt; tags and background images are both supported.

]]>
Tue, 11 Aug 2009 21:48:00 -0300 http://rbardini.com/items/view/1248/ie-png-fix
Opera Image Dial Generator http://rbardini.com/items/view/1234/opera-image-dial-generator ]]> Mon, 10 Aug 2009 18:13:00 -0300 http://rbardini.com/items/view/1234/opera-image-dial-generator 21 Amazing CSS Techniques You Should Know http://rbardini.com/items/view/1202/21-amazing-css-techniques-you-should-know

Cascading Style Sheets (CSS) is one of the building blocks of modern web design without which websites would have been ugly just like they were a decade ago. With time, the quality of CSS tutorials out there on the web has increased considerably. Here are 21 amazing CSS Techniques that you might not have thought could be done by CSS.

]]>
Fri, 07 Aug 2009 18:47:00 -0300 http://rbardini.com/items/view/1202/21-amazing-css-techniques-you-should-know
TiltShift Generator http://rbardini.com/items/view/1014/tiltshift-generator

TiltShift Generator is a web service that adds cool camera effect to your picture on the fly.

]]>
Thu, 16 Jul 2009 22:57:00 -0300 http://rbardini.com/items/view/1014/tiltshift-generator
CSS Sprite Generator http://rbardini.com/items/view/943/css-sprite-generator

This tool allows you to automate the process of generating CSS sprites. Simply give it a ZIP file containing 2 or more images (GIF, PNG or JPG) and it will generate a sprite image and the corresponding CSS rules to target and display each component image.

]]>
Tue, 07 Jul 2009 00:49:00 -0300 http://rbardini.com/items/view/943/css-sprite-generator
Free OCR http://rbardini.com/items/view/930/free-ocr

Free-OCR.com is a free online OCR (Optical Character Recognition) tool. You can use this to perform OCR on any image you supply. This service is free, no registration necessary. We also do not need your email address. Just upload your image files. Free-OCR takes either PDF, JPG, GIF, TIFF or BMP format.

]]>
Sun, 05 Jul 2009 00:34:00 -0300 http://rbardini.com/items/view/930/free-ocr