background preloader

jPlayer : HTML5 Audio & Video for jQuery

jPlayer : HTML5 Audio & Video for jQuery

HTML5, CSS3 & JavaScript playground for web designers & developers <title> CSS play | HTML5 and CSS3 | Cat Meowwww! </title> <h1>Meowww!</h1> <p>A meowwww! Compatible with Mozilla Firefox (5), Safari and Chrome<br> (It's a pity that CSS/keyframes cannot trigger sound effects)</p> <p>&copy; Stu Nicholls - <a href=" play</a></p> .head {width:280px; height:250px; background:#000; position:absolute; left:60px; top:30px; border-radius: 280px/250px;} .body {width:66px; height:125px; background:#000; position:absolute; left:165px; top:250px; border-radius: 66px/125px; .left-leg {width:25px; height:60px; background:#000; position:absolute; left:207px; top:327px; border-radius: 25px/60px; transform:rotate(60deg); -ms-transform:rotate(60deg); -o-transform:rotate(60deg); -moz-transform:rotate(60deg); -webkit-transform:rotate(60deg); .right-leg {width:25px; height:60px; background:#000; position:absolute; left:163px; top:327px; transform:rotate(120deg); -ms-transform:rotate(120deg); -o-transform:rotate(120deg); -moz-transform:rotate(120deg);

Highcharts 3.0.8 : créez des graphiques complexes et interactifs pour vos applications Web avec cette bibliothèque HTML5 / JavaScript Highcharts 3.0.0 : la bibliothèque HTML5 / JavaScript pour créer des graphiques complexesSortie de la révision 3.0.8. Highcharts est une bibliothèque graphique écrite en HTML5 et JavaScript, offrant des graphiques complets et complexes mais intuitifs et interactifs pour votre site ou votre application Web. Elle implémente différents types de graphiques (colonnes, lignes, aires, camemberts, nuages de points, etc.). La version 3.0.0, sortie il y a quelques temps, proposait des améliorations visuelles et une meilleure interaction avec les outils tactiles. Démonstrations. La révision 3.0.8 amène une série de corrections et quelques ajouts. Téléchargement. Documentation. Et vous ? Qu'utilisez-vous pour créer des graphiques ? Connaissez-vous cet outil ?

nanoScroller.js nanoScroller.js is a jQuery plugin that offers a simplistic way of implementing Mac OS X Lion-styled scrollbars for your website. It uses minimal HTML markup being .nano > .nano-content. The other scrollbar div elements .pane > .nano-slider are added during run time to prevent clutter in templating. The latest version utilizes native scrolling and works with the iPad, iPhone, and some Android Tablets. Downloads To start using, you need three basic things: 1. The following type of markup structure is needed to make the plugin work: <div id="about" class="nano"><div class="nano-content"> ... content here ... Copy the HTML markup. Link to the nanoscroller.css file inside your page's <head> section (...or copy the contents from it to your page's main stylesheet file). You should specify a width and a height to your container, and apply some custom styling for your scrollbar. 3. Running this script will apply the nanoScroller plugin to all DOM elements with a .nano className. Advanced methods

jQuery NiceScroll plugin - scrolling for desktop, mobile and touch devices In number theory, Fermat's Last Theorem states that no three positive integers a, b, and c can satisfy the equation an + bn = cn for any integer value of n greater than two. This theorem was first conjectured by Pierre de Fermat in 1637, famously in the margin of a copy of Arithmetica where he claimed he had a proof that was too large to fit in the margin. No successful proof was published until 1995 despite the efforts of countless mathematicians during the 358 intervening years. The unsolved problem stimulated the development of algebraic number theory in the 19th century and the proof of the modularity theorem in the 20th. It is among the most famous theorems in the history of mathematics and prior to its 1995 proof was in the Guinness Book of World Records for "most difficult math problems". Contents [hide] [edit] Fermat's conjecture (History) Fermat left no proof of the conjecture for all n, but he did prove the special case n = 4. a^2 + b^2 = c^2 A = x + y\ B = x^2 + y^2\

HTML5test - How well does your browser support HTML5? Button Maker CSS Button Generator: Create HTML and CSS Button Styles CSS3 PIE: CSS3 decorations for IE -prefix-free, préfixes CSS3 ajoutés automatiquement -prefix-free est un petit fichier JavaScript (2 Ko) développé par Lea Verou, développeuse Web impliquée dans les standards Open Source, CSS3 et JavaScript. Le rôle de ce script est d'ajouter automatiquement des préfixes propriétaires nécessaires à la reconnaissance de certaines propriétés de la spécification CSS3 par les différents navigateurs modernes. Mais quel est le problème ? Les propriétés CSS3 avancées sont intégrées dans les différents navigateurs de manière non concertée et selon le bon vouloir des développeurs de ces butineurs ! Pour ne pas entraver la prise en compte de ces propriétés non validées par le W3C on a autorisé une syntaxe personnalisée afin de permettre leur intégration progressive. -webkit- (pour Chrome, Safari,…) -moz- (pour Firefox, Flock,…) -o- (pour Opera) -ms- (pour Internet Explorer) Pour être certain que cette transformation s'opère dans un maximum de navigateurs, il va falloir ajouter plusieurs lignes supplémentaires : Utilité de -prefix-free ?

Grid System Generator Les 10 meilleures ressources HTML5 en ligne pour les graphistes Découverte sur Smashing Hub, cette liste des dix meilleures ressources HTML5 en ligne pour les graphistes va s’avérer très utile pour tous les concepteurs de sites Web. Vous allez y découvrir des outils pour le graphisme, gérer vos sprites, En effet, l’arrivée massive de ce nouveau langage, que j’aborde régulièrement sur le blog, est un nouveau langage de structuration et de présentation pour le contenu sur le Web. Il dispose de nombreuses fonctionnalités telles que l’intégration de la vidéo, de l’audio, des polices, du glisser-déposer, la possibilité de dessiner, etc… Sans plus attendre, voici la sélection des dix meilleures ressources en HTML5 pour les graphistes. Découvrez Online 3D Sketch Tool. Pour tourner votre dessin en 3D, il vous suffit de maintenir enfoncée la touche « espace », puis, de faire glisser horizontalement votre curseur. L’utilisation impressionnante des outils tels que jQuery, CSS3 et HTML5 vous pouvez concevoir vos images en sprites. Il s’agit d’un outil pur HTML5.

WORDOID - Creative Name Generator - Domain names, company names, product names

Related: