background preloader

HTML5

Facebook Twitter

Le format JSON, AJAX et jQuery. JSON (JavaScript Object Notation) est une forme d'écriture de données en JavaScript.

Le format JSON, AJAX et jQuery

Son avantage est de fournir un support pour une écriture simple et légère au format texte, relativement compréhensible par les développeurs JavaScript, mais aussi - et surtout - d'être nativement interprété contrairement au XML qui fait appel à de l'analyse syntaxique et parfois à DOM/XSLT pour accéder à sa structure et à son contenu.

Il s'agit donc d'une arborescence de données, inspirée de XML mais dont l'emploi en JavaScript est plus aisé et plus performant, à partir du moment où on en connaît la structure. On retrouve des facilités d'utilisation de JSON dans des frameworks tels que jQuery avec des fonctions d'aide à la création d'appels AJAX (surtout $.getJSON) pour lequel JSON est bien adapté. Néanmoins, il existe d'autres implémentations dans une multitude d'autres langages pour se servir de JSON, il n'est pas limité à JavaScript : consultez une liste sur json.org. Principe. Ressources WEB. 71 ressources en ligne Haut de page Schnaps.it, le générateur de template HTML5 Alsacréations est fier de vous annoncer la naissance de Schnaps.it, notre nouvel… Rendu par défaut des éléments HTML Outil conçu par Julien Royer, permettant d'observer les différences de rendu par… MobileHTML5 MobileHTML est un tableau de compatibilité récapitulatif à destination des plate-formes… ReformedApp Chronophage, redondant et fastidieux...

Ressources WEB

A simple set of templates for any project. Gabarits HTML/CSS simples pour vos projets. Initializr - Start an HTML5 Boilerplate project in 15 seconds! HTML5 : Nouveaux éléments de section, article, header, footer, aside, nav. Formulaire HTML 5 Placeholder.

HTML5 introduit de nombreuses nouveautés pour les formulaires pour améliorer l'aide à la saisie et les contrôles disponibles pour l'utilisateur. Plusieurs attributs simples à mettre en place améliorent la prise en charge des formulaires, tout en se passant de JavaScript. placeholder est un attribut qui permet de renseigner un texte indicatif par défaut dans un champ de formulaire. C'est une valeur qui s'efface dès que l'utilisateur active le champ de formulaire (ou commence à écrire dedans si vous êtes sous Webkit). Mise en place. Apprendre HTML5, CSS3 pour créer un site web. À travers de nombreux exemples pratiques et cas concrets, Alsacréations vous propose de découvrir toutes les possibilités offertes par la conception web aux normes, HTML, XHTML, HTML5, les feuilles de style CSS et CSS3, le Web mobile, l'accessibilité, PHP, JavaScript, jQuery, etc.

Apprendre HTML5, CSS3 pour créer un site web

Tutoriel : Guide pas à pas Article : Document d'analyse ou de référence Astuce : Court stratagème toujours utile Cette page présente une sélection de nos ressources. Vous pouvez aussi consulter la liste complète des tutoriels et articles ou des astuces. Pensez à utiliser le moteur de recherche. Comprendre le positionnement en CSS. Tutoriels XHTML, CSS, Accessibilité, JavaScript. Proposez votre tutoriel Niveaux : Débutant Confirmé Expert Langages hypertexte (HTML, HTML5, XHTML), balises, structure des pages web et validation W3C Feuilles de style CSS (Cascading Style Sheet)

Tutoriels XHTML, CSS, Accessibilité, JavaScript

Have a Field Day with HTML5 Forms. Créer un site d’entreprise de A à Z 2/3 : Intégration HTML5 / CSS3. Design Spartan (Gaétan Weltzer) vous montre comment créer un site d’entreprise de A à Z en commençant par la phase de réflexion puis le webdesign.

Créer un site d’entreprise de A à Z 2/3 : Intégration HTML5 / CSS3

L’objectif de ce tutoriel assez long est d’offrir un cas pratique avec une réflexion derrière. En situation réelle pour une entreprise, comment se passe la réalisation d’un site Internet de présentation ? Par où commence-t-on et comment finit-on, voici ce que nous allons voir ensemble. Mais tout d’abord, une petite démo du rendu final : Building Web Pages With HTML 5. Tutoriel : Une application web offline HTML5 avec le cache manifest. Parmi l’ensemble des nouveautés apportées par l’HTML5, on entend surtout parler des plus “multimédia” d’entre elles, c’est à dire des balises audio, video, canvas… Pourtant, ces fonctionnalités ne sont pas vraiment nouvelles pour l’utilisateur final, qui était déjà habitué à de tels contenus avec Flash.

Tutoriel : Une application web offline HTML5 avec le cache manifest

L’une des réelles révolutions apportées par l’HTML5, et une des moins médiatisée, est la possibilité de créer des applications web offline. Introduction Le terme “application offline” doit être un peu nuancé et compris plutôt comme : “Des applications web qui continuent à fonctionner même quand la connexion internet se coupe”. Touch The Future: Create An Elegant Website With HTML 5 And CSS3. I’m sure that who chooses to work as web designer makes a choice of heart, a choice of love.

Touch The Future: Create An Elegant Website With HTML 5 And CSS3

Free web resources for designers and web developers. Here we developed several frequently-used jquery ui plugins.

free web resources for designers and web developers

They are all free (open source LGPL license), easy to use, and with great functionalities. Hope you can enjoy them. You may see them all in action JQuery Event Calendar Plugin jquery event calendar wdCalendar is a jquery based google calendar clone. Day/week/month view provided.create/update/remove events by drag & drop.Easy way to integrate with database.All day event/more days event provided. See it in action | Check documentation | download JQuery Scroll Tab Plugin jquery scroll tab wdScrollTab is a tab panel which has ability to scroll for tabs that do not fit on the page. Croll tab in case of too many tabs.dynamical/remove hide.rich javascript API See it in action | Check documentation | download JQuery Checkbox Tree Plugin jquery checkbox tree wdTree is lightweight jQuery plugin for present tree with nested check boxes.

Parents/children checkinglazy load from database configurable node attributes. 50 jQuery Tools for Awesome Websites. TOOLS Web Developer Installed. Design - Pencil Project.