Tutorials

CSS Message Boxes

Posted by SimcoMedia Design on Aug 27, 2011 in CSS | 0 comments

Colorful boxes containing tips, info, links and even warnings are very helpful in providing a positive visitor experience in navigating your website. Message boxes are sometimes the best way to point towards a specific link, state the importance of a certain item in the page, or even warn the visitor of something they should know.

Share on Facebook

Hide Email Address From Spam Harvesters with JQuery

Posted by SimcoMedia Design on May 25, 2011 in JQuery, Tutorials | 0 comments

I used to scramble email addresses embedded into web pages so the spam harvesters wouldn’t snag them by searching the source code for the mailto: tag. Then I came across this great and simple way of using JQuery’s Ajax functionality to do the trick.

Share on Facebook

CSS and JQuery Zebra Stripes

Posted by SimcoMedia Design on May 13, 2011 in CSS, JQuery | 0 comments

Looking for an easy way to create that striped look for your tables? Plus, add a little excitement with some hover effects? Well, here’s a quick example of how easy that is to do with a bit of CSS, HTML and good ‘ol JQuery!

Share on Facebook

Mega Web Buttons Pack #1

Posted by SimcoMedia Design on Apr 25, 2011 in JQuery | 0 comments

This awesome set of highly usable icon styled buttons is powered by JQuery and free! I came across this great article showing how to create the rollover effects and the proper way to implement these into your design.

Mega Web Buttons Pack #1.

Share on Facebook

CSS Box Shadow

Posted by SimcoMedia Design on Apr 16, 2011 in CSS | 0 comments

Ever wanted to isolate some text? An important message perhaps? This simple shadow technique creates an elegant shadowed border around your important content. Although it’s not 100% cross browser compatible (based on CSS3) most modern browsers will display it properly.

Share on Facebook

CSS Ribbon Titles

Posted by SimcoMedia Design on Apr 26, 2010 in CSS, Tutorials | 0 comments

In a quest to use something different for my sidebar titles I started looking at some of the options for creating those cool looking 3D style ribbons where the edges fold neatly on the outside of the container holding the text. There’s a bazillion examples of this and most of the tutorials I saw were leaning toward CSS3 to do all the work.

Share on Facebook