background preloader

Développement/Ergonomie

Facebook Twitter

Mémento des propriétés CSS - Apprenez à créer votre site web avec HTML5 et CSS3. Cette page est une liste non exhaustive des propriétés CSS qui existent en CSS3.

Mémento des propriétés CSS - Apprenez à créer votre site web avec HTML5 et CSS3

Pour la plupart, ce sont des propriétés que nous avons vues dans le cours, mais vous trouverez aussi quelques nouvelles propriétés que nous n'avons pas abordées. La liste est non exhaustive car mon but n'est pas de faire la liste de toutes les propriétés CSS qui peuvent exister : il y en a vraiment trop (plus de deux cents !) Et certaines sont très rarement utilisées.

Mémento Propriétés de mise en forme du texte Je résume ici la plupart des propriétés de mise en forme du texte. Qu'est-ce que la mise en forme de texte ? Propriétés de couleur et de fond Propriétés des boîtes Propriétés de positionnement et d'affichage. Changer de nom de domaine et conserver son r f rencement. Le principe général est le suivant : utilisez toutes les astuces pour montrer aux moteurs qu'il s'agit d'un transfert du même site vers une autre adresse.

Changer de nom de domaine et conserver son r f rencement.

Un peu comme un vrai commerce qui déménage dans un autre quartier et qui conserverait pendant un temps ses deux vitrines, avec sur l'ancienne un énorme panneau "changement d'adresse" qui téléporterait les visiteurs automatiquement à la nouvelle adresse. Avant de faire n'importe quoi : prendre son temps. Qu’est-ce que le HSTS et comment le met-on en œuvre ? Eviter les pieges du SSL avec mon site web. HTTP et HTTPS redirection avec et sans www - Web Hosting / SSL Gateway - OVH Community. Bonjour, je suis à peu près dans le même cas de figure.je souhaite que tout passe par l'adresse A savoir :- ' ' ' ' Or j'ai beau fouillé partout testé tout et n'importe quoi (y compris le lien fourni dans ce topic) rien ne fonctionne.j'ai toujours cette erreur pour la redirection https de non-www vers www.

HTTP et HTTPS redirection avec et sans www - Web Hosting / SSL Gateway - OVH Community

Passer son WordPress en HTTPS avec OVH - Ronan CHARDONNEAURonan CHARDONNEAU. Activer le certificat sur OVH : Ici le site utilise le protocole HTTP, non sécurisé donc. Rendez vous dans votre Admin OVH, dans la section ‘Hébergement‘ puis sélectionnez votre serveur. Il faut maintenant que vous commandiez un ‘Certificat SSL‘ (Si vous en possédez déjà un, passez directement a l’étape suivante) Choisissez un fournisseurs de certificat, Let’s Encrypt est gratuit et fonctionne très bien. Une fois votre commande effectuée et activée (la ligne affiche ‘Oui’). Comment passer un site WordPress hébergé chez OVH en HTTPS ? Vous avez entendu parler des certificats SSL/TLS fournis gratuitement par OVH (grâce à l’organisation Let’s Encrypt) et vous voulez sauter le pas avec votre site WordPress ?

Comment passer un site WordPress hébergé chez OVH en HTTPS ?

Ce tutoriel vous donne les principales étapes et les plugins WordPress pour vous simplifier la tâche. En suivant ces instructions, vous aurez un site équipé d’un certificat TLS d’ici quelques minutes ! 1. Connectez-vous à votre manager OVH. 2. 3. Hébergement OVH : passer à TLS 1.2 pour WooCommerce et PayPal.

E-commerce

Force HTTP to HTTPS : Extension Anti-duplicate Content WordPress. Passer son site en https est aujourd’hui important.

Force HTTP to HTTPS : Extension Anti-duplicate Content WordPress

Autant pour garantir la sécurité des utilisateurs que pour s’assurer une meilleurs visibilité sur Google, avoir un site sécurisé est plus que jamais d’actualité aujourd’hui. Cependant, cette évolution peut apporter son lot de difficultés, dont la création de duplicate content. Des explications vous sont données au travers de nos blogs pour utiliser à bon escient le fichier .htaccess mais il s’agit ici de forcer des redirections au travers de WordPress lui-même.

Jquery

Solutions pour la mesure d'audience. Apprendre le HTML avec la 3W Academy. Free Broken Link Checker - checks your website for bad links / dead links online. Diaporama / Slide. Centrer en CSS. La magie de line-height line-height, c'est une propriété que vous avez sûrement utilisée, et sans doute sans la comprendre :p On va donc se rattraper, car cela nous sera utile pour la suite.

Centrer en CSS

Le premier réflexe à avoir quand on cherche des infos sur le HTML/CSS, c'est d'aller voir la spécification. Le site du W3C est assez mal référencé alors n'hésitez pas à ajouter W3C devant les termes de votre recherche.

Mobile friendly / Responsive

13 erreurs à ne pas commettre sur un blog WordPress !!! Mimo. 30 ressources pour la gestion des catégories sous WordPress - Studio Ancalimë. Recherche Voici une trentaine de hacks pour la gestions des catégories, des flux et les contrôle des plugins de WordPress. Des liens utiles pour mieux se familiarisé avec ce CMS et mieux comprendre son fonctionnement. 1. Des templates pour l’intégration des catégories 2. 3. 4. Sécurité Wordpress. Thèmes gratuits.

17 Best Practices for Crazy-Effective Call-To-Action Buttons. Call-to-action (CTA) buttons are the buttons you use in your website and on your landing pages to guide users towards your goal conversion. It's the part of the landing page that the user needs to click in order to take the action you want them to take. CTA buttons can vary in style and size depending on your goal conversion and website style. Some common examples of call-to-action buttons are: Add to cart buttonsFree trial sign-up buttonsDownload buttons CTA buttons have a very specific goal: to get your web visitor clicking and completing a conversion.

Bien optimiser vos images pour le web. J’ai choisi d’illustrer cet article avec la carte “Gorille de Beringeï” 3e édition bords noirs du jeu “Magic The Gathering” pour faire plaisir à mon grand frère ainsi qu’au parrain de ma fille, à Quentin et à Romain.

Bien optimiser vos images pour le web

Le rapport poids /qualité Nous sommes nombreux à publier des images régulièrement sur les internets. Sur les réseaux sociaux (Facebook, Twitter, Instagram, Google +…) on ne se pose même pas la question du format et de la compression, ils s’occupent de tout. D’ailleurs, Facebook est fréquemment critiqué pour son algorithme de traitement des images trop destructeur. Optimiser les images. Brève introduction Pourquoi cette page ?

Optimiser les images

Les pages trop lourde, c'est ennuyeux et on a tendance à les zapper. Quoi de plus con qu'une petite page avec une image de fond de 3Mo ? Réduire la poids des pages web permet :

Création : les étapes

Plugin Wordpress. Effets CSS3. 10 Astuces CSS pour vous sauver la vie ! #2. Après un premier article présentant 10 astuces à connaître pour éviter de s’arracher les cheveux sur du CSS, voici la suite toujours aussi utile !

10 Astuces CSS pour vous sauver la vie ! #2

A première vue, le CSS est un langage, voire un « format », facile et rapidement assimilable. Seulement, il y a de nombreuses subtilités à connaître avant de maîtriser entièrement le duo xHTML/CSS. Je vais délivrer certaines connaissances, astuces ou autres trucs pouvant vous éviter de perdre des heures de recherches. Comme vous le verrez, certaines astuces sont assez avancées et peu communes, pourtant certaines sont incroyablement utiles ! 1. Longtemps peu utilisé, notamment à cause d’Internet Explorer qui le gérait très mal, cette propriété permet de gérer la superposition d’éléments en définissant un ordre. Screenfly / Test Your Website at Different Screen Resolutions. Comment Ajouter un Bouton Pinterest Pin It sur vos Images WordPress? Nous terminons la semaine avec un tutoriel qui indique comment ajouter le bouton Pin It de Pinterest sur les images de vos billets dans WordPress.

Comment Ajouter un Bouton Pinterest Pin It sur vos Images WordPress?

Si vous êtes un lecteur régulier du blog, vous savez que que j’ai déjà un bouton Pin it en bas de mes articles. Cependant je souhaite en ajouter un sur les images pour deux raisons: Améliorer l’expérience utilisateur et donner plus de choix aux lecteurs quand au bouton qu’ils veulent utiliser.Augmenter le nombre de partages des articles sur Pinterest et récupérer donc plus de trafic à partir de cette plateforme.

10 erreurs fréquentes à ne plus commettre avec WordPress (Infographie) WordPress est LE CMS le plus populaire au monde, avec plus de 75 millions de sites qui l’utilisent dans le monde, que ce soit pour la création de blogs, de sites vitrines ou encore de sites E-commerce, WordPress est massivement utilisé, mais pas toujours aussi bien qu’il le faudrait. MMA France publie un guide de conception des applis mobiles. Quand, quoi, comment: tout sur le test utilisateur. Observer un participant qui pense à voix haute en réalisant une liste de tâches sur votre site?

Faites le test utilisateur tôt et régulièrement! Quand tester son interface web? Il n’est jamais trop tôt dans le processus de développement d’une interface web (site, maquette, application mobile, formulaire) pour commencer à tester l’expérience utilisateur. Connexion. Comment sécuriser son WordPress. Article invité rédigé par Aurélie, développeuse chez Atchik Services, depuis plus de 8 ans !

Hello à tous !! Doit-on remplacer les textes par des icônes. 04 juillet 2014. Ressources mobiles 16 outils pour vous aider à concevoir vos sites web. Des contre-exemples ergonomiques illustrés. Online Code Difference Comparison Tool.