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

 

5 (1)
Article Rating (1 Votes)
Rate this article
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
ProFolio - Instantly Create Free Portfolio Website
Viewed 1620 times since Sun, Jan 3, 2010
How to password protect folder/files using htaccess file?
Viewed 1131 times since Sun, Mar 14, 2010
TinyBox - JavaScript Lightweight Modal Window Popup Script
Viewed 1701 times since Fri, Jan 8, 2010
How do I setup and use SSH?
Viewed 1747 times since Thu, Oct 15, 2009
Featured Items Widget with jQuery
Viewed 1453 times since Sun, Dec 27, 2009
How can I change session timeout value?
Viewed 1071 times since Tue, Apr 27, 2010
What is Search Engine Optimization?
Viewed 1481 times since Fri, Jun 25, 2010
Free IP to Country, IP to City Database & API
Viewed 1507 times since Thu, Dec 31, 2009
Axiis - Open Source Data Visualization Framework
Viewed 1411 times since Thu, Jan 7, 2010