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
50 Free And Quality Web Icons
Viewed 1755 times since Tue, Jan 5, 2010
Web Application Security Tools & Scanner Applications
Viewed 1497 times since Mon, Mar 22, 2010
Create Dynamic Tabs with jQuery
Viewed 1116 times since Sat, Feb 6, 2010
Use PHP Functions In JavaScript with PHP.JS Library
Viewed 1029 times since Fri, Jan 8, 2010
Free JavaScript Charts Library - JS Charts
Viewed 1178 times since Sun, Dec 13, 2009
What is jQuery?
Viewed 996 times since Tue, Dec 1, 2009
Advanced Backup System - PHP Backup Script
Viewed 1303 times since Wed, Jul 28, 2010
Best Free Web Icons for Different Purposes
Viewed 1313 times since Mon, Dec 28, 2009