background preloader

Technique

Facebook Twitter

Wireframe Showcase. Am I Responsive? Les liens de confiance à poser soi-même par Sandrine Bertrand - SEO Camp day Toulouse 10/11/2012. JavaScript Comparison and Logical Operators. CSS3 Button Generator. Ultimate CSS Gradient Generator - ColorZilla.com. CSS3 Button Generator. Web Formation: Se connecter sur le site. HTML: Créer facilement un formulaire de contact. Bonjour, Il est important dans un site de mettre à disposition un moyen de contacter l'administrateur du site.

HTML: Créer facilement un formulaire de contact

Vous pouvez intégrer un formulaire comme ci-dessous dans le code source de votre site. Voici la base du code: <form action="mailto:votrenom@provider.com" method="post" name="contact">// A COMPLETER<input type="submit" value="envoyer"></form> Il faut remplacer votrenom@provider.com par votre adresse e-mail. RAW. WordPress veut aussi nous forcer à adopter le HTTPS. Après, Google, c’est au tour de WordPress de conseiller vivement l’adoption du protocole HTTPS par les sites web.

WordPress veut aussi nous forcer à adopter le HTTPS

Dès 2014, la firme de Mountain View a fait de ce protocole un signal pris en compte par l’algorithme qui classe les résultats sur son moteur de recherche. Et depuis, l’importance de ce signal ne cesse de croître. D’un autre côté, elle a également annoncé qu’à partir de janvier 2017, elle commencera à marquer certains sites en HTTP comme « non sécurisé » sur le navigateur Chrome.

A son tour, WordPress impose le HTTPS WordPress, dont le CMS propulsait 25 % des sites web en novembre 2015, va également obliger certains propriétaires de sites à adopter ce protocole. Dans un premier temps, début 2017, Automattic ne fera plus la promotion que des hébergements qui proposent un certificat SSL par défaut. Cependant, suite aux révélations d’Edward Snowden, on a commencé à faciliter l’adoption du HTTPS. AddThis - Get more likes, shares and follows with smart website tools. UXPin ou comment améliorer son workflow en webdesign. Nous allons nous pencher sur le workflow ou flux de production pour les anglophobes !

UXPin ou comment améliorer son workflow en webdesign

Le processus webdesign que j'applique aujourd'hui est bien meilleur que celui que j'utilisais il y a quelque temps et je voudrais le partager avec vous en vous expliquant pourquoi vous allez gagner en efficacité avec cette méthode plus adaptée aux projets d'aujourd'hui. 1- Pourquoi faut-il maquetter ? Les étapes d'un projet webdesign sont très importantes, à commencer par le cahier des charges. Mais ce n'est pas la problématique que je veux aborder aujourd'hui. Passons directement à la phase de maquettage. Je suis sûr que pour certains, vous sautez directement sur votre logiciel de PAO favori (Photoshop, Illustrator ou encore GIMP) après avoir récupéré les besoins du client.

Vous venez de griller une étape ! Les « Style Tiles », un nouvel outil pour le webdesigner ? Mais qu’est-ce que c’est ?

Les « Style Tiles », un nouvel outil pour le webdesigner ?

On peut traduire en français les “Style Tiles” par le terme “Planches Tendances”. Habituellement utilisées en mode, en déco ou même en publicité, elles servent à définir les grandes tendances (graphiques, texturales, chromatiques, etc.) d’un projet donné. Un article de Samantha Warren, paru récemment sur A List Apart, propose d’adapter le concept et de l’utiliser en webdesign pour ressortir des tendances visuelles sans se soucier de la structure de la page. En bref, de faire l’inverse de ce qu’on fait avec les “wireframes” (ou “filaires”, ou “gabarits”, ou même “storyboards”… selon vos habitudes) pour déterminer une structure sans se soucier de l’apparence visuelle… WordPress : thèmes, plugins, dernière version... WordPress n'est pas devenu l'outil le plus utilisé pour concevoir un site web sans raison.

WordPress : thèmes, plugins, dernière version...

Tout savoir sur cette plateforme souple et gratuite. [Mis à jour le 21/11/16 09:00] Dernière minute : le projet WordPress a livré une bêta 4 de WordPress 4.7 (voir le détail du contenu de cette version dans le tableau en bas de page). Cette mise à jour du CMS doit être livrée en version finale le 6 décembre. Lorem ipsum for webdesigners. WordPress : thèmes, plugins, dernière version... CSS - position. Pour des mise en page plus complexes, nous devons parler de la propriété CSS position.

CSS - position

Elle a plusieurs valeurs possibles, et leurs noms n'ont aucun sens et sont impossible à retenir. ZONE CSS - Les cours css (Articles CSS V5.0) Les unités absolues et relatives Introduction Il existe plusieurs unités de longueurs absolues : - pt, point (mesure typographique).

ZONE CSS - Les cours css (Articles CSS V5.0)

Le point est égal à 1/72 de pouce. - pc, pica (mesure typographique). Un pica est égal à 12 points.- in, pouce (inch). Les unités de longueurs relatives : Comprendre l'ordinateur - Comment créer un flux RSS sur mon site ? C'est assez simple.

Comprendre l'ordinateur - Comment créer un flux RSS sur mon site ?

Générateur de Faux-texte. E-Mail Icon Generator. (Use the promo-code "NHCHEAPO" to waive the setup fee on all pay-monthly plans!)

E-Mail Icon Generator

For GMail, Hotmail, MSN, Yahoo! , AOL and many more! 11,835,444 hits since 23rd June 2005. You may also be interested in our other services: The Nexodyne Stock Exchange (NXSE) - A free mock stock exchange that works just like the real thing.FreePolls - A free polling system for use on your weblog, homepage or even in e-mails.Iridium DigitalID Service - Free DigitalIDs for use in encrypting e-mails, AOL Instant Messenger conversations and on SSL webservers.Nexodyne Forums - Our forum, dedicated to games, cheats and general discussion.

Like this service? Anti-spam Email Link Obfuscator - Mailto: encryption. Spam bots are getting a lot smarter at harvesting email addresses from web pages but I don't think they'll find a way around this Javascript encoder any time soon!

Anti-spam Email Link Obfuscator - Mailto: encryption

This tool was originally conceived and written by Tim Williams of The University of Arizona. The code to randomly generate a different encryption key each time the tool is used was written by Andrew Moulden of Site Engineering Ltd. Ross Killen of Celtic Productions Ltd has also created a PHP version to enable use of this technique in web applications. This code is distributed as freeware, provided the authors' credits etc remain exactly as shown. Anti-spam Email Link Obfuscator - Mailto: encryption. Générateur de Faux-texte. Boîte à outils pour le webmaster Joomla! Construire un site Joomla 3. Afin de créer et gérer correctement votre site Joomla!

, vous aurez besoin de plusieurs outils. Comment construire un site web avec Joomla! Apprenez comment construire un site web avec le CMS Joomla! , de sa conception à sa mise en ligne sans oublier la maintenance. Découvrez comment. Utiliser l’inspecteur web de Chrome ou Firebug pour modifier ses CSS. Il existe deux outils incontournables pour inspecter les pages Web: Firebug et l’Inspecteur Web. Le premier peut marcher dans tous les navigateurs.

Le deuxième est intégré à tous les navigateurs qui reposent sur Webkit (Safari, Chrome…) Ces outils vous permettent de mieux comprendre la construction des pages Web. Accents en HTML. Accents dans le HTML C'est l'été s'écrit <body><p>C'est l'&eacute;t&eacute;</p></body> Les autres caractères et accents en HTML On peut aussi insérer les caractères par leur code décimal é => &#223; Les autres caractères et accents en HTML écrits en décimal Si vous préférez l'hexadécimal il faut inscrire é => &#xE9; le x fait toute la différence Accents dans les lignes Javascript Quand le contenu est généré par une commande javascript, il faut encoder les accents selon le jeu de caractère défini dans la ligne. La Ferme du web - Le net, ça se cultive !

Alsacréations : Actualités et tutoriels HTML, HTML5, CSS, CSS3, standards du web. The W3C Markup Validation Service.