background preloader

Faire un site

Facebook Twitter

10 Bad Web Design Habits You Should Avoid. What design features turn a good website bad?

10 Bad Web Design Habits You Should Avoid

There are more potential pitfalls out there than you might think. Even design elements that may “look nice” to the untrained eye can have unexpected consequences, so acquainting yourself with these hidden landmines is an important step in the process of crafting a website. The ten habits of bad web design described below will help educate and prepare both designers and clients alike, allowing you to determine what you do want for your website, while also avoiding the design features that can seriously diminish a site’s success. You may be interested in the following related articles as well.

Please feel free to join us and you are always welcome to share your thoughts that our readers may like. Don’t forget to and follow us on Twitter — for recent updates. Bad Web Design Habits to Avoid One of the best ways to properly design your website is to avoid the terrible design mistakes people make. Utiliser la Google Web Fonts API. Ici vous pourrez découvrir, comment grâce à l’API de Google, importer de nouvelles polices, valables sur n’importe quel navigateur, et sur la plupart des jouets comme l’iphone, l’ipad, et les téléphones Androïd.

Utiliser la Google Web Fonts API

Pourquoi utiliser une API ? Il est toujours possible d’importer des polices de caractères et les intégrer « à la mano ». Cependant l’utilisation de cette API permet de le faire très rapidement et vous serez sûr de sa bonne intégration pour la plupart des navigateurs. En effet reprendre une police, puis la convertir aux différents formats est toujours un petit casse tête. Il faut donc prévoir 3 formats minimum : .eot, .ttf/.otf, .svg Source : Typographisme.net L’avantage d’utiliser une API est que vous n’aurez pas à gérer ça, elle le fait pour vous, en détéctant la version du navigateur de l’internaute et en renvoyant le bon format.

Un autre plus indéniable sera aussi la légereté de la police, qui est alors plutôt bien compressée, et ne dépassant généralement pas les 30 Ko. Coin Slider - Un slideshow jQuery léger et bien réalisé. Mindeez : Blog Marketing, webdesign et entrepreneuriat… Ergonomie et ligne de flottaison. Jérôme du blog marketing Mindeez vous propose un petit article sur les pièges à éviter avec la ligne de flottaison, ou fold en anglais, qui représente la ligne imaginaire à partir de laquelle l’utilisateur doit faire défiler la page.

Ergonomie et ligne de flottaison

Le contenu se situant en dessous de la ligne de flottaison ne sera visible que si l’internaute fait défiler la page. La notion de fold ne vient pas des sites web, mais du monde des journaux. Lorsque les journaux sont étalés, il sont pliés, la ligne de flottaison représente cette pliure. Pour faire défiler la page on peut utiliser la barre de défilement, la molette de la souris ou la barre d’espace. La hauteur de la ligne de flottaison change en fonction de la résolution de l’écran et du navigateur de l’internaute. Un formulaire anti-spam sans Captcha par Spookev.

Spookev nous propose le code d'un formulaire sans captcha et anti-spam facilement intégrable et efficace C'est Spookev (auteur de peeklife et récemment de MonHmaF) qui a écrit tout bêtement ce petit bout de code, et vous allez voir que l'idée, est à la fois très bonne et vraiment simple à mettre en place.

Un formulaire anti-spam sans Captcha par Spookev

Ce qui est même étonnant, c'est que cette idée n'ait pas déjà été exploitée avant, en tout cas, à ma connaissance. Il est parti du principe que les bots (ces robots spammeurs) sont suffisamment assez bêtes pour vouloir remplir tous les champs dans un formulaire. Il suffit donc de créer un champ texte supplémentaire, de le rendre invisible avec du CSS, et surtout, de le faire analyser, grâce au javascript, ou au PHP, avant l'envoi final. Bonnes pratiques programation Web. De Memodev.

Bonnes pratiques programation Web

Développer un site internet est devenu très facile à faire, mais en développer un correctement devient de plus en plus compliqué... Cette page est destinée à vous donner les bonnes pratiques pour développer un site internet. Dans un premier temps il faut maîtriser les langages suivants, ainsi que leurs bonnes pratiques décrites sur les pages suivantes : Pré-requis Apprendre à utiliser les options de recherche de google .

Actualités du développement Web Il y a des ressources à suivre de temps en temps en tant que développeur, pour se tenir informé des nouveautés mais aussi des statistiques d'utilisation. Ciblez votre public Il est important de connaître le profil moyen de vos visiteurs (critères du type âge/sexe/catégorie professionnelle...). Jquery, gallerie photo et image cliquable vers d autres pages du site - Alsacréations. Les fonctions de base , // Aliassé par $, jQuery.fn.extend(), jQuery.noConflict(), each(), eq(), get(), gt(), index(), length(), lt(), size(), selector(), context(), data(), removeData(), Free Website Templates. Référencement. 5 façons de connaître des sites qui pointent vers votre blog: le fameux backlink.

Il paraît que plus on a de liens qui pointent vers notre blog, plus notre blog prend de l’importance aux yeux des moteurs de recherche.

5 façons de connaître des sites qui pointent vers votre blog: le fameux backlink

C’est ultra logique, car personne ne pointe vers un contenu, s’il n’a pas de valeur. A moins de faire de l’échange sauvage de lien, ce que je ne conseille pas ou carrément d’acheter des liens. Référencement.