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
jQuery Slider from a Select Element
Viewed 2894 times since Thu, Jan 14, 2010
30 High Quality Charts & Graphs for Web Developers
Viewed 3686 times since Wed, Mar 23, 2011
TipTip - jQuery Tooltip Plugin
Viewed 1344 times since Thu, Jan 28, 2010
Advanced Backup System - PHP Backup Script
Viewed 1471 times since Wed, Jul 28, 2010
10 AJAX based PHP WebMail Clients
Viewed 2015 times since Mon, Jul 26, 2010
SEO (Search Engine Optimization) vs SEM(Search Engine Marketing)
Viewed 1059 times since Mon, Jul 12, 2010
Facebook Style Chat Script - ArrowChat
Viewed 1410 times since Tue, Aug 3, 2010
MENU