background preloader

Maqetta

Maqetta

http://maqetta.org/

Related:  JAVASCRIPTS & CSS HTML 5 jQueryUI

Tutoriel : Créez votre menu interactif en images en HTML/CSS ! Version en ligne Table des matières Créez votre menu interactif en images en HTML/CSS ! Bienvenue dans ce tuto qui vous permettra de créer un menu interactif uniquement codé en HTML/CSS ! Personnalisez les uploaders de vos prochains projets grâce au HTML5 L'upload de fichier est un des points qui ont subi le plus gros coup de jeune lors du passage du HTML5. Finis les boutons d'upload tout moche qui ne nous donnent aucune information, et bonjour aux nouveaux boutons (toujours moche) qui nous proposent une API très intéressante pour les manipuler avec Javascript ! Les input[files] et le HTML5 Les avancées sur le point sont nombreux : il est maintenant possible d'obtenir des informations sur le nombre de fichiers sélectionnés, leurs poids, leurs extensions, et même dans le cas des images leur format et une prévisualisation du fichier !

État des lieux de l'accessibilité de HTML5 - Alsacréations Après avoir affirmé à Paris Web 2010 que HTML5 était utilisable immédiatement en production, un expert accessibilité m'a repris en disant qu'il était dangereux de dire que HTML5 était accessible (j'en parlais au futur cela dit). Dans le cadre d'un gros projet autour de HTML5, j'ai depuis fait pas mal de recherches ce qui m'a permis de mieux comprendre son intervention. Je sais qu'il est dangereux de parler en dehors de son domaine d'expertise, mais il faut bien qu'un développeur Web mette les pieds dans le plat et à tout le moins provoque le débat. Autant vous dire que si vous vous y connaissez en accessibilité, je prend tout ajout ou correction. Autant vous le dire tout de suite, mes conclusions sont mitigées, et il se peut même que je revienne sur ce que j'affirmais à l'époque. Quel HTML5 ?

Les ombres en CSS3 avec box-shadow Ce tutoriel a pour but de détailler l’utilisation de la nouvelle propriété du CSS3 “box-shadow”. Cette puissante propriété permet des réaliser de très beaux effets de volume ou de creux tout en conservant un code d’un poids minimal pour la page, et sans utiliser la moindre image. Avant de commencer Afin d’exploiter les possibilités de la propriété CSS3 box-shadow, nous allons tout d’abord créer un simple div : Créer soi-même ses ebooks  • Version du 30 avril 2015 Ce tutoriel, découpé en trois parties, parle de livres numériques. Il présente les raisons de gérer soi-même les droits numériques de ses livres, il montre comment on fabrique un livre numérique à partir de son fichier texte (Word ou autre), et détaille les étapes (très simples) permettant de le vendre dans la boutique Amazon. Vous avez simplement besoin d’un ordinateur (PC ou Mac) et de programmes disponibles sur Internet.

Créer un slider pure HTML5 & CSS3 pour wordpress HTML5 et CSS3 ne sont pas encore tout à fait valides et restent encore en cours de transition. Néanmoins, je vous propose aujourd’hui un tutoriel, dont le concept nous vient de Geoffrey Crofte => CreativeJuiz – Html5 & Css3 : Slideshow) permettant de créer un slider (diaporama) en HTML5 / CSS3 et ce, sans JavaScript. Au risque de me répéter, le slider présenté ici, n’est proposé qu’a titre expérimental afin de vous montrer les possibilités du CSS3 /HTML5. Il n’est pas conseillé de l’utiliser dans un cadre de développement cross-browser. Démonstration en ligne / sources 7 ressources Javascript pour mettre en forme vos données Le web est une mine inépuisable de données. Pour vous permettre de mieux les visualiser, je vous propose de découvrir une liste de ressources Javascript qui vous permettra de créer des charts et autres tables. Que ce soit des données clients, comme les visites recensées par vos sites, les paniers de vos visiteurs, ..., des données publiques, ou tout simplement les statistiques de votre entreprise et employées, nous sommes entourés de chiffres. Malheureusement, pour la plupart d'entre nous ces chiffres ne veulent pas dire grand-chose en l’état. Pour vous permettre de mieux visualiser ce qui vous intéresse, je vous propose de les trier et les mettre en forme grâce à cette collection de 7 ressources Javascript. Dynatable

10 raisons d'adopter le HTML 5 - html5 Après une longue hésitation concernant le contenu de cet article consacré au HTML 5, je me suis finalement résolu à vous donner 10 bonnes raisons de l’adopter, plutôt que d’entrer dans une longue et fastidieuse analyse et explication des nouvelles balises et attributs. Vous trouverez de nombreuses ressources sur le web. 1 - Le doctype est des plus simple à déclarer : Web sémantique et HTML5 : les microdonnées et les éléments sémantiques Une des caractéristiques principales de HTML5 est qu'il ne cassera rien au support existant pour les versions précédentes. Tout le code HTML4 continuera de fonctionner. Si on veut faire mieux, il suffira d'introduire les doses de HTML5 là où c'est nécessaire.

Recherche Google : Trucs et Astuces à retenir [infographie] Voici une super infographie à retenir et à ajouter à vos favoris au plus vite. Elle résume les trucs à connaître pour effectuer des recherches avancées sur Google. Elle peut s’avérer particulièrement utile aux étudiants, journalistes, veilleurs, référenceurs et même à monsieur et madame tout le monde. Natuellement c’est niveau basique, mais il y a l’essentiel.

10 templates HTML5 et CSS3 à télécharger gratuitement La rentrée approche à vitesse grand V et c’est souvent la période où en pense à refaire son site ou son portfolio. J’ai récemment dû faire une recherche de templates HTML pour un projet, et je me suis dit que ça pourrait être intéressant et le bon moment que je vous fasse un petit top 10 de ce que j’ai trouvé. Ces templates peuvent vous servir de base pour bâtir votre site, pour voir comment ils sont développés ou tout simplement pour votre inspiration, tout en respectant les licences associées. Ils sont tous développés en responsive design pour gérer les multi-écrans, au format HTML5 et CSS3 et comble de tout, ils sont gratuits.

Related:  Effect and styleExperience UtilisateurergoSpring RooHTML5 prototyping toolsTOP LogicielsjsMockup toolsmockupIDEamarinboonkirtPrototypingWORKFLOW