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
PHP Script For PDF to HTML Conversion
Viewed 5781 times since Tue, Dec 15, 2009
Web Application Security Tools & Scanner Applications
Viewed 1459 times since Mon, Mar 22, 2010
SlideDeck - Cool jQuery Slideshow Plugin
Viewed 1230 times since Thu, Feb 4, 2010
Google Maps jQuery Plugin
Viewed 1161 times since Thu, Jan 7, 2010
Search Engine Optimization: Tags of Importance for SEO
Viewed 1076 times since Tue, Oct 12, 2010
What is jQuery?
Viewed 965 times since Tue, Dec 1, 2009
Open Source WYSIWYG Editor
Viewed 1411 times since Thu, Jan 7, 2010
Facebook Style Chat Script - ArrowChat
Viewed 1231 times since Tue, Aug 3, 2010
ICEpdf - Open Source Java PDF Library
Viewed 1387 times since Wed, Jan 6, 2010
How to change default web page using htaccess?
Viewed 1440 times since Sun, Mar 14, 2010