[TYPO3-core] RFC #16403: Integrate modernizr into the TYPO3 Backend

Mon Nov 15 21:36:07 CET 2010

Hi,

+1 by reading!

As for the first usage, I think we should only use the modernizr classes
for the "fallback" rules and leave the original rules using the CSS3
rules as is.

So in the sample:

#typo3-pagetree #typo3-docbody,
#typo3-alt-file-navframe-php #typo3-docbody {
   .. box-shadow with css3
}

.no-boxshadow #typo3-pagetree #typo3-docbody,
.no-boxshadow #typo3-alt-file-navframe-php #typo3-docbody {
   .. fallback for no box-shadow
}

Cheers,
Ernesto

Steffen Gebert schrieb am 15.11.2010 21:12:
> Hi!
> 
> This is a SVN patch request.
> 
> Type: Bugfix
> 
> Bugtracker reference:
> http://bugs.typo3.org/view.php?id=16403
> 
> Branches:
> trunk
> 
> Problem:
> We have no clean way to deliver browser-dependent CSS styles.
> 
> Solution:
>> Modernizr [1] is a small and simple JavaScript library that helps you
>> take advantage of emerging web technologies (CSS3, HTML 5) while
>> still maintaining a fine level of control over older browsers that may
>> not yet support these new technologies.
>>
>> Modernizr uses feature detection to test the current browser against
>> upcoming features like rgba(), border-radius, CSS Transitions and
>> many more.
> 
> Yes, basically everything was said! - Contrary to browser detection, the
> used feature detection does not require us to distinguish between
> different browsers and versions, but rely on the CSS classes added to
> the <html> tag by modernizr's JavaScript tests.
> 
> Note:
> * Modernizr is used by Twitter, American Eagle, Burger King, The Knot,
> Capital One, Posterous, NFL,...
> * It is developed by Paul Irish, one of the jQuery developers and HTML5
> Boilerplate
> * Size of the JS file is 9.4k (uncompressed) / 3.6k (gzipped).
> * Modernizr is dual-licensed under MIT & BSD license.
> * You can run the detection for your browser [2]
> * The discussion inside the Skin team can be found here [3]
> * I suggest adding "/** @see modernizr.js */" to every CSS definition
> making use of the modernizr-classes to be later able to easily find all
> occurrences, in case of modernizr will be rmoved one day.
> * Attached file 16403_usage.diff brings the shadow to IE6-8 (but is not
> part of this RFC and will not be committed)
> 
> Kind regards
> Steffen
> 