Alex Russell has been having a really interesting discussion with some standards folks about what is wrong on the Web right now, and it narrowed down to discuss CSS variables as a case study (it aint perfect, but get DRY and ship it!)
Alex tells it how it is, but people forget that he does this as he is passionate about the Web, and that he does also give credit and positive outlook IF it is due!
There’s been some buzz about the upcoming HTML 5 standard over the past few months. In particular, there are a couple of new features that people are looking forward to. One of them is the new <canvas> element which introduces a 2D drawing API offering a pretty rich set of functionality. If you’ve worked with HTML much, you can probably imagine some of the things that become possible with this. In fact, those are probably some of the same things that Flash and Silverlight are being used for today! So some people have gone as far as to suggest HTML 5 could eliminate the need for Flash and Silverlight…
Recently I’ve been reading a lot of articles on HTML 5 (such as on Zeldman.com and HTML 5 Doctor), and have seen a few reoccurring false perceptions in the comments. While some may seem funny for those following HTML 5’s progress closely, a lot of people aren’t, nor can they be expected to.
So in addition to the WhatWG FAQ, here are some common misunderstandings (and their explanations), written at a less technical level. My apologies for any overuse of the interrobang 
Webkit is one of the few – if only – browser engines that really embraces advanced CSS3 effects. Unfortunately, this presents somewhat of a double-edged sword. We get to play with all of these amazing effects – such as CSS masks, reflections, transitions, animations, scaling, etc. – yet, we can’t truly implement them into our projects until more browsers provide support. With all of that said, it’s important to be on the cutting edge of what’s possible.
In today’s video tutorial, we’ll review a bunch of different neat effects that can be used in Safari 4, Chrome, and for all iPhone development.
In the last weeks I frequently received a question about how to use CSS3 border-radius property to draw HTML elements with rounded corners in Internet Explorer. How you know CSS3 border-radius property is natively supported in Safari, Firefox and Chrome but for some mysterious reason this property is not supported in Internet Explorer.
HTML 5 will include tools to play and display video and audio inside the browser, with just one simple HTML tag. While they’re crucial currently, you may find yourself asking ‘who needs plug-ins now?’
BROWSER PLUG INS ARE, to say the least, awkward. You never know just what your users have installed, or even which versions they support. We’ve all been there, with a fresh install of Firefox, suddenly finding we don’t have the right plug-in or codec to see the video that’s waiting for us on someone’s site. It’s frustrating and annoying, and sometimes it’s just easier to go somewhere else.
HTML 5 is intended to make that go away. Not only does it add video and audio tags that work just like our old friend
Microsoft finally decided to share the IE team thoughts on HTML5, unfortunately their feedbacks are mostly negative, and are a bit late for some elements they are arguing.They review a lot of “established part” of the recommendation, and would they have joined the discussion before this point, most of their feedback would have not been necessary today.
It is unfortunate that they do not speak about canvas, audio and video tags. These tags are a major update over the HTML4 specs. Some people (including me) think that they will not implement these tags because of the competition it would provide to Silverlight, which they have been trying to bring to the global market for years.
CSS 3 is just around the corner and is bringing some really interesting features to the web design world with easy to implement rounded corners and opacity, multi-column layouts and other techniques that a web developer uses on a day by day basis.
These are some tutorials that I found very interesting and that work as a sample of what you can do with CSS3.
The latest wave of web browsers have pretty decent support for a variety of CSS3 stuff. Particularly Safari 4 and Firefox 3.1. This screencast covers many of the techniques now possible, focusing on the ones that can be used for progressive visual enhancement. Border radius, @font-face, animations/transitions, text-shadow, box-shadow, multiple backgrounds, RGBa, gradients, border image…
How to use CSS3 today with safety to create visible effects in all browsers? Simple! Hiding it in jQuery! In this way your problem is just to know if the browser supports jQuery. Today we show yuo a useful list to learn to use CSS3 via jQuery but let’s start with some info and examples about the CSS3 code to understand how to use it after with jQuery.