Article Diary - General Knowledge Digest

Speech Bubbles With Pure CSS3

Nicolas Gallagher is sharing a creative way on creating good-looking speech bubbles with CSS3. There are no images or JavaScript in the implementations but uses the :before and/or :after pseudo-elements to produce basic shapes.

CSS Speech Bubbles

The HTML remains semantic however we should remember that CSS3 is not fully supported by all major browsers & we may again require JavaScript to add this support (like IE7.js).

Compatibility: Web Browsers With CSS3 Support

Website - http://nicolasgallagher.com/progressive-enhancement-pure-css-speech-bubbles/
Demo - http://nicolasgallagher.com/demo/pure-css-speech-bubbles/bubbles.html

 

Attached Files
There are no attachments for this article.
Comments
There are no comments for this article. Be the first to post a comment.
Name
Email
Security Code Security Code
Related Articles RSS Feed
Meerkat - jQuery Plugin for Promotional Content
Viewed 994 times since Tue, Dec 29, 2009
45 jQuery Navigation Plugins and Tutorials
Viewed 2339 times since Thu, Jan 28, 2010
Free 3D Flash Image Slider - Piecemaker
Viewed 1637 times since Sun, Apr 4, 2010
IE6 CSS Fixer - Web-Based IE6 CSS Fix Tool
Viewed 1029 times since Thu, Dec 31, 2009
Admin Skins - Constellation Complete Admin Skin
Viewed 1257 times since Thu, Aug 12, 2010
10 Most Popular JavaScript Frameworks
Viewed 1002 times since Thu, Jul 8, 2010
How can I change session timeout value?
Viewed 967 times since Tue, Apr 27, 2010
SlideDeck - Cool jQuery Slideshow Plugin
Viewed 1120 times since Thu, Feb 4, 2010
Axiis - Open Source Data Visualization Framework
Viewed 1273 times since Thu, Jan 7, 2010
Embeddable Google Document Viewer For Websites
Viewed 961 times since Fri, Mar 11, 2011
MENU