daily links

  • benbarnett/jQuery-Animate-Enhanced · GitHub
    Extend $.animate() to detect CSS transitions for Webkit, Mozilla and Opera and convert animations automatically. Compatible with IE6+
  • louisremi/jquery.transition.js · GitHub
    Upgrade jQuery’s .animate() method to use CSS3 Transitions in modern browsers.
  • Magic | drupal.org
    Magic is a set of tools for front-end best practices and general front-end goodies to make your life as a front-end developer happier. Features include:
    _Enhancements to CSS Aggregation
    _Exclude CSS files from being included
    _Move JavaScript to the footer
    _Backport of Drupal 8 JavaScript handling
    _Exclude JS files from being included
    _Rebuild Theme Registry on Page Reload
    _Display a Viewport Width indicator
    _Display an indicator with classes applied to the HTML. Useful when used in conjunction with Modernizr
    _Export theme settings
  • Drupal – Create a Menu Tab with Views for a Node Content Type | Tyler Frankenstein
    How to get the Views Menu Tab to show up on a specific content type…
  • noraesae/perfect-scrollbar · GitHub
    _perfect-scrollbar has some requirements, but doesn’t change or add any style on original elements.
    _perfect-scrollbar is designed not to have width or height. It’s fixed on the right and bottom side of the container.
    _You can change nearly all css styles of the scrollbar. The scrollbar design has no dependency on scripts.
    _perfect-scrollbar support ‘update’ function. Whenever you need to update the size or position of the scrollbar, just update.
    _Additionally, perfect-scrollbar do use ‘scrollTop’ and ‘scrollLeft’, not absolute position or something messy.
  • Customize checkboxes and radio buttons with iCheck (jQuery and Zepto) plugin
    _Identical inputs across different browsers and devices — both desktop and mobile
    _Touch devices support — iOS, Android, BlackBerry, Windows Phone
    _Keyboard accessible inputs — Tab, Spacebar, Arrow up/down and other shortcuts
    _Customization freedom — use any HTML and CSS to style inputs (try 6 Retina-ready skins)
    _jQuery and Zepto JavaScript libraries support
    _Lightweight size — 1 kb gzipped
  • timmywil/jquery.panzoom · GitHub
    Panzoom is a progressive plugin to create panning and zooming functionality for an element. Panzoom supports the same browsers as jQuery 2.0 and can be used with jQuery 1.9.0+ or jQuery 2.0+. Rather than setting width and height on an image tag, Panzoom uses CSS transforms and matrix functions to take advantage of hardware/GPU acceleration in the browser, which means the element can be anything: an image, a video, an iframe, a canvas, text, WHATEVER. And although IE<=8 is not supported, this plugin is future-proof.