3 Simple Steps to Create a CSS Beacon

Thursday, February 3, 2011

Often times, maps seem to need beacons to display where the location you’re headed to is located. So, I’ve created this quick little tutorial on creating a beacon using only some CSS. Here’s the HTML that we’ll be working with: <div class=”map”> <img src=”http://upload.wikimedia.org/wikipedia/commons/thumb/0/03/BlankMap-World6.svg/200px-BlankMap-World6.svg.png” alt=”SVG World Map”> <div class=”marker”></div> </div> #example1 .map, #example2 .map, #example3 [...]

Comments (1)

CSS Jelly Buttons

Friday, January 8, 2010

I keep seeing these nice looking jelly button images, but I was wondering if there’s a decent way of creating these jelly buttons without using images. Since CSS3 is now becoming popular, I decided to try to create one just using HTML and CSS3. So, if you would like to create a 3D looking jelly [...]

Comments (2)

CSS Gradients

Monday, June 1, 2009

Recently, I changed the index page of my site. One thing I added was a CSS linear gradient to the boxes that display content. I had a lot of fun trying out the CSS gradients and learning how to use them. I also learned that they’re so easy to create. I believe that they’re much [...]

Comments (2)