background preloader

Bonnes pratiques du Web

Bonnes pratiques du Web
De Memodev. 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...). Sur le site d'Opquast on peut voir la liste de toutes les recommandation pour la création d'un site Web qui corresponde aux attentes des internautes, aussi bien en terme d'utilisabilité que d'accessibilité. L'encodage Design Illustration Photos

La publicité, facteur de distraction dans la navigation des internautes Aux Etats-Unis, 61 % des internautes qui cliquent rarement sur des publicité expliquent ne pas vouloir interrompre leur navigation. Pour quelles raisons un internaute ne clique-t-il pas sur une publicité display ? A cette question, la principale réponse est qu'il sait que ce clic le détournera de ce qu'il était venu faire sur un site. 61% des internautes déclarent en effet qu'ils n'aiment pas cliquer sur une publicité car cela les pousse à interrompre leur navigation. Un grand nombre de réponses porte également sur des réactions d'inquiétude : 57 % craignent par exemple qu'un clic sur une publicité ne déclenche l'envoi de davantage de spam provenant d'autres annonceurs. 55 % des répondants imaginent qu'un clic sur une publicité déclenchera le téléchargement d'un virus sur leur ordinateur et 46 % redoutent un déferlement de pop-up sur leur écran après un clic sur une bannière.

Ruminations From a Tortured Mind On peut juger un développeur sur la compréhension qu'il possède de son métier : 5 niveaux qui détermine bien souvent sa plus value pour une organisation. Niveau 0 : pisser de code Il pense que son boulot est de produire des lignes et des lignes et des lignes de code. Généralement peu intéressé par ce qu'il fait, c'est juste un poste qui paye la soupe. Ou alors c'est un boulot temporaire avant de passer chef de projet. Le développeur du niveau 0 se voit très fréquemment et forme le gros du bataillon des SSII. Niveau 1 : livrer du code Intéressé par la qualité du code, il pense qu'il doit livrer du code fonctionnel. Celui ci peut se rencontrer dans les groupes de développeurs, dans les soirées consacrés aux codes... Niveau 2 : livrer un logiciel Le développeur livre un ensemble de code cohérent, qui possède une structure et fonctionne comme un bloc uni. Le niveau 2 est plus rare. Liver du code ! Et non, ton métier est au minimum de livrer un logiciel. Niveau 3 : livrer un produit Constat

Un blog, un wiki, c’est quoi ? , , voilà des mots qui font de plus en plus parti de notre quotidien, mais s’agit-il d’une mode ou d’une réalité ? Quoiqu’il en soit, les blogs, suivis de prêts par les wikis, sont en pleine expansion et la dernière décennie a vu naître plusieurs centaines de milliers de ces sites Web dans le monde. En France, avec la campagne électorale 2007, tandis que des wikis centralisent informations et débats (exemple debat2007.fr, un wiki qui présente les propositions des candidats à l’élection présidentielle), les candidats prennent conscience de l’importance de ce canal de communication et ouvrent leurs propres blogs pour toucher un nouvel électorat. Un tel développement de ces outils dans le milieu politique ne pouvait que faire réagir les médias sur l’intérêt du phénomène… Les blogs et les wikis sont des sites Web dynamiques dont le contenu est mis à jour en ligne à partir d’un navigateur lambda. Le blog est la forme abrégée de , le terme anglais que l’on pourrait traduire par « ». Le wiki

15 sites web developers and designers should know - CatsWhoCode.com Creating a good website isn't an easy task, but there's a few tools that can definitely make your developer or designer life easier. In this article, I have compiled 15 extremely useful website that any web developer or web designer should have bookmarked. ColorCombos When designing a website, one of the firsts (and most important) steps of the process is to choose a color scheme. LIpsum Who doesn’t know the extremely popular Lorem Ipsum text? What the font? You just saw a logo or website using a particular font and you enjoyed it. ConvertIcon Favicons are a must have for any website, mostly because on modern browsers as such as Firefox, it is displayed along with the site name in tabs. BgPatterns background Patterns is definitely one of the current webdesign trends. HTML Encoder Do you display code on your website? Test Everything Sprite Generator CSS Sprites is definitely a great technique to use, mainly because it reduces the number of HTTP requests. Load Impact IconFinder TypeTester CSS Tidy

Les intégristes Comment créer un blog Aujourd’hui il est extrêmement simple de créer un blog et de nombreuses formules existent. Cependant deux démarches se distinguent suivant les compétences techniques de la personne chargée de la mise en oeuvre du blog et surtout de son objectif. La plus simple est de s’inscrire sur une plate-forme d’hébergement de blogs. La plus professionnelle est de concevoir ou de faire concevoir son blog et de l’héberger chez un hébergeur lambda S’inscrire sur une plate-forme d’hébergement de blogs Les plates-formes d’hébergement de blogs ou communautés de blogs sont conçues pour faciliter la tache des néophytes. Certaines plates-formes fédèrent les internautes de façon thématique ou générationnelle. Les hébergeurs de blogs proposent des solutions gratuites ou payantes. L’inconvénient majeur des solutions gratuites est de ne pas pouvoir disposer de son propre nom de domaine et d’une assistance personnalisée si besoin. AceBlog (gratuit) www.aceblog.fr Blogger (gratuit) www.blogger.com Articles similaires

13 astuces avec Google Analytics Google Analytics est une des sources les plus importantes d’informations sur vos clients et prospects. Pourtant, tout comme Word et Excel, nous n’utilisons pas plus de 30% des possibilités offertes par Google Analytics… En effet en plus des informations basiques fournies par défaut (sources des visiteurs, taux de rebond, temps passé, nombre de pages vues…), Google Analytics offre des possibilités énormes pour mieux connaitre les visiteurs de son site Web via quelques paramétrages basiques. C’est pourquoi nous avons rassemblé dans cet article 15 trucs et astuces vraiment simples mais qui vous permettront d’optimiser votre stratégie sur Internet. Astuce 1 – Comment voir quels sont les principaux liens sortants de votre site ? Vous voulez voir quels sur quels liens cliquent vos lecteurs quand ils lisent vos articles ? Il suffit d’aller dans Comportement > Détails par URL > Outgoing : Voici une vidéo qui vous explique comment faire : "21 jours pour bloguer comme un Pro​" Astuce 7 – 5 (100%) 2 votes

Bloquez les trackers des sites avec Ghostery Google analytics, facebook connect, doubleclcick, etc. autant d'outils de statistiques et de publicité qui sont tout autant des outils de tracking. En allant sur un site, vous vous retrouvez enregistré dans une base de données on-ne-sait-où, et vous devenez un numéro de série marketing. (vision parano, mais enfin, pas loin de la vérité :) ) Pour bloquer ces scripts, vous pouvez utiliser proxy, navigation privée, et vous déconnecter de tous vos comptes. Vous pouvez aussi, sous firefox, utiliser l'extension Ghostery. L'extension détecte (et bloque) plus de 130 scripts connus, pour défendre votre anonymat. Pratique, non ? D'après : Ghostery: Know How Web Pages Are Monitoring You

Les blogueurs et la législation Un blog doit-il être déclaré à la CNIL ? Selon la loi « » de 1978, tout fichier contenant des informations sur des personnes physiques doit obligatoirement faire l’objet d’une déclaration à la Commission Nationale de l’Informatique et des Libertés (CNIL). En effet, celle-ci est chargée de s’assurer que les traitements concernant des informations à caractère personnel soient conformes à la loi. Cependant, face au développement exponentiel des blogs, la CNIL a adapté ses procédures. Par contre elle rappelle les principes de bases qui sont à respecter impérativement, comme celui du . En effet, des informations sur la vie privé d’une personne identifiable, son image, le son de sa voix ne peuvent être publiés sans son autorisation. Les blogueurs et la propriété intellectuelle Quel que soit le mode d’expression utilisé sur un blog, que celui-ci soit politique, professionnel, personnel, les blogueurs ne sont pas non plus dispensés du respect de la propriété intellectuelle. Articles similaires

Best Practices For Effective Design Of “About me”-Pages - Smashing Magazine Advertisement The “about me”-page is one of the most overlooked pages in development and one of the highest ranked pages on many websites. In a world that’s becoming increasingly connected through the Web, it’s important that you engage your audience in a personal and friendly way, otherwise you risk just being another faceless web designer among a sea of websites. We had to go through hundreds of sites to come up with the following list. We present 60 beautiful and effective about pages that engage users and neatly present their designers. Unique “About”-Pages A great way to distinguish yourself from the crowd is to have a truly unique about page. Dustin Curtis1 has taken a truly unique approach to the about page. While the content is slight, the “Floating Asian Kid” gag2 below is cute. Quomo3 has taken a very unique approach to the about page – a series of full-body action shots on a horizontal carousel. Jared4 has taken a very clever approach to the self portrait (quite literally). Direct

« Pourquoi Cdiscount est-il pourri ? » en collaboration avec Nathalie Nahai « Design Spartan : Graphisme, Webdesign, Digital painting, Illustration… Vous vous êtes toujours demandés qu’est-ce qui rendait la navigation sur Cdiscount insupportable ? Nathalie Nahai de We make them click répond à cette question à l’occasion du huitième article de la série « Why your website sucks« . En partenariat avec Design Spartan, elle a analysé le célèbre site d’e-commerce français grâce à la psychologie du webdesign. Je vous ai parlé il y a peu de cette série d’articles rédigés en anglais qui déconstruit à chaque nouvelle parution un site Internet mal construit, voire carrément pourri. « Why your website sucks » s’est attaqué cette fois à Cdiscount après concertation avec Nathalie Nahai. Je vous avais demandé il y a quelques semaines sur la page Facebook de DesignSpartan ainsi que sur Twitter quel était le site français insupportable que vous aimeriez voir être critiqué de façon constructive. Déconstruction de Cdiscount Premières impressions Smack. Ce site web a été conçu pour une lecture douloureuse. 1. 2. 3. 4. 5. #6 Colonne de droite Conclusion

Related: