Cool rockhand!
a {
cursor: url(/hand.cur),url(/hand.png),auto;
color: #000;
text-decoration: underline;
outline: 0;
-webkit-tap-highlight-color: rgba(180,0,25,.5);
}
See the links at large.nl
Tag: stylesheet
iOS fixed layers and scrolling
If it does not scroll as expected on iOS, try:
height: fit-content;
height: -webkit-fit-content;
height: -moz-fit-content;
overflow-y:scroll;
-webkit-overflow-scrolling: touch;
That’s all! Continue reading iOS fixed layers and scrolling
prevent caching
Prevent caching?
change the HEADERS!
Cache-Control: no-cache, no-store, must-revalidate Pragma: no-cache Expires: 0
GOOD INFO HERE:
https://stackoverflow.com/questions/49547/how-to-control-web-page-caching-across-all-browsers
iphone ipad ugly form buttons
Just correct this using CSS.
The appearance property is used to display an element using a platform-native styling based on the users’ operating system’s theme.
.thing {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
center
Centering things in CSS is the poster child of CSS complaining. Why does it have to be so hard? They jeer. I think the issue isn’t that it’s difficult to do, but in that there so many different ways of doing it, depending on the situation, it’s hard to know which to reach for.
So let’s make it a decision tree and hopefully make it easier. Continue reading center
Loading speed vs code readability
As a developer I like structured code. The browser however could not care less about the right amount of tabs and spacing; it just need to get the code, with as little data-traffic as possible.
So, what do I do? When speed is really important, I create my stylesheets and javascripts as I normally do, but then also convert these into a “.min’ version – minified, and refer to those from the html source code.
To get this done Continue reading Loading speed vs code readability