[Re]Encoded.com

How to Learn CSS3

Welcome the new age with a new technique. As time continues to grow then we must inevitably follow if we do not want to be called outdated.

Now we should have started learning the new techniques of CSS. CSS 3 has given us an easy way to create the effect / style to an HTML element by abandoning the old way, aided by Javascript and JQuery.

CSS3 is the new kid on the family stylesheet. Offers new possibilities for creating interesting effects on the design of your site, enabling you to use more diverse style sheets for different occasions and more. Since this is new, there are some that have not been compatible browser to CSS3. You can view a list of compatible

Modernizr

Modernizr used to help the browser does not support CSS3 features to be translated. Thus, if a web developer is using CSS3, but the browser is not supported, then the problem will be solved Modernizr library.

More »

CSS Transparency Sources

Transparency in images and backgrounds occurs everywhere on the web. A few years ago, it was not a reliable trick on every browser. Currently you need to code CSS specifically for different browsers, but you can consistently achieve the transparent effect on all browsers.

The best place to learn the basics is to use the W3schools tutorial on image transparency. After you understand the basics you might want to progress to using CSS for all browsers. These techniques will get you started, but it is not as simple as it seems. According to Robert Nyman, you may encounter a problem with a child element’s inheritance.

More »

CSS Techniques that Turn a Dream into Reality

CSS has amazed us with the flexibility that it comes with. You can create a number of functions that you didn’t think were possible unless you used technologies such as Flash or jQuery. Below we’ve taken the time to round up various CSS techniques that can turn a “dream” into a reality.

CSS Based Image Maps

The CSS hides the definition-term (which is really used for when CSS is disabled), as well as the definition-description (displayed upon hover of the anchor) and displays the definition description (in this case, the description of the hotspot(s) you’ve chosen for your imagemap), and absolutely positions and displays the description upon rolling over the hotspot (also defined in the CSS).

More »