background preloader

Bonnes pratiques de conception Web

Bonnes pratiques de conception 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

Structure de site Internet : comment faire ? La structure d’un site a un impact énorme sur le référencement naturel. Une mauvaise conception pose problème: perte de positionnement, contenus non indexés, incompréhension du visiteur… La solution est d’adopter le plus tôt possible une structure adaptée pour votre site. Oui, mais comment… ? Arborescence générale Avant même de parler technique, il faut parler de contenus et de cibles. A qui votre site s’adresse, pour répondre à quels besoins, avec quels outils ou quels contenus ? Dans l’ordre, voici les points clés de la structure de votre site Internet : Quel type de site utiliser ? La dernière question est sans doute la plus épineuse. lister tous les contenus (actuels ou à venir) de votre site webles regrouper en catégoriesles structurer Rien de tel qu’une image pour mieux comprendre : Le problème, c’est que cette structure dépend de votre point de vue. La méthode du tri des cartes et les personas La méthode de tri des cartes implique une aide extérieure. L’html et structure Les balises html

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

Convertisseur YouTube - ClipConverter.cc 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 Créer une vidéo enrichie avec Mozilla Popcorn Maker, outil libre en ligne La fondation Mozilla a lancé Popcorn Maker un outil gratuit et libre en ligne qui permet de réaliser et partager aisément des vidéos interactives avec de l’audio pour ensuite les publier sur différentes plateformes. Avec Mozilla Popcorn Maker, on peut ajouter des liens et différents médias (cartes Google Maps, images, vidéos, tweets, un article Wkipédia…). Pour réaliser une vidéo, on peut modifier un média hébergé sur YouTube, Vimeo, Soundcloud ou en HTML5 si en ligne. En copiant-collant l’URL sur Popcorn Maker, la vidéo estéditable et les ajouts de médias sont alors possibles à partir d’une ligne de temps avec des couches/calques (« layers »). Il s’agit donc de la possibilité de réaliser des vidéos enrichies. Licence : Creative Commons by-nc-saGéographie : International Tags: création, logiciel libre, outil en ligne, tutoriel, video

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

Compresser une photo en JPEG en ligne → ConvertImage Votre compresseur de photo en ligne ! Compresser une image consiste à réduire le poids de votre image pour la rendre plus légère, afin de gagner de la place, la transférer plus rapidement par Email et l'optimiser pour le web. La compression JPEG en ligne vous permet de créer des fichiers photo JPG plus légers, en réduisant plus ou moins la qualité de votre photo d'origine. ConvertImage sait alléger votre photo et en créer une version optimisée en JPG, qui se chargera rapidement et prendra peu de place ! Sans aucun logiciel de compression photo, vous pourrez obtenir des images légères, et vous pourrez garder vos couleurs fidèles, car ConvertImage se charge de conserver le profil ICC de votre image de départ. ConvertImage utilise une technologie exclusive qui vous permet d'obtenir des images compressées en JPEG plus légères qu'ailleurs.

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

Related: