Cascading Style Sheets (CSS) techniques, problems, bugs and fixes
I’ve been doing some more experimenting with CSS (god help us) and I’ve found a way to successfully store and retrieve data via CSS without page refreshes. In case you don’t know, CSK is my CSS Scripting Kit I’m developing. I plan to release the kit soon once I’ve polished some features. This is really [...]
I’m currently in the process of developing a CSS Scripting Kit called “CSK”, this kit will allow you to perform scripting actions that normally would be reserved for Javascript. I believe the standards that browser manufacturers are adopting create major security holes and if they don’t either create new security policies to adapt to this [...]
I think the single most insecure feature of internet browsers today is iframes, you can do too much with them and I feel I’ve only touched the surface with the examples I’ve shown. My next tool shows how simple it is to scan your entire local network from the internet using iframes, CSS and absolutely [...]
As the browser manufacturers add new features they can sometimes overlook the security implications which can often seem minor. I’ve found two such features which I think could cause problems.
CSS overlays
Iframes can be manipulated to show only a small area of the screen, even worse you can actually overlay any other item over the top [...]
So, I’ve been working this evening. I’ve created my first couple of pages using the sIFR (scalable Inman Flash Replacement) technique.
For those of you who’ve not heard of it, sIFR allows you to replace specific targeted elements. Remember how you used to make headers for every h1/h2/h3 in Photoshop, trim to fit then do the [...]
Well, no actually, they’re not.
They’re bad, real bad. Whether it be a default font face or default colour, it’ll make the average design sneer. Same goes for a coder. Unfortunately, with CSS, we’re dealt a large hand of default values that different browsers treat slightly differently. I’m looking at you, Internet Explorer.
A good solid [...]
This is about the least technical I can be so hopefully I won’t exclude you print designers out there.
Global wildcard
The * global wildcard references the entire tree of a css elements. If used on its own it references the whole css. It is useful for applying global rules and resetting the default styles.
* {
padding:0;
}
Clearing [...]
Getting away from all this tech speak here’s something a little more directed at the designers amongst you. Here is a great article and links about how to control the way web-site looks on the paper, enjoy.
http://www.smashingmagazine.com/2007/02/21/printing-the-web-solutions-and-techniques/