mgeraci/Less-Boilerplate .gradientV4(#F2F1CB, #F0CED6, 33, #CED3F0, 66, #D2F0CE); hover to see compiled code background: #e2f1cd; background-image: -moz-linear-gradient(top, #f2f1cb, #f0ced6 33%, #ced3f0 66%, #d2f0ce); background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f1cb), color-stop(0.33, #f0ced6), color-stop(0.66, #ced3f0), to(#d2f0ce)); background-image: -webkit-linear-gradient(top, from(#f2f1cb), color-stop(0.33, #f0ced6), color-stop(0.66, #ced3f0), to(#d2f0ce)); background-image: -o-linear-gradient(top, #f2f1cb 0%, #f0ced6 33%, #ced3f0 66%, #d2f0ce 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2f1cb, endColorstr=#d2f0ce); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2f1cb, endColorstr=#d2f0ce); background-image: linear-gradient(top, #f2f1cb 0%, #f0ced6 33%, #ced3f0 66%, #d2f0ce 100%); .gradientH4(#F2F1CB, #F0CED6, 33, #CED3F0, 66, #D2F0CE);
20 bibliothèques et plugins JavaScript gratuits à ne pas rater - Blog Tuto.com Dans cet article, vous ne trouverez pas d’outils massifs et complexes, seulement des bibliothèques et plugins JavaScript gratuits aux fonctions très précises, faciles à utiliser. Au programme : création de sliders, de menus, d’animations, de graphiques … mais aussi d’effets atypiques comme des favicons qui changent quand l’utilisateur quitte votre site (iMissYou), ou encore l’apparition de notes en marge d’un texte au survol de la souris (Marginotes). 1. Choreographer-js Une bibliothèque simple qui vous aidera à réaliser des animations complexes. 2. iMissYou.js Ce petit plugin jQuery change le titre et le favicon d’une page web lorsque l’internaute part de votre site. 3. jqGifPreview Créez des aperçus de GIF similaires à ceux de Facebook grâce à ce plugin jQuery gratuit. 4. Leaflet est une bibliothèque Javascript de cartes interactives. 5. egjs egjs est un pack d’interactions UI, d’effets et autres éléments jQuery. 6. 7. 8. jQuery Linechart 9. 10. jQuery formBuilder 11. 12. 13. 14. 15. 17. 18. 19.
WURFL - Wikipedia, the free encyclopedia - Aurora WURFL (Wireless Universal Resource FiLe) is a community effort focused on mobile device detection. WURFL is a set of proprietary application programming interfaces (APIs) and an XML configuration file which contains information about device capabilities and features for a variety of mobile devices.[1][2] Until version 2.2, WURFL was released under an "open source / public domain" license.[3] Prior to version 2.2, device information was contributed by developers around the world and the WURFL was updated frequently, reflecting new wireless devices coming on the market. In June 2011, the founder of the WURFL project, Luca Passani, and Steve Kamerman, the author of Tera-WURFL, a popular PHP WURFL API, formed ScientiaMobile, Inc to provide commercial mobile device detection support and services using WURFL.[4] As of August 30, 2011, the ScientiaMobile WURFL APIs are licensed under a dual-license model, using the AGPL license for non-commercial use and a proprietary commercial license.
Initializr - Start your HTML5 project in 15 seconds! HTML EMAIL BOILERPLATE v 0.4 updated 5/12 Bliss.js — Heavenly JavaScript! RESS: Responsive Design + Server Side Components - Aurora There's no shortage of debate about the best way to develop Web sites that work well across many networked devices. Some teams favor a client-side approach while others lean towards server-side solutions. But I'm increasingly interested in solutions that try to bring together the best of both worlds. RESS (Responsive Web Design + Server Side Components) is one such proposal. In Responsive Web Design implementations, Web URLs are consistent across devices and adapt their content based on the capabilities of the browser in which they are displayed. This means the same hyperlink can deliver a great experience across a wide range of devices. Server side solutions, on the other hand, only send what a client needs. So both client and server side adaptations have benefits but a few limitations. In a nutshell, RESS combines adaptive layouts with server side component (not full page) optimization. How's it Work? Let's assume we want a different navigation solution for mobile and desktop devices.
HTML5 Cross Browser Polyfills - GitHub The No-Nonsense Guide to HTML5 Fallbacks So here we're collecting all the shims, fallbacks, and polyfills in order to implant HTML5 functionality in browsers that don't natively support them. The general idea is that: We, as developers, should be able to develop with the HTML5 APIs, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly. Looking to conditionally load these scripts (client-side), based on feature detects? See Modernizr.Looking for a guide to write your own polyfills? svgweb by Brad Neuberg & others Fallback via FlashSnap.SVG from scratch by the author of Raphaël (Dmitry Baranovskiy) Abstracted API. FakeSmile by David Leunen Canvas Web Storage (LocalStorage and SessionStorage) Non HTML5 API Solutions Sectioning Elements Video VTT: Video Timed Track (subtitles) Audio Audio Data API IndexedDB Web SQL Database Web Forms Beacon
Woff fonts This is a test for Gentium Basic repackaged in WOFF format. For extra variety, we also show Konstytucyja and DeLarge, both obtained from the Open Font Library site. For more information, see the WOFF format description. To convert existing TrueType/OpenType fonts to WOFF format (subject to appropriate licensing), there is a simple command-line tool sfnt2woff. A zip file containing the format description together with sample code, including the source for the sfnt2woff tool, is available for download here. Support for this WOFF format is implemented in the latest nightly builds of Firefox (development builds with the name Minefield), and is expected to ship in Firefox 3.6.
Zepto.js: the aerogel-weight jQuery-compatible JavaScript library RESS - Responsive Design + Server Side Components - Aurora When can I use... Support tables for HTML5, CSS3, etc Creating pseudo 3D games with HTML 5 canvas and raycasting: Part By Jacob Seidelin Introduction This is my second article about creating Wolfenstein-like games with JavaScript, DOM and HTML 5 canvas; the techniques discussed are similar to those used in my WolfenFlickr project. In the first article, I created a basic map for the player to walk around in and a pseudo-3D rendering of the game world using raycasting techniques. In this article I'm first going to improve on the codebase I've already built, optimizing the rendering process to gain better performance and making the collision detection between the player and the walls better. The full (MIT licensed) sample code is available for download here. Optimizing Without further ado, let's get on with optimizing the existing code base. Splitting the rendering and the game logic In the first article, rendering and game logic was tied together in the same timer for the sake of simplicity. This time difference is now also used when calling the move function (the one taking care of moving our player). Sprites
15 Interesting JavaScript and CSS Libraries for March 2017 Danny Markov Our mission at Tutorialzine is to keep you up to date with the latest and coolest trends in web development. That’s why every month we release a handpicked collection of some of the best resources that we’ve stumbled upon and deemed worthy of your attention. Propeller Propeller is a CSS components framework based on Bootstrap and Google’s Material Design language. BaguetteBox BaguetteBox is a pure JavaScript library for creating responsive lightbox galleries. We recently used this library in the making of our freebie pack of 4 Bootstrap Gallery Templates, and we can say we enjoyed working with BaguetteBox a lot. Whitestorm Framework for developing 3D web apps and games using the Three.js engine. Animatelo Animatelo is a port of the extremely popular Animate.css library that replaces the CSS transitions with Web Animations API clones. FuseBox FuseBox is a bundle loader for JavaScript and CSS with optional add-ons for TypeScript, Sass, and more. Yargs WebGradients Sticky-Kit ScrollDir