Awesome Speech Bubbles With Pure CSS3

In: web resources

9 Mar 2010

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.

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).

CSS3 Speech Bubbles

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: ,

Related posts


Go to Source

1 Response to Awesome Speech Bubbles With Pure CSS3

Avatar

jmfc

March 15th, 2010 at 5:23 am

Instead of pointing to the relative path for productdetails.php (without the /) have you tried pointing to the absolute path /productdetails.php for each product listed? that would force it to look off of the root directory of the site and not the relative directory (in this case product, which doesn't exist). I usually setup a var called 'domain' which contains the domain of the site I am working in, in this case it would be set to = and put this variable before all my links. This makes the code portal since you just need to change this one var when you move to a different URL or allows you to set this to a deeper directory in case you are using a dev server or somthing like domain =
this can really help with issues like this because then you will know you are always pointing to the full domain path.

Comment Form

About this blog

This blog delivers stylish and dynamic news for designers and web-developers on all subjects of design, ranging from: CSS, Ajax, Javascript, web design, graphics, typography, advertising & much more. Our goal is to help you communicate effectively on the web with an engaging website or functional interface.