100+ Best jQuery HTML5 Tutorial with Demos 2012 Trumbowyg : jQuery plugin for WYSIWYG HTML editor Simple HTML Editor field for the Silverstripe CMS that uses the Trumbowyg jquery plugin for WYSIWYG editing.Editor and generated code are optimized for HTML5 support. Compatible with all recents browsers like IE8+, Chrome, Opera and Firefox. WebSnowjq.js : Snow day using HTML5 & jQuery WebSnowjq.Js is a jQuery plugin made using HTML5 and javascript to create a virtual snow fall on a web page. WebSnowjq.Js is compatible with all browsers supporting HTML5. Audio Recording with Custom Audio Player using jQuery & HTML5 Today we want to discuss how to publish a voice recording messages on newsfeed using Jquery and HTML5 with custom HTML5 audio player. Prism Effect Slider with HTML5 Canvas & JavaScript Today we’d like to show you how to build a simple slider with an interesting “prism” effect. Embed-js : jQuery plugin for Automatic Media Embedding system VexFlow : JavaScript library for Rendering Music Notation Pixie : JavaScript Image Editor
LoopBack Electrical Engineering and Computer Science | 6.00 Introduction to Computer Science and Programming, Fall 2008 | Video Lectures | 1: Introduction and Goals; Data Types, Operators, and Variables Juice UI → Supercharge ASP.NET Web Forms with jQuery UI
CSS Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development. HTML5 doctype Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. <! Mobile first With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. To ensure proper rendering and touch zooming, add the viewport meta tag to your <head>. You can disable zooming capabilities on mobile devices by adding user-scalable=no to the viewport meta tag. Bootstrap sets basic global display, typography, and link styles. Set background-color: #fff; on the body Use the @font-family-base, @font-size-base, and @line-height-base attributes as our typographic base Set the global link color via @link-color and apply link underlines only on :hover These styles can be found within scaffolding.less. Normalize.css Containers Use .container for a responsive fixed width container. <div class="container"> ... <!
jQuery UI Demos jQuery UI offers a combination of interaction, effects, widgets, utilities, and themes designed to work well together or on their own. Play with the demos, view the source, build a theme, read the API documentation and start using jQuery UI today. Interactions Interactions add basic mouse-based behaviors to any element. You can create sortable lists, resizable elements, drag & drop behaviors and more with just a few lines of code. Interactions also make great building blocks for more complex widgets and applications. Widgets Widgets are full-featured UI controls that bring the richness of desktop applications to the Web. Effects Effects add support for animating colors and class transitions, as well as providing several additional easings. Utilities Utilities used by jQuery UI to build interactions and widgets.
Offline Web Applications You are here: Home Dive Into HTML5 Diving In What is an offline web application? At first glance, it sounds like a contradiction in terms. Web pages are things you download and render. Downloading implies a network connection. At its simplest, an offline web application is a list of URLs — HTML, CSS, JavaScript, images, or any other kind of resource. From there, most of the work is up to you, the web developer. The Cache Manifest An offline web application revolves around a cache manifest file. <! Your cache manifest file can be located anywhere on your web server, but it must be served with the content type text/cache-manifest. AddType text/cache-manifest .manifest Then make sure that the name of your cache manifest file ends with .manifest. Ask Professor Markup Q: My web application spans more than one page. OK, so every one of your HTML pages points to your cache manifest file, and your cache manifest file is being served with the proper Content-Type header. Network sections Standards:
Prototype.js : Le framework Ajax, JavaScript et DHTML - le-developpeur-web.com CSS reference - CSS style-rule ::= selectors-list { properties-list } ... where : selectors-list ::= selector[:pseudo-class] [::pseudo-element] [, selectors-list] properties-list ::= [property : value] [; properties-list] See the index of selectors, pseudo-classes, and pseudo-elements below. Style rule examples For a beginner-level introduction to the syntax of selectors, see our guide on CSS Selectors. Web Programming Step by Step, Chapter 9: Events and Prototype Chapter 9 Events and the Prototype Library Except where otherwise noted, the contents of this presentation are Copyright 2009 Marty Stepp and Jessica Miller. 9.1: The Prototype JavaScript Library 9.2: Event-Handling JavaScript is a powerful language, but it has many flaws: The DOM can be clunky to use The same code doesn't always work the same way in every browser code that works great in Firefox, Safari, ... will fail in IE and vice versa Many web developers work around these problems with hacks: if (navigator.appName === "Microsoft Internet Explorer") { ... Prototype JavaScript library adds many useful features to JavaScript: many useful extensions to the DOM added methods to String, Array, Date, Number, Object improves event-driven programming many cross-browser compatibility fixes makes Ajax programming easier (seen later) Prototype adds new methods to many existing JavaScript types: categories: CSS classes, DOM tree traversal/manipulation, events, styles var = $$("");
Qu’est-ce que les commentaires conditionnels ? - Alsacréations Les commentaires conditionnels sont un mécanisme propre à Internet Explorer Windows, qui permettent d'inclure dans une page (X)HTML, de manière valide, du code qui ne sera lu et interprété que par Internet Explorer, ou par l'une ou l'autre de ses versions. Techniquement, il s'agit de simples commentaires HTML, qui seront compris comme tels par la plupart des navigateurs. Cependant, le contenu de ces commentaires a une syntaxe spéciale, qui permet à Internet Explorer de savoir s'il doit interpréter le contenu du commentaire ou bien l'ignorer. Les commentaires conditionnels sont compris par Internet Explorer depuis la version 5.0 mais sont officiellement abandonnés à partir d'Internet Explorer 10. Syntaxe de base L'exemple le plus simple de commentaire conditionnel est le suivant: Rappel: un commentaire conditionnel ne peut être inséré que dans un document (X)HTML, et ne peut contenir que des instructions (X)HTML et non CSS. Exemple d'utilisation: Viser une version ou un éventail de versions
Home | JavaScript UI - w2ui What People Are Saying I have been using it quite substantially for a number of different projects now and must say that I absolutely love the way it works. - Soteri Panagou I've been using your grid on a couple of small projects and I've got to say it's an awesome piece of work. It's very easy to configure and offers a lot of features while staying really responsive. - Collanders I must say, I really like all of these controls. - Bob F I was searching for a slick and simple, but also user-friendly UI library. - Gerald Leeb W2UI is an excellent library! - Antonio Santos Very nice looking library. - John Whitten I'm loving w2ui, it packs a lot of punch for such a light library. - Neil Grover I am seriously blown away at the amazing quality of this library. - Billy This is amazing! - Bruno Cassol This is incredible, thank you. - Anthony Isaacson This library is absolutely amazing, i never seen in my life such a clean and understandable code!!! - MrCatt - Dave Thompson Only 97kb All In One Superior UX
Ne cibler que les navigateurs modernes grâce aux sélecteurs avancés - Alsacréations A l'inverse du concept de dégradation gracieuse, le principe d’amélioration progressive ("progressive enhancement" en anglais) est une stratégie de conception web en couches successives, qui permet à chacun d’accéder au contenu et aux fonctionnalités de base d’une page web en utilisant n’importe quel navigateur, tout en offrant une version améliorée aux utilisateurs disposant de navigateurs plus récents ou plus évolués. En pratique et dans le domaine des styles CSS, cela se traduit par une mise en forme initiale commune à l'ensemble des logiciels de navigation, puis un "bonus" pour agrémenter ceux qui ne supportent pas encore CSS3 ou mal CSS2.1. Cela permet d’opter occasionnellement pour une technologie récente telle que CSS3 pour certaines décorations d’éléments de page (coins arrondis, ombrages, semi-transparence, transitions progressives…) qui pourraient consister en des « bonus » mérités pour les navigateurs récents. Modernizr : le bazooka JavaScript :root pour IE9 et supérieurs