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 Interview Questions with Answers - Part 1
Viewed 1446 times since Mon, Jan 11, 2010
How can I change session timeout value?
Viewed 1143 times since Tue, Apr 27, 2010
ValidForm Builder - Creating Forms With Validation
Viewed 1164 times since Wed, Apr 21, 2010
Making A Basic PHP Template System
Viewed 1234 times since Tue, Dec 8, 2009
How to prevent access to a specific file on server using htaccess?
Viewed 1288 times since Sun, Mar 14, 2010
Google Web Toolkit - Version 2 Released
Viewed 1234 times since Tue, Dec 15, 2009
File Upload in PHP - PHP File Upload Script
Viewed 2648 times since Thu, Nov 5, 2009
AeroSQL - Web Based MySQL Management
Viewed 1380 times since Wed, Feb 24, 2010