Get Listed | Home | Services | Free Quote | Jobs | FAQ | Tutorials | Templates | News | Advertise
 

CSS3 Rounded Image With jQuery

leads


20 Inspiring Examples of Colorful Web Designs

20 Inspiring Examples of Colorful Web Designs



How Drupal CMS stands above the rest

How Drupal CMS stands above the rest



Arranging and Designing Synchronized User Interfaces

Arranging and Designing Synchronized User Interfaces



Our favorite tweets of the week May 23-May 29, 2011

Our favorite tweets of the week May 23-May 29, 2011



21 Excellent Examples of Sliders in Web Design

21 Excellent Examples of Sliders in Web Design



Article Tags
web design
Inspiration
design
Compilation
Freebies
Tips
Best Of
Twitter
Humor
Funny
Comics
Resources
Premium
typography
fonts
Article
jerry king
css
Uncategorized
WordPress


Web Designers
Alabama
Arizona
California
Colorado
Connecticut
Florida
Georgia
Illinois
Indiana
Maryland
Massachusetts
Michigan
Missouri
Nebraska
Nevada
New Hampshire
New Jersey
New Mexico
New York
North Carolina
Ohio
Oklahoma
Oregon
Pennsylvania
Rhode Island
South Carolina
Tennessee
Texas
Utah
Vermont
Virginia
Washington DC
Washington


PHP
Coldfusion
ASP
CSS
J2EE
DOT.NET
MySQL
SQL
PERL
JAVA
Dreamweaver
FrontPage
JavaScript
ActiveX
Flash
Video
AudioMP3
HTML
FLEX
AJAX
DHTML
XHTML
XML
WEB 2.0
SEO
Web-Hosting
Ruby
iPhone
Facebook
Twitter
Blogs
Joomla
Wordpress
Templates
Animation
E-commerce
Shopping-Carts
Paypal
Content-Management
JSP
Widgets
Linux
Apache
Photoshop
Drupal
Android
iPad

Compare 8 Free Web Design Bids
Service:
Location:
Budget:
Deadline:
Compare: Web Design Calculator | Web Design Cost Guidelines

CSS3 Rounded Image With jQuery

Leadin Image

The other day I was trying to style CSS3 border-radius to image element and I realized that Firefox doesn’t display border-radius on images. Then I figured a way to work around it — wrap a span tag around with the original image as a background-image. Thanks to Darcy Clarke for the jQuery code which does the magic tag wrapping automatically.

View Demo Rounded Images (more…)

Source http://www.webdesignerwall.com/tutorials/css3-rounded-image-with-jquery/
Wed, 30 Jun 2010 12:32:21 GMT
Tags: CSS, Javascript, Tutorials,
West islip Web Design, Lake orion Web Design, San juan Web Design, Daytona beach Web Design, Garland Web Design, Palm Beach Web Design, Tacoma Web Design, Salem Web Design, Paulsboro Web Design,

CSS


CSS: Clearing Floats with Overflow

One of the common problems we face when coding with float based layouts is that the wrapper container doesn’t expand to the height of the child floating elements. The typical solution to fix this is by adding an element with clear float after the floating elements or adding a clearfix to the wrapper. But [...]

HTML5 Grayscale Image Hover

Once upon a time, grayscale image has to be manually converted in order to be displayed on the web. Now with HTML5 canvas, images can be manipulated into grayscale without having to use image editing software. I’ve put together a demo to show you how to use HTML5 & jQuery to dynamically clone color images [...]

The Simpler CSS Grid

Last week I talked about 960 Grid System is Getting Old. Surprisingly a lot of comments have been made. It seems like people are using 960gs because of the "golden ratio" — all numbers are even. I’m a designer, not a grid scientist. Why restrict your layout so that it can fit into this 960gs? [...]

Javascript


The secret power of bookmarklets

 /></a><p><a
href=Advertise here with BSA


Bookmarklets are special links that users can add to their browser’s favorites. These special links include code (i.e. not just a target URL), and they trigger various kinds of useful functionality, allowing you to modify and extend any web page. Once you begin using and building your own, you will no longer see web pages [...]

Tutorials


Common Design Styles Used in Album Artwork

Whether we’re on iTunes or Spotify, browsing stores (both online and off) or watching advertisements on TV or in magazines, it’s safe to say that admiring album cover art is a part of daily life for many of us.t As long as music exists, the album design industry will thrive, regardless of how we listen [...]


Valid CSS! Valid HTML 4.01 Transitional
Privacy and Terms Of Service | RSS | Logo Wall | PHP Programmers | Web Design Cost
Web Design Quote | Custom Bids | Design Freelancers | SEO India | Tutorials | Color Psychology
| E-commerce Design | Design Firms Web Designer Reviews | Top Design Firms Top Web Designers |

Web Design Directory: web design, web designer, web page and web site design, development firms, programming and HTML.

© 2005 - 2011 WebDesigners-Directory Dallas, Texas USA 75042