background preloader

Comment écrire pour le web en 7 points ?

Comment écrire pour le web en 7 points ?
Edit 2015 - nous vous invitons à lire : Comment rédiger un article de blog... Lorsque nous prenons en charge la création d'un site Internet au sein de notre agence, une des réflexions que je fais souvent à nos clients est : « Concernant vos textes, je vais vous torturer un peu, mais plus tard, vous me remercierez sans doute ». En effet, écrire pour le web est un exercice un peu particulier. Il faudra répondre à des attentes distinctes, car deux types de « lecteurs » vont passer sur vos pages. Les visiteurs : toujours pressés, ils ont pris l'habitude de gloutonner l'information sans la lire. Sur le fond, ces deux publics ne sont pas si différents à satisfaire. Le premier est idiot (le moteur), le deuxième est volatile (le visiteur), dans les deux cas, les techniques de rédaction à employer sont pourtant communes pour les satisfaire. Retenons tout de même que l'utilisateur final, c'est l'internaute, pas le moteur. Traiter un seul sujet par page : Soignez vos titres : La balise meta description.

XSS (Cross Site Scripting) Prevention Cheat Sheet Last revision (mm/dd/yy): 10/8/2018 This article provides a simple positive model for preventing XSS using output escaping/encoding properly. While there are a huge number of XSS attack vectors, following a few simple rules can completely defend against this serious attack. This article does not explore the technical or business impact of XSS. Suffice it to say that it can lead to an attacker gaining the ability to do anything a victim can do through their browser. Both reflected and stored XSS can be addressed by performing the appropriate validation and escaping on the server-side. For a cheatsheet on the attack vectors related to XSS, please refer to the XSS Filter Evasion Cheat Sheet. Before reading this cheatsheet, it is important to have a fundamental understanding of Injection Theory. A Positive XSS Prevention Model This article treats an HTML page like a template, with slots where a developer is allowed to put untrusted data. Why Can't I Just HTML Entity Encode Untrusted Data?

Bonnes pratiques programation 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

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

Les intégristes 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

« 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

Alsacréations : Tutoriels XHTML, CSS, actualités et articles sur les standards web

Related: