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
jQuery Dropdown Check List
Viewed 1548 times since Thu, Jan 14, 2010
New Tags Introduced in HTML5
Viewed 1544 times since Sat, Apr 3, 2010
Free 3D Flash Image Slider - Piecemaker
Viewed 2061 times since Sun, Apr 4, 2010
dTree - Flexible JavaScript Tree Menu
Viewed 1782 times since Thu, Jan 14, 2010
Web Form Elements in PSD Format
Viewed 1214 times since Sun, Dec 27, 2009
Web Usability Testing Tool - Clixpy
Viewed 1652 times since Sat, Jan 9, 2010
Admin Skins - Constellation Complete Admin Skin
Viewed 1467 times since Thu, Aug 12, 2010
How do I add and register extra domain names?
Viewed 3879 times since Fri, Oct 9, 2009
Review of Mobile Web Application Frameworks
Viewed 1606 times since Mon, May 9, 2011
jQuery Slider from a Select Element
Viewed 2741 times since Thu, Jan 14, 2010