background preloader

Outils

Outils
78 ressources en ligne Haut de page Visual Studio Code Visual Studio Code est un éditeur de code source récemment lancé par Microsoft,… 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... Coder vos formulaires à la main vous… Initializr Initializr vous permet de générer un template HTML5 basé sur HTML5 Boilerplate.… HTML5Please HTML5Please est un récapitulatif clair et bien organisé listant les différentes… HTML5 Boilerplate HTML5 Boilerplate est un gabarit HTML5 et CSS3 contenant toutes les bonnes pratiques… HTML5Rocks Diaporama des nouveautés HTML5, tutoriels pas à pas, et exemples en ligne. Haut de page Accessibilité Haut de page Développement Web

http://www.alsacreations.com/outils/

Related:  JAVASCRIPTS & CSS HTML 5 jQueryHTML/CSSpartage ~ communication ~ outils

Une galerie vidéo dynamique pour webTV en HTML5 Voici un plugin javascript qui, à defaut de vous en mettre plein la vue, vous permettra d’améliorer nettement l’expérience de l’utilisateur concernant les vidéos de votre site internet. Ce script permet de piloter la balise vidéo d’HTML5 directement avec des liens dans vos textes. De quoi proposer davantage d’interactivité en liant votre contenu textuel à votre contenu vidéo/multimédia. Appel de VideoLink Un grand merci à Daniel de Seomix qui m’a apporté de nombreux (et astucieux) conseils pour créer et mettre en ligne ce plugin. Les Portes Coulissantes de CSS - Chapitre II Par Douglas Bowman Le Chapitre I des Portes Coulissantes de CSS vous a présenté une nouvelle technique pour créer des éléments d'interface visuellement percutants à base de simple balisage sémantique. Dans le Chapitre II, nous allons pousser la technique encore plus loin. Si vous n'aviez pas encore lu la première partie de cet article, il n'est pas trop tard. Nous couvrirons dans ce chapitre un nouveau scénario où aucun onglet n'est actif, nous combinerons les Portes Coulissantes avec un rollover utilisant une seule image, nous fournirons un correctif pour la surface cliquable dans IE/Win, et nous suggérerons une méthode alternative de ciblage des onglets. Nous allons nous dispenser d'un récapitulatif de la technique de base (voyez le Chapitre I si besoin) pour sauter immédiatement dans l'action.

Utiliser le DNS de Google sur Mac Le géant du moteur de recherche met à disposition ses serveurs DNS (Domaine Name System) gratuitement( ). En général ce service est géré par les fournisseurs d’accès à internet et parfois des sociétés spécialisées. Google considère que ce service n’est pas performant et a donc créé un «DNS» «plus rapide, plus sur et plus fiable». A cela Google promet que ses serveurs DNS assureront une meilleur protection contre les attaques de type Spoofing (usurpation d’adresses IP), ils assurent aussi que son service « donne à l’utilisateur la réponse exacte à la requête formulée par son ordinateur sans que soit pratiqué le moindre blocage, filtrage ou redirection qui pourrait compromettre son expérience de navigation ». Votre fournisseur d’accès à internet (FAI) n’est pas engagé dans la fourniture d’un serveur performant ni ne garantit qu’il est bien configuré, d’où l’émergence de serveur DNS autre que ceux des FAI.

Gallery.css, une galerie simple et responsive en full CSS Gallery.css est une ressource développée uniquement en HTML/CSS qui permet de réaliser une galerie d’images simple et responsive, avec une seule et unique transition de type « fade » et des ancres de contrôle de navigation, le tout sans la moindre ligne de JS. [EDIT] : Gallery.css est désormais disponible sous licence payante. Du HTML, du CSS, mais pas de JS La galerie fonctionne sans aucune ligne de JavaScript, uniquement avec une mise en page structurée et des propriétés CSS : transitions CSS3, animations CSS3 (keyframe) et sélécteurs CSS avancés (:nth-of-type(), :target,etc).

Cinq sites pour faire des nuages de mots Si vous voulez embellir un blogue ou écrire un cv en nuages de mots, voilà 5 services qui vont vous être très utiles. Le nuage de mots est un peu le symbole du web2.0, ça commence a être un peu démodé, mais on aime quand même. Pour ceux qui ne connaissent pas le nuage de mots, c’est une représentation graphique de mots où les mots les plus répétés dans un texte sont les plus gros et les mots les moins répétés sont les plus petits J’ai aussi testé une option freeware logiciel dans ce billet, mais je préfère nettement les versions en ligne. Semble être le plus connu des services, il est rapide, vous pouvez prendre le texte à partir d’un url ou encore d’un texte que vous allez copier. Vous pouvez également mettre le profil d’un utilisateur Delicious pour y voir tous les tags (j’en ai déjà parlé ici

Structure d'une page HTML en CSS (feuille de style) Comment constuir une un site en CSS Voici la base d'une page en CSS : les fondations :-) Partons de deux fichiers : la page de votre site : index.html Le fichier CSS : default.css Permière étape : le code HTML Créer sa galerie photo en HTML5 avec Juicebox - SlyDnet Juicebox est un outil permettant de créer des galeries photos en HTML5 pour les partager en ligne ou les embarquer sur votre site web / blog. Grâce à Juicebox, vous allez pouvoir réaliser de superbes galeries photos voir même créer votre portfolio en HTML5. Juicebox se présente sous la forme d’une application desktop qui fonctionne grâce à Adobe Air, donc qui peut tourner sous Windows, Linux et Mac. Il existe plusieurs versions de Juicebox, la version gratuite « allégée » et deux autres versions payantes qui offrent quelques options supplémentaires. Uns fois Juicebox installé sur votre ordinateur, l’outil se révèle d’une simplicité déconcertante.On crée une nouvelle galerie, on importe ses photos, on customise un peu tout ça et Juicebox génère tous les fichiers nécessaire pour créer sa galerie en ligne.

Créer une galerie photos avec CSS 3 / Benjamin PREVOT Toujours à la recherche de solutions permettant de réaliser des effets avec CSS 3, je me suis penché sur la création d'une galerie photos sans JavaScript. Le but va être de réaliser un ensemble d'aperçus de photos comme sur ce site : Bien entendu, JavaScript interdit

Related: