anwarchoukah

Comics, music, web standards and interesting stuff...

Is it an aside, a section, an article, a nav or a paragraph?

If you like HTML, you should read HTML5Doctor regularly.

/via Greg Babula

Is it an aside, a section, an article, a nav or a paragraph?

If you like HTML, you should read HTML5Doctor regularly.

/via Greg Babula

Bricss: Going unprefixed with border-radius?

bricss:

Can you believe it’s more than 6 years ago that the WebKit team implemented border-radius? Looking at the support tables you can see that basically all browsers now support the border-radius property unprefixed. (Unfortunately Firefox 3.6 seems stuck with a long tail, but if you don’t…

Phwoarr! (nerd)

Hyphenation arrives in Firefox and Safari

FYI..

Via The Brooks Review

Noise in CSS – fo' realz?

I like the idea of this:

div {
    background: linear-gradient(#ddd, #fff), noise(#000, 20%);
}

For some years now, addding a “noise” texture to a design seems to be all the craze, and admittedly it can spruce up an otherwise rather bland background. The web design community has been trying to come up with an easy, lightweight method of adding noise, with some degree of success.

via bricss

Validate your HTML/CSS for emails

GetFractal: Powerful tool for validating your code for email clients specifically. Great for working out possible problems ahead of time.

gregbabula

Design Link: Design Principles

Zeldman says it’s required reading.

I agree. (…and could not decide what example to show, so go read it.)

(Source: frankpatrick, via gregbabula)

Spritemapper

Spritemapper is an application that merges multiple images into one and generates CSS positioning for the corresponding slices.

(Source: gregbabula)

The top 10 CSS3 techniques

gregbabula:

The top 10 CSS3 techniques | Feature | .net magazine

Great run-down of 10 CSS3 techniques with the full bullet-proof solution for all modern browsers.

I follow Greg both on tumblr and in my RSS reader (the fabulous NetNewsWire), to ensure I miss nothing of what he posts.

"Because the CSS 2D Transforms module has not yet received Candidate Recommendation status from the W3C, both the transform and transform-origin properties must be used with the -ms- prefix to be recognized by Internet Explorer 9."

Microsoft

I just learnt something. Never knew about IE’s -ms- vendor prefix.

(via gregbabula)

That’s great news - very encouraging!

(via gregbabula)

Magic jQuery

livercake:

  • It is compatible until ie6 and mobile browsers such as iPad, iPhone etc…
  • Simple position fixed even for non supporting browsers. (ie6, iPhone iPad etc)
  • Automatic alignment of the elements of the page (other elements, screen etc)
  • Automatic limiting their movement between themselves or by the screen
  • Unifying implementation of carrousels, menu, mega drop down menus, tabs etc. All are menus. It is easy to associate a subMenu to an item, and add some parameters to it if needed for specialized behaviour.
  • Menus actions : open, close, openNext, openPrev, play, stop
  • Simple inner-page messages from any element with full configuration if desired.
  • popIn and popOut Highlight elements with a dark veil separating them from the page.
  • Resizable elements in all directions

o al menos eso dice…