This one took me a little while to understand what the demo was really doing. It definitely is a nice little bit of polish and attention to details — making for a subtle, but nice effect in a slider gallery.
Funny enough, I like the little CSS-based gradient effect to make sure light text shows up on whatever background is utilized. I’ll actually utilize that a lot more than the tutorial as a whole.
Love this idea from David Walsh. Prefixes are the bane of CSS, and I love the idea of the web browser becoming the processor for CSS properties that it knows need prefixing.
The one complexity comes in with prefixes that change the syntax within the properties. This may be a case that only applies to older versions of IE (examples I’m thinking of are all old IE browsers). But auto prefixing would old help with new browsers going forward, unless I’m misunderstanding.
Autoprefix for older browsers would have to have a JS framework to work for older versions of browsers. Beyond that, I’m not seeing any reason why browsers going forward couldn’t and shouldn’t auto prefix.
Yay, no prefixes in the CSS! They seem pretty adamant about it. I really hope it works out well and becomes the standard to you know… use the standards.
Ah, isn’t it cool to see how far we’ve come? While there are still a fair amount of restrictions and browser compatibility, there are some cool things that can be done by combining some CSS with good ol’ jQuery.
Check this jQuery plugin out that allows a simple way to have curved text that’s actual text — and not a graphical representation of text. Love it — as long as it’s used sparingly and appropriately.
How to Curve Your Text Using CSS3 and jQuery – Arctext.js Responsive jQuery Plugin
Friend and co-worker asked me this morning if I knew of a way to make text scale to always fill the width of its parent element. I was pretty sure it couldn’t be done with just CSS, and especially be cross-browser compatible.
A co-worker sent this out yesterday, and just had to post it here on Keefr.com as well:
This is right up my alley: fast loading and efficient mobile. While this is pretty extreme, it’s pretty cool at the same time — minimizing load time to the nth degree.
Nice list of ways to support retina displays (higher end smartphones and laptops mainly).
I like that it still makes the assertion that despite us in the design and development communities, high density displays are still the exception, rather than the rule. But those numbers are getting larger as time goes on.
This site touts itself as the ultimate CSS tools for web designers. I’m not sure it’s the ultimate, but the gradient generator, border radius and box shadow tools are nice for some quick CSS code when you’re mocking up or building a site.
A co-worker shared this with the Interactive team a couple weeks back. Wikipedia has a nice page on what web browsers are being used where worldwide:
