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
What is jQuery?
Viewed 1063 times since Tue, Dec 1, 2009
jQuery MultiSelect Plugin with ThemeRoller Support
Viewed 2542 times since Thu, Feb 4, 2010
Advanced Backup System - PHP Backup Script
Viewed 1380 times since Wed, Jul 28, 2010
PHP Interview Questions with Answers - Part 1
Viewed 1444 times since Mon, Jan 11, 2010
tgrdfgdgfdg
Viewed 1169 times since Sun, Jan 17, 2010
PHP For Android Project - Interview with Lead Developer
Viewed 1291 times since Mon, Jul 26, 2010
Create Full Screen Slideshows With Supersized
Viewed 1363 times since Tue, Jan 5, 2010
Making A Basic PHP Template System
Viewed 1232 times since Tue, Dec 8, 2009
Review of Mobile Web Application Frameworks
Viewed 1644 times since Mon, May 9, 2011
UI Patterns - User Interface Design Pattern Library
Viewed 1418 times since Thu, Dec 31, 2009