Group items tagged

Ajaz and Javascript example

A unique and effective way to search for images by clicking on photos most like what you are searching for.

Mouse over images for pulse effect

Max-width is the property used for limiting the width of the image to predefined value. So it will help to show small sized pictures to display in their original size while resizing the large-sized images into a predefined maximum width.

Reflection.js works well with logos, icons and dynamic image content such as forum avatars. Reflection.js comes into it's own with forum avatars; you can apply a reflection effect to every avatar on your forum or blog without any additional server work.

In this example, you are going to learn how to create simple animation of an object using JavaScript. The object we're referring to here is any image.

Opera Developer Community article: Raphaël: a JavaScript API for SVG" />Raphaël: a JavaScript API for SVG - Opera Developer Communitytext/css

Rounded Corners with CSS are a hot topic in web design: I think that there are hundreds of articles on them. This page is intended to present the solution I came up, that doesn't requires images, extra markup nor CSS

image effects

No images. No libraries*. Works even in IE6. // Color Picker by Raphaël - raphaeljs.com var icon = Raphael("picker", 23, 23).colorPickerIcon(11, 11, 10); icon.attr({cursor: "pointer"}).node.onclick = function () {    document.getElementById("benefits").style.visibility = "visible";    var out = document.getElementById("output");    out.style.visibility = "visible";                   // this is where colorpicker created    var cp = Raphael.colorpicker(document.body.offsetWidth / 2 - 150, 250, 300, "#eee", document.getElementById("picker2"));                   out.onkeyup = function () {        cp.color(this.value);    };    // assigning onchange event handler    cp.onchange = function (clr) {        out.value = clr;        document.body.style.background = clr;        document.body.style.color = Raphael.rgb2hsb(clr).b s it. Too easy                    icon.node.onclick = null;}; 

HTML5 video and audio tags make embedding media into documents as easy as embedding an image. All it takes is a single or tag. Unfortunately, not all browsers natively support these HTML5 tags.

Without much conscious thought, most of us have built identities across the web. We've filled in profiles, uploaded photos, videos, reviews and bookmarks. The Ident Engine uses semantic web API's to bring together these web footprints.

JavaScript library that retrieves and aggregates social profiles from various sites and networks. Currently supports 72 sites and 149 endpoint mappings * 12seconds.tv * 43things.com * 43people.com * backnetwork.com * backtype.com * barcampbrighton3.backnetwork.com * barcamplondon5.backnetwork.com * blip.fm * blip.tv * blogspot.com * blogger.com * brightkite.com * claimid.com * cocomment.com * corkd.com * dconstruct08.backnetwork.com * del.icio.us * digg.com * disqus.com * djangopeople.net * dopplr.com * edenbee.com * emberapp.com * facebook.com * ffffound.com * flickr.com * fotb08.backnetwork.com * fotolog.com * friendfeed.com * getsatisfaction.com * github.com * google.com * hi5.com * huffduffer.com * identi.ca * jaiku.com * jpgmag.com * krop.com * last.fm * linkedin.com * livejournal.com * ufapi.lab.madgex.com * mashed08.backnetwork.com * meetup.com * microformats.org * mybloglog.com * mytvshows.org * mynameise.com * myopenid.com * myspace.com * newsvine.com * odeo.com * orkut.com * picasaweb.google.com * plaxo.com * plazes.com * profilactic.com * readernaut.com * seesmic.com * slideshare.net * stumbleupon.com * technorati.com * threadless.com * timespeople.nytimes.com * tumblr.com * twitter.com * upcoming.yahoo.com * vimeo.com * vox.com * spaces.live.com * yelp.com * youtube.com Content types definitions * Activity * Audio * Bookmarks * Entries * Events * Friends * Friends Status * Images * Interests * Lifestream * None * Profile * Resume * Services * Slides * Status * Video Schemas * Atom * FOAF * None * Rss * XFN * XFN-hCard * hAtom * hCalendar * hCard * hResume

Clicking on any of these tasks will take you to a page where you can run the script or copy the script code and its associated images.

Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.

If you have worked in your field for a while, there is a pretty good chance that you have a rather extensive portfolio. To make it a little easier to navigate, you will probably be tempted to break them into different categories. In this tutorial, I will show you how to make "filtering by category" a little more interesting with just a little bit of jQuery