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

Steffen Gebert steffen at steffen-gebert.de
Mon Nov 15 21:12:54 CET 2010


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

-- 
Steffen Gebert
TYPO3 Core Team Member
-------------- next part --------------
A non-text attachment was scrubbed...
Name: 16403_usage.diff
Type: text/x-diff
Size: 2476 bytes
Desc: not available
URL: <http://lists.typo3.org/pipermail/typo3-team-core/attachments/20101115/2ae7567c/attachment-0002.diff>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: 16403.diff
Type: text/x-diff
Size: 14427 bytes
Desc: not available
URL: <http://lists.typo3.org/pipermail/typo3-team-core/attachments/20101115/2ae7567c/attachment-0003.diff>


More information about the TYPO3-team-core mailing list