During my work as frontend coder I had a task to place some white text on dynamic background image and the problems would accrue if background image was white so text wouldn’t be readable. This isn’t really every day requirement but it can be very useful. The solution I’m using is outline text JS, originally written by Anthony Ryan Delorie.
You can use this JavaScript in two ways, to outline text and to add shadow to text. It works in all major browsers. Click here for demo.
8 comments so far
Design Javascript
Random post
In “PNG transparency issues” I’ve written about some of many IE problems later on in “Yellow fields in web form” I’ve mentioned focus fix but now I would like to introduce you to IE7 JavaScript library which can make our lives so much easier
IE7 is a JavaScript library made by Dean Edwards to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6
8 comments so far
Hacks Javascript
Random post
“Everybody’s doing it” is just the right sentence for Google AdSense. Everywhere you look, sites are crowded with AdSense and why shouldn’t they if it’s easy way to make money. In this article you’ll find out how you can style your AdSense and also you’ll find out how AdSense really works.
First if you plan to have adsense on your site, you should design and plan your space and content based on it. Here you will find all ad formats and sample placements for them. Most popular placements are header, side bar with links and in the content itself
15 comments so far
Design General
Random post
Ever seen on some site whole content area with images etc as just one link? Usually there’s some hover for the background and they are mostly on the sidebars left or right or let’s say on the footer. You can see live example on previous version of my portfolio here - those links on the right. This tutorial will show you how to do that with CSS, and tell you something more about display:block; option.
In this simple example I will go with <li> tag for it, because I think it’s used more, but also you can apply this for <div> tag.
12 comments so far
CSS Design
Random post