You can do a lot with css3 transitions and I’m not going to get into that here. But I am going to show you a simple line of css you can start using now to add a nice smooth animation to your :hover effects. (more…)
Social Tag: “CSS”
Easy css3 transitions
May 01 2012
PHP Shorthand Conditional Statement
May 01 2012
Here’s another quick hit from my php snippets. You can see a review of a lot of ways to do this on David Walsh’s post on the subject. However, I wanted to write it as short as possible to be used within pages. I use this a lot to add css classes into tags. (more…)
Facebook “Fan Us” fixed position side tab button
Mar 20 2010
Recently I’ve been seeing these “feedback” tabs fixed to the left or right side of websites that open up customer feedback forms by companies like UserVoice. While browsing websites that use this product, these buttons have really gotten my attention. So I thought.. why not make one to promote a website’s Facebook Fan Page, so more users become a fan? So I did, and here’s the code
(more…)
Custom Image Bullets for Unordered Lists using CSS
Oct 01 2008
Unordered lists <ul> have become quite a staple in the modern web developer’s tool box. We’ve taken them quite far with fancy menus and the like. However, we seem to forget about styling good ‘ol lists! While we often put basic lists onto our sites, they do sometimes get a bit bland and it would be nice to spice them up a bit. Well here comes your guide to making your lists a bit more visually stimulating using a little css. (more…)
Ultimate Image Replacement
Sep 24 2008
What is image replacement? If you are a web developer who cares about standards you have surely come across CSS image replacement techniques. If not, you can do a bit of research on the available methods of image replacement and the original Fahrner Image Replacement (FIR). The basic idea here is to use standard html markup containing text, and then replace it with an image using CSS. Using this method search engines and screen readers can understand the HTML, while at the same time your users get to see the image of the text. This is generally used when a web developer (or client) needs wants to use a specialized font for page headings instead of a web friendly font. (more…)
Hello world!
Sep 20 2008
Yes after all this time, I have decided to start a blog. “Why?” you ask. Well, I’ve been a web developer for over 7 years, and it just got to the point where I had too many ideas, experiences and work I wanted to publish. So, if you want to hear my tips and tricks ranging from css to javascript to design be sure to subscribe to the RSS feed. I also hope to throw in some occasional posts on tech gear, software, music, travel, and fashion as well. (more…)