CSS Articles
-
MDN Learning: A place to ratchet your Web development skills
If you’re looking to improve your Web development skills, we have compiled some great resources from around the Web to help every level of developer dig into their favorite open Web technologies. Our new MDN Learning space serves as a starting point for anyone interested in learning more about Web development. While there is already […]
-
Promoting the use of new web technologies in Lithuania
Last week around 2500 developers, designers, entrepreneurs and managers came to Vilnius, Lithuania to attend the fifth Login conference. Speakers included people from Nokia, Wired, Flattr.com (run by the founder of the Pirate Bay), Tate Modern and Amnesty international and the conference covered everything from viral video over web security and privacy up to bleeding […]
-
Firefox 4 Demos: Awesome CSS3 Planetarium
O hai pixel lovers! Check out this gorgeous CSS3 demo: Planetarium, by the LittleWorkshop team (@glecollinet & @whatthefranck). Screencast: Youtube link. Gorgeous Animations The principal feature show-cased in this demo is CSS3 Transitions. The animation between the welcome-screen and the planet-screen, and the animation between the different planets are powered by transitions. But there are […]
-
Zooming and rotating for video in HTML5 and CSS3
The source of the code examples in this post is available on GitHub and you can see the demo in action. There are dozens of video players that allow you to do all the normal things with videos: play, pause, jump to a certain time and so on. More advanced ones also allow you to […]
-
A call for quality HTML5 demo markup
HTML5 is a necessary evolution to make the web better. Before the HTML5 specs were created we used (and still use) a hacked together bunch of systems meant for describing and linking documents to create applications. We use generic elements to simulate rich interaction modules used in desktop development and we make assumptions as to […]
-
Spirit of Indiana (Jones) – syncing HTML5 Video with Maps
I’ve always been a big fan of the travel/flight sequences in the Indiana Jones movies and judging by the amount of copy attempts on YouTube I am not alone in this. As I don’t own any video editing software I thought it should be possible to create the same effect with web technologies and Google […]
-
Firefox 4: OpenType font feature support
When @font-face support was introduced in Firefox 3.5, web authors were suddenly given a way of dramatically enhancing the typography used on their sites. With all major browsers slated to soon support WOFF fonts offered by many font vendors, the range of fonts available on the web is far wider than it was just two […]
-
Firefox 4: Drawing arbitrary elements as backgrounds with -moz-element
This is a guest post by Markus Stange. Markus usually works on the Firefox Mac theme implementation, but this time he went on a small side trip through the Gecko layout engine in order to implement -moz-element. In Firefox Beta 4 we’re introducing a new extension to the CSS background-image property: the ability to draw […]
-
Firefox 4 Beta 2 is here – Welcome CSS3 transitions
As we have explained before, Mozilla is now making more frequent updates to our beta program. So here it is, Firefox Beta 2 has just been released, 3 weeks after Beta 1. Firefox 4 Beta 1 already brought a large amount of new features (see the Beta 1 feature list). So what’s new for web […]
-
Firefox 4: CSS3 calc()
This article describes the CSS3 calc() value. This feature hasn’t landed yet in any Firefox tree but work to implement it is underway. Firefox will support the CSS calc() value, which lets you compute a length value using an arithmetic expression. This means you can use it to define the sizes of divs, the values […]