Libraries: Master: Components Overview: Unterschied zwischen den Versionen

Aus CodeCoupler Wiki
Zur Navigation springen Zur Suche springen
← Zum vorherigen VersionsunterschiedZum nächsten Versionsunterschied →
Tm (Diskussion | Beiträge)
447 Bearbeitungen
Tm (Diskussion | Beiträge)
447 Bearbeitungen
Keine Bearbeitungszusammenfassung
Zeile 23: Zeile 23:
* '''Configuration Options:''' No
* '''Configuration Options:''' No


== Default Enabled Components ==
=== jQuery-UI ===
 
* '''Description:''' jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice.
* '''Source:''' http://jqueryui.com/
* '''Key:''' jquery
* '''Configuration Options:''' Associative array with the following keys:
** theme (Default=smoothness): The theme to use. Download first a theme from the jQuery-UI-Website and store it into the folder '''components/jquery-ui-*.*.*/css''. Use the foldername as configuration-value. By default only the theme "smoothness" is packaged.
 
== JavaScript Frameworks ==
 
=== jQuery ===
 
* '''Description:''' jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
* '''Source:''' http://jquery.com/
* '''Key:''' jquery
* '''Configuration Options:''' None
 
== Basics ==


=== Normalize.css ===
=== Normalize.css ===
Zeile 31: Zeile 48:
* '''Key:''' normalize
* '''Key:''' normalize
* '''Configuration Options:''' None
* '''Configuration Options:''' None


=== Modernizr.js ===
=== Modernizr.js ===
Zeile 40: Zeile 56:
* '''Configuration Options:''' None
* '''Configuration Options:''' None


=== jQuery ===
== Polyfills ==
 
=== html5shiv ===
 
* '''Description:''' The HTML5 Shiv enables use of HTML5 sectioning elements in legacy Internet Explorer and provides basic HTML5 styling for Internet Explorer 6-9, Safari 4.x (and iPhone 3.x), and Firefox 3.x.
* '''Source:''' https://github.com/aFarkas/html5shiv
* '''Key:''' html5shiv
* '''Configuration Options:''' None
 
=== Respond.js ===


* '''Description:''' jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
* '''Description:''' A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more).
* '''Source:''' http://jquery.com/
* '''Source:''' https://github.com/scottjehl/Respond
* '''Key:''' jquery
* '''Key:''' respond
* '''Configuration Options:''' None
* '''Configuration Options:''' None


=== jQuery-UI ===
=== IE7.js ===


* '''Description:''' jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice.
* '''Description:''' IE7.js is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6.
* '''Source:''' http://jqueryui.com/
* '''Source:''' http://ie7-js.googlecode.com/svn/test/index.html
* '''Key:''' jquery
* '''Key:''' ie7
* '''Configuration Options:''' Associative array with the following keys:
* '''Configuration Options:''' None
** theme (Default=smoothness): The theme to use. Download first a theme from the jQuery-UI-Website and store it into the folder '''assets/jquery-ui/css''. Use the foldername as configuration-value. By default only the theme "smoothness" is packaged.

Version vom 19. November 2013, 14:29 Uhr

Frontend Frameworks

YAML

  • Description: A modular CSS framework for truly flexible, accessible and responsive websites.
  • Source: http://www.yaml.de/
  • Key: yaml
  • Configuration Options:
    • layout (Default='page'): If empty no additionally layout-stylesheets will be included. Possible values: "page", "fullpage", "g960-12" and "g960-16"
    • typography (Default=TRUE): If TRUE screen/typography.css will be included.
    • print (Default=TRUE): If TRUE the print.css will be included
    • rtl_support (Default=FALSE): If TRUE all necessary stylesheets for rtl-support will be included.
    • use_skiplinks (Default=FALSE): Set to TRUE if skiplinks are used. In this case the focusfix-js will be included.
    • navigation (Default=empty): Can be empty, "hlist", "vlist" or "both" for including the corresponding navigation-stylesheets.
    • forms_theme (Default='gray'): If empty no theme-css will be included. Currently only one theme supported: "gray".
    • addons (Default=empty): Array of included addons. Values can be: 'accessible-tabs', 'microformats', 'syncheight'

Bootstrap

  • Description: Sleek, intuitive, and powerful mobile first front-end framework.
  • Source: http://getbootstrap.com/
  • Key: bootstrap
  • Configuration Options: No

jQuery-UI

  • Description: jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice.
  • Source: http://jqueryui.com/
  • Key: jquery
  • Configuration Options: Associative array with the following keys:
    • theme (Default=smoothness): The theme to use. Download first a theme from the jQuery-UI-Website and store it into the folder 'components/jquery-ui-*.*.*/css. Use the foldername as configuration-value. By default only the theme "smoothness" is packaged.

JavaScript Frameworks

jQuery

  • Description: jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
  • Source: http://jquery.com/
  • Key: jquery
  • Configuration Options: None

Basics

Normalize.css

  • Description: "Normalize.css" is a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards. We researched the differences between default browser styles in order to precisely target only the styles that need normalizing.
  • Source: https://github.com/necolas/normalize.css/
  • Key: normalize
  • Configuration Options: None

Modernizr.js

  • Description: Modernizr tests which native CSS3 and HTML5 features are available in the current UA and makes the results available to you in two ways: as properties on a global Modernizr object, and as classes on the <html> element. This information allows you to progressively enhance your pages with a granular level of control over the experience.
  • Source: http://modernizr.com/
  • Key: modernizr
  • Configuration Options: None

Polyfills

html5shiv

  • Description: The HTML5 Shiv enables use of HTML5 sectioning elements in legacy Internet Explorer and provides basic HTML5 styling for Internet Explorer 6-9, Safari 4.x (and iPhone 3.x), and Firefox 3.x.
  • Source: https://github.com/aFarkas/html5shiv
  • Key: html5shiv
  • Configuration Options: None

Respond.js

  • Description: A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more).
  • Source: https://github.com/scottjehl/Respond
  • Key: respond
  • Configuration Options: None

IE7.js

  • Description: IE7.js is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6.
  • Source: http://ie7-js.googlecode.com/svn/test/index.html
  • Key: ie7
  • Configuration Options: None
Abgerufen von „https://archive.codecoupler.org/index.php?title=Libraries:_Master:_Components_Overview&oldid=247“