Opera Developer Community

A CSS-only scrollable timeline, Part 1

By Alexander Futekov · 25 Aug, 2010

One increasingly common feature on web sites is a horizontally scrolling timeline — used in such apps as Google calendar. Questions you might have are "how can I create a smoothly scrolling timeline using only HTML and CSS?" and "how can I keep the information accessible?". In this article we answer these questions and more. Enjoy!

Read article | Discuss [3]

Web accessibility for cognitive disabilities and learning difficulties

By Ian Pouncey · 4 Aug, 2010

The number of people with cognitive disabilities using the Web is comparable to those with visual impairments using the Web, yet the factors involved in making sure a web site is accessible to those with cognitive disabilities are much less well understood. In this article well will redress the balance, giving you a gentle introduction to the area of web accessibility for cognitive disabilities.

Read article | Discuss [0]

Building a custom HTML5 video player with CSS3 and jQuery

By Cristian-Ionut Colceriu · 28 Jul, 2010

In this article we make full use of the HTML5 video element and associated media elements API — along with jQuery and some CSS3 magic — to make a fully-customizable, themeable HTML5 video player. To round things off, the player is encapsulated as a jQuery plugin for easier reuse.

Read article | Discuss [7]

Mobile-friendly: The mobile web optimization guide

By Bruce Lawson · 28 Jul, 2010

Everyone wants to make their sites “mobile friendly” these days — the mobile web market is becoming big business. This article takes you through the different available strategies for making your websites mobile browser compatible, sharing many tips and tricks along the way.

Read article | Discuss [3]

Cross-browser CSS box-shadows

By Rustam Gaffanov · 15 Jul, 2010

CSS3 box-shadow is a very useful property — creating drop shadows programmatically can save web designers a lot of time in image editing software. However we have a problem if we need to replicate those shadows in Internet Explorer, which does not support this property. In this article, we present a cross-browser solution that uses box-shadow in supporting browsers, and IE filters to fake the drop shadows in IE.

Read article | Discuss [3]