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
Quick Tables for Showing & Updating DB Data
Viewed 888 times since Sun, Dec 27, 2009
10 Most Popular JavaScript Frameworks
Viewed 814 times since Thu, Jul 8, 2010
Google Skipfish - Web Application Security Scanner
Viewed 916 times since Mon, Mar 22, 2010
mbSlider - Highly Customizable Content Slider
Viewed 854 times since Mon, Jul 26, 2010
Web Usability Testing Tool - Clixpy
Viewed 1118 times since Sat, Jan 9, 2010
Plupload - Multiple Files Upload Script
Viewed 1081 times since Tue, Feb 9, 2010
Web Application Security Tools & Scanner Applications
Viewed 1165 times since Mon, Mar 22, 2010
ValidForm Builder - Creating Forms With Validation
Viewed 777 times since Wed, Apr 21, 2010
MENU