News of interest

  • Main CSS3 innovations


    CSS3 brings great innovations destined to the web design and some browsers start to implement CSS3. The inicial aim of CSS is to separate the content from the shape, which was already achieved with the first language specifications. However the aim of offering full control over the page elements to the Designers has been a difficult task to fulfill.

    

    The previous language specifications had multiple utilities in order to apply different styles to the website, but despite of that, developers still keep their own tricks to achieve common purposes or as desired as rounded edges and shady elements on the page. So, the most important innovation provided by CSS3 for websites developers, consist on new resources additions to keep higher control on the showed page elements, avoiding old Tricks or hacks, that uses to complicate the website code. Here is the main newcomers qualities in CSS3:

     

    border-color

    border-image

    border-radius

    box-shadow

     

    Backgrounds

     

    background-origin

    background-clip

    background-size

     

    Create layers with multiple background images

     

    Colour

     

    HSL colours

    HSLA colours

    RGBA colours

    Opacity

     

    Text

     

    text-shadow

    text-overflow

     

    Long words break

     

    Interface

     

    box-sizing

    resize

    outline

    nav-top, nav-right, nav-bottom, nav-left

     

    Selectors

     

    Attribute selectors

    Basic box model

    overflow-x, overflow-y

     

    Others

     

    Media queries

    Multiple text columns creation

     

    Web discourse oriented properties or automatic reading of web pages

     

    Information source: http://www.desarrolloweb.com/articulos/sombras-css3-box-shadow.html

Back