Posts Tagged ‘CSS’

Besides Turn off the lights feature I explained earlier, YouTube has more great stuff. I believe that you noticed “change view” feature which allows you to switch between normal and wide mode and thus expand/shrink movie area. I like this feature because in different circumstances, I need a different view. But the thing I like the most is that, although layout changes, it is done seamingly and all the information remains easily accessible.

Download source (29kb) View demo

**************************************************** (more…)

The letterpress effect is becoming hugely popular in web design, and with a couple of modern browsers now showing support for the text-shadow CSS3 property it’s now simple and easy to create the effect with pure CSS. No Photoshop trickery here!

Letterpress – Isn’t that a type of industrial print method? That’s right! But the effect has also made its way into web design. Check out the previous feature showcasing examples of how designers are using this cool ‘de-bossed’ look on designs across the web.

**************************************************** (more…)

Explain which div you’re closing

Most of the time when I’m viewing a website source, I see, at the very bottom of the page, an almost endless list of closing </div> tags. In fact, many beginners think they just have to use divs instead of tables to produce quality code. Divs are cleaners than tables, but without proper code organization, it can be as (or even sometimes more) messy as table based code.

Using indentation is a good start. But a tip that can definitely make you save lot of time is to comment every div tag you’re closing, as shown in the example below:

1.<div id="header">
2. <div id="sub" class="first left">
3. ...
4. </div><!-- #sub.first.left -->
5.</div><!-- #header -->
**************************************************** (more…)
The CSS text-shadow property is very popular among web designers and front-end developers. In this article, let’s take a look at 10 resources to get the most out of the text-shadow CSS property.

Create a Letterpress Effect with CSS Text-Shadow

Let’s start this list of tutorials with one that will definitely show you the potential of the text-shadowproperty. In this tutorial, you’ll learn how to create a stunning (and very popular these days) text effect using CSS and the text-shadow property.

**************************************************** (more…)