Last week Adobe announced they are jumping into the Web Fonts game in a partnership with Typekit:
For this debut of Adobe Web Fonts, I think we’ve made some great choices. Everyone knows Myriad and Minion — pervasive workhorse sans serif and serif typefaces, respectively, which will prove to be as useful on the web as they have been [...]
The last month has seen an interesting back and forth over CSS Media Queries. In a nutshell, CSS Media Queries make it possible to apply style sheets only if certain properties are available on the display device. For example, you could have a stylesheet only display for screen devices with a maximum screen width of [...]
Don’t be bummed it’s Monday, ‘cuse the CSS3 Song is here to cheer you up:
How can you go wrong with lyrics like this:
CSS3
Web animation done properly
CSS3
Degrading gracefully
I had a dream, an awesome dream
People surfing in the park
On Windows, Linux and Mac
And their page load speeds were oh-so-high
No big JavaScript library
Just to show some eye-candy
CSS3
Web animation [...]
Via Zachary Johnson (aka the Zachstronaut) comes a cool experiment using pure CSS to generate pulsing rings/map markers. He’s put together a nice video explaining the concept:
He has a cool demo (Chrome or Safari + Snow Leopard only) of the effect. If you have a supporting browser you should the demo animating inline below:
The pulsing [...]
We’ve seen a number of nice CSS3 generators. I stumbled across another one recently that has a nice set of features for autogenerating the following from a single CSS3 generator web page:
Border Radius
Gradients
CSS Transforms
CSS Animations
CSS Transitions
Text Shadow
Box Shadow
Text Rotation
@Font Face
Thomas Fuchs has some good performance things to say reflows and rendering. A video of wikipedia gives you an idea of how much happens when a basic page is rendered:
The advice?
The important thing is to always remember that reflowing and rendering HTML is the single most expensive operation browsers do. If your page feels [...]
For several years now, I have been consistently impressed with how Microsoft’s developer division gathers feedback and proactively responds. Nearly every time that I’ve participated in a survey or otherwise provided feedback (solicited or not), someone has followed up with me about my specific concerns. In my experience with how other large companies gather feedback, [...]
You’ve been reading Improving client-side development in Visual Studio, originally posted at Encosia. I hope you enjoyed it, and thanks for reading.
Related posts:
Over at the the YUI blog the team just announced the preview release of YUI 3.2.0. YUI3 now has some interesting new features that the team wants you to try and tell them if they work out for you. The changes to the already very powerful library are quite ambitious:
Touch event support for mobile interfaces [...]
Everyone’s chomping at the bit to leverage new HTML5 and CSS3 features but with some older browsers not supporting them, hacks are still needed to make things work in a cross-browser fashion. We’ve seen libs that make things easier such as Remy Sharp’s html5shiv and Modernizr and now we can add another one.
Jason Johnston’s new [...]
Franz Enzenhofer has created a nice new webkitTransform plugin that helps you manage transforms and state.
Franz tells us more:
With jQuery.css you can’t easily change the webkitTransform CSS because webkitTransform is not your average CSS.
If in one step you add .css(’-webkit-transform’, “rotate(20deg)”) and in the next step .css(’-webkit-transform’, “scale(2.0)”) the rotate value gets reset, as you [...]