A brief whimper about Opera’s CSS3 support.
Opera is requiring special CSS markup for CSS3 features – not the first browser to do so but the trend is a repeat of what killed DHTML. Firefox, Chrome and IE have their own CSS markups for CSS3 features. Where are those developers who witnessed the destruction of DHTML because browsers all went in different [...]
Thoughts on CSS width:calc()
When I dig through all the CSS3 toys, I ask myself several questions: How can I use it? What need does it fill? How can I work around it for browsers that don’t support it? I am having trouble with justifying using width:calc()! It is not that it is not needed; IE6 needs it badly; [...]
Layering html with absolute positions in fluid html
Absolute positioning style=”position:absolute” provides a method to overlay html content. This allows for richer layouts and animations. Absolute positioned content appears above the content (by default – controlled by z-index) and additional content after the position absolute appears as if it were a background or as if the absolute positioned content were not taking any [...]
CSS gradients vs images and vs SVG
CSS gradients work in IE based browsers, Webkit (chrome, Apple eg Safarie, Ipod, Iphone), and Mozilla (Firefox) … however they do require different style tags. (see below). When compared to images: CSS gradients give a little bit of performance increase. An image used for a background gradient is normally very small around 5,000 bytes. Unless [...]
What does it mean to have advanced knowledge of CSS
Marketing people seem to throw around the words advanced, guru, expert without any apparent consideration for what those words mean. Let me give some definitions: Beginner: is somebody who is able to do some things with CSS. Knowledgeable: is somebody who is familiar on the majority of CSS commands and what they do. The should [...]
Cross browser CSS3 hover on non-anchor tags
All browsers but Internet Explorer handle hover on tags other than the anchor tag; the anchor tag is most often used for links. By using CSS hover one can make for example a drop down menu, by causing elements to appear when the mouse is placed over them; Without, using javascript. The solution to Internet [...]
CSS rounded corners in all browsers
IE does not support CSS3 rounded corners at this moment. However IE does have a method of extending their support for different styles which can be included in the style sheet. These IE style extensions are called behaviors. On Google code site exists border-radius.htc when this file is uploaded to a site. It can be [...]
Pure CSS transparent image rollover for layered themes
Each div or block element ‘background’ style provides a single layer for graphic design, accessible through the style sheets of the page and site. <style type=”text/css”> .topimage { background: url(sky.jpg); height:116px; width:960px } </style> Links can also be treated as blocks and a background image can be used – I am just using a plain [...]
Using DIV wrappers with jQuery for rapid animation design.
Imagine a scrolling image the image scrolls to the right – a focal point and then Links and text appear using an animation at a synchronized time. Likely you are thinking flash as a video has no links (until html5 is mainstream) and if this was not an already created effect from an existing library [...]
Outside the box on html forms
With CSS html forms are no longer limited to white boxes. There is no need for a box at all. The border of an input field can be set to zero and the background can be set to transparent. <div style=”background: url(HTML/myform.jpg)”> <input type=”text” style=”border:0; background: url(HTML/transparent-white.png); color:red”> </div> Whatever the imagination can come up [...]
