Bonnes Pratiques Web
Follow
Find
12.7K views | +15 today
 
Scooped by Shaker technologies
onto Bonnes Pratiques Web
Scoop.it!

5 Everyday Navigation Techniques to Master - ISSUES - Website Magazine

5 Everyday Navigation Techniques to Master - ISSUES - Website Magazine | Bonnes Pratiques Web | Scoop.it
One of the most effective ways for Web designers to help meet a company's goals and achieve the digital success they so desire, is by implementing navigational elements on their website designs that propel users forward through the sales/lead...
more...
No comment yet.
Bonnes Pratiques Web
Développement Php, Mysql , Javascript, Jquery, Css3, (X)HTML5...
Your new post is loading...
Your new post is loading...
Scooped by Shaker technologies
Scoop.it!

Droit à l'oubli et déréférencement | Concertation nationale sur le numérique

Droit à l'oubli et déréférencement | Concertation nationale sur le numérique | Bonnes Pratiques Web | Scoop.it
Le 13 mai 2014, la Cour de justice de l’Union Européenne a ouvert la possiblité aux internautes de demander à un moteur de recherche de retirer des liens qui les concernent. Google et Bing ont depuis mis en place un formulaire de demandes de suppression de résultats de recherche. Cette décision a ouvert la voie à nombreuses demandes de déréferencement par des particuliers et son l’application concrète suscite des interrogations : comment gérer l’afflux des demandes et comment évaluer leur légitimité? ? Quels critères d’équilibre avec le droit du public à l’information et la  liberté d’expression ? Quelle application sur un internet mondial où les règles diffèrent en fonction des pays ? A l’approche de l’adoption d’un nouveau cadre européen pour la protection des données personnelles, les parties prenantes recherchent toujours les points d’équilibres adaptés.

 

Comment concilier les impératifs de protection de la vie privée des personnes concernées avec l’usage effectif de la liberté d’expression et l’intérêt du public à avoir accès aux informations ?
Shaker technologies's insight:

sam, 04/10/2014 - 07:00 Consultation ouverte à partir du 4 octobre 2014 

Inviter vos amis à participer Facebook Twitter Google Email

more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Artisan Développeur

Artisan Développeur | Bonnes Pratiques Web | Scoop.it
C'est avant tout une revendication : celle de professionnels passionnés par leur travail. Nous le considérons comme un art. Notre quête d’excellence est l’étoile qui nous guide. Notre recherche du Beau s’exprime autant dans le visible que l'invisible.

Une revendication à contre courant de ceux qui veulent industrialiser notre métier ou ceux qui négocient les développeurs au kilo.

L’industrie reproduit des milliers de fois la même chose. Elle standardise et rejette tout ce qui sort de la norme. Au contraire l'artisan produit chaque jour quelque chose d'unique. Notre métier relève autant d’un processus créatif que technique.

Si ce manifeste fait écho, suis nous sur twitter.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Drupal Multisite: Much ado About Drupal Multisite | Pantheon

Drupal Multisite: Much ado About Drupal Multisite | Pantheon | Bonnes Pratiques Web | Scoop.it
At first blush, this seems pretty cool, and it is! In the world of clever Drupal hacks, this ranks right up there with imagecache (the trick where we catch 404s for thumbnails that haven't yet been derived and do them just in time). The ability to toggle between different settings based on the domain opens up a lot of interesting use-cases, including rapid site testing and building out "site farms" of many similar sites.

But, as with many clever hacks, there can be hidden costs once they go into production.

Learn why Drupal multisite fails.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Crash des applications mobiles : causes multiples, inconvénient majeur

Crash des applications mobiles : causes multiples, inconvénient majeur | Bonnes Pratiques Web | Scoop.it
Dans la plupart des cas, les problèmes de mémoire et de synchronisation sont à l’origine des crashs d’applications sur smartphones et tablettes, souligne une étude. Mais des outils dédiés existent, à commencer par un code propre.
Shaker technologies's insight:

Les auteurs de l’étude rappellent que pour atténuer les problèmes de mémoire et de synchronisation, les développeurs peuvent utiliser des outils d’optimisation de leur code. Ils expliquent également que pour gérer les crashs dus au manque de ressources, les concepteurs d'API peuvent inclure des ressources par défaut dans leurs API.

more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Killer Collection of CSS Resets | Perishable Press

Killer Collection of CSS Resets | Perishable Press | Bonnes Pratiques Web | Scoop.it
In this article, I have rounded up a hand-selected collection of freely available global CSS reset styles. I have used each of these resets on various occasions with great success, and have even managed to scrape together a customized hybrid that cannibalizes key aspects of various others.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

html.css dans trunk/Source/WebCore/css. – WebKit

html.css dans trunk/Source/WebCore/css. – WebKit | Bonnes Pratiques Web | Scoop.it


/*2 * The default style sheet used to render HTML.3 *4 * Copyright (C) 2000 Lars Knoll (knoll@kde.org)5 * Copyright (C) 2003-2011, 2014 Apple Inc. All rights reserved.6 *7 * This library is free software; you can redistribute it and/or8 * modify it under the terms of the GNU Library General Public9 * License as published by the Free Software Foundation; either10 * version 2 of the License, or (at your option) any later version.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Initiating the Google+ Sign-In flow with JavaScript

Initiating the Google+ Sign-In flow with JavaScript
Step 1: Create a client ID and client secret
Step 2: Include the Google+ script on your page
Step 3: Choose your OAuth scopes
Step 4: Initiate the sign-in flow with JavaScript
Step 5: Handle the sign in
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Responsive Web Design is Hard | Packt

Responsive Web Design is Hard | Packt | Bonnes Pratiques Web | Scoop.it
7 things only a web dev hack would know
“Position” is a thing no one on the Internet knows about. You change the attribute until it looks right, and hope no one breaks it.
The Z-index has a number randomly ascribed until the element goes where you want.
CSS animations are beyond my ability as someone who’s never really written CSS before. So is parallax scrolling. So is anything other than ‘width: x%’.
Hosting sites ring you. All the time. They won’t leave you alone.
The more tabs you have open the better you are as a person.
Alt+Tab is the best keyboard hack ever.
Web development is 60% deleting things you once thought were integral to the design.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Sécuriser Wordpress - Les utilisateurs - Korben

Sécuriser Wordpress - Les utilisateurs - Korben | Bonnes Pratiques Web | Scoop.it
Maintenant que votre blog WordPress est en place au un minimum sécurisé, voici une autre petite astuce concernant les utilisateurs. Sur les anciennes versions de WordPress, il était possible pour n'importe qui de se créer un compte. Même si ces comptes sont limités en droits, ils peuvent toutefois servir à exploiter une faille qui donnera alors plus de droits à l'attaquant.


Heureusement, ce n'est plus le cas depuis quelques versions, mais si vous avez un gros passif avec WordPress, il vaut mieux vérifier que vous seul êtes maitre sur la création de comptes.
more...
No comment yet.
Rescooped by Shaker technologies from JavaScript for Line of Business Applications
Scoop.it!

AngularJS: The Bad Parts

AngularJS: The Bad Parts | Bonnes Pratiques Web | Scoop.it

Whatever the reason is for Angulars popularity, it isn’t that it’s a great framework.

Contents:

Bad Idea #1: Dynamic scoping
Bad Idea #2: Parameter name based dependency injection
Bad Idea #3: The digest loop
Bad Idea #4: Redefining well-established terminology
Bad idea #5: Unnecessary complexity
6: In conclusion


Via Jan Hesse
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Les objets connectés très vulnérables aux attaques informatiques

Les objets connectés très vulnérables aux attaques informatiques | Bonnes Pratiques Web | Scoop.it
D'après un rapport de Symantec paru en juillet, près de 20% d'entre eux communiquent en clair (c'est-à-dire sans cryptage) les données générées par leurs utilisateurs (noms, mail mais aussi mots de passe) et les données récoltées (rythme cardiaque, nombre de pas, etc...) sont transmises en moyenne à 5 domaines différents, avec un pic à 14. Il existe même un "Google de la vulnérabilité des objets", alerte Laurent Heslault. Le moteur de recherche Shodan permet en effet de chercher des appareils connectés en fonction de la ville, des coordonnées géographiques, du système d'exploitation et même de l'IP de son utilisateur.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Firefox n'est plus que le 4e navigateur Web en Europe...

Part de marché des principaux navigateurs en France (%)InternetExplorerChromeFirefoxSafariAvril-12Juin-12Août-12Dec-12Mars-13Avril-13Juin-13Août-13Oct-13Dec-13Mars-14Juin-14Oct-14816243240Source AT Internet - via ZDNet.fr/chiffres-cles
MoisInternet ExplorerChromeFirefoxSafariAvril-1235.920.62812Juin-1234.621.327.712.6Août-1233.222.426.213.8Dec-1230.924.525.414.5Mars-1328.926.324.615Avril-1327.527.224.415.4Juin-1326.427.724.415.9Août-1325.128.123.117.1Oct-1325.12923.416.5Dec-1323.93023.116.8Mars-142330.52317.2Juin-1421.531.422.517.9Oct-1419.633.622.218.1

"Cette évolution du marché des navigateurs est en grande partie liée à l’évolution des modes d’accès à internet ces dernières années : le mastodonte Google, outre son omniprésence, bénéficie de sa forte pénétration sur le marché du mobile, en pleine expansion, de même que Safari à travers la marque Apple" commente AT Internet


.

more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

HTML5 - L'attribut download - Alsacreations

HTML5 - L'attribut download - Alsacreations | Bonnes Pratiques Web | Scoop.it

L'attribut download de HTML5 permet de forcer le téléchargement d'une ressource au lieu de la faire afficher par le navigateur.  Avant l'apparition de cet attribut encore très méconnu, il était nécessaire de passer par une solution PHP ou .htaccess pour forcer le téléchargement d'une ressource (ou autre solution serveur). Désormais cet attribut rend cette fonctionnalité beaucoup plus abordable.

more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

The Clean Coder: The Hacker, The Novice, The Artist, and The Craftsman.

The Clean Coder: The Hacker, The Novice, The Artist, and The Craftsman. | Bonnes Pratiques Web | Scoop.it
The Craftsman is done when ROI has been maximized.  The Craftsman strives to be a good steward of the monies being spent.  The Craftsman want to make sure that every dollar goes as far as it can, and earns as much as it can in return.  Therefore the Craftsman makes sure the code works, and can be kept working with minimum extra cost. 

The Craftsman understands that most defects in behavior and structure will be very expensive to repair later and very inexpensive to eliminate now.  So the Craftsman pushes towards a very clean implementation.  But the Craftsman also recognizes that some rare defects in behavior and structure are going to cost more to eliminate than to tolerate; and so the Craftsman uses judgment, acquired over years, to maximize ROI.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Baromètre des connexion Internet fixes du 1er semestre 2014 par DegroupTest.com - Baromètre des accès résidentiels en Martinique

Baromètre des connexion Internet fixes du 1er semestre 2014 par DegroupTest.com - Baromètre des accès résidentiels en Martinique | Bonnes Pratiques Web | Scoop.it
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Méthodologie d'audit technique SEO et cas pratique sur un site

Méthodologie d'audit technique SEO et cas pratique sur un site | Bonnes Pratiques Web | Scoop.it
Je vais concentrer l’analyse de cet audit SEO avant tout sur le plan technique et structurel, sachant que l’objectif principal d’un audit technique de référencement naturel est d’apporter des solutions concrètes et opérationnelles pour améliorer la perception du site par Google, et in fine les conversions utilisateur.

Audit technique SEO
Comprendre le site
Catégorisation du site
Pages inutiles
Profondeur des pages
Temps de chargement
Les redirections
Les ancres de liens
Shaker technologies's insight:
Audit technique SEO

Pour auditer un site sur le plan technique, il y a quelques pré-requis et outils SEO nécessaires:

  • Un crawler: Botify, screaming frog, …
  • L’accès aux logs serveur, et les analyser avec un analyseur de logs et/ou avec des commandes linux.
  • L’accès au compte google webmaster tools
  • L’accès au compte analytics
  • Et surtout l’expérience d’un expert SEO capable d’interpréter toutes ces informations.

En plus des informations données par ces outils, le client peux également en donner, sur l’historique du site, les derniers changements survenus, afin de mieux comprendre certains constats. En l’occurrence, je me suis basé uniquement sur un crawl du site mais vous le verrez, ça permet déjà d’identifier de nombreux facteurs bloquants et leviers d’optimisations.

more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Chiffres clés : l'e-commerce en France

Chiffres clés : l'e-commerce en France | Bonnes Pratiques Web | Scoop.it
D'après la Fevad, seuls 4700 sites enregistrent en France plus de 5.000 transactions par mois, sur un marché global qui compte donc plus de 117.000 sites marchands. Le marché France repose donc en grande partie sur une myriade de petits e-commerçants dont 43% réalisent ainsi chaque mois moins de 100 transactions.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Common Tag Standard : les tags + la sémantique

Common Tag Standard : les tags + la sémantique | Bonnes Pratiques Web | Scoop.it
La publication de Common Tags Standard est à mon avis un événement majeur dans la construction du Web sémantique. J’avais déjà parlé ici de Faviki qui permet le marquage de ses favoris par des concepts de DBpedia, les dits concepts étant suggérés par le moteur Zemanta. Common Tag propose de standardiser ce mécanisme de marquage sémantique par l’utilisation d’un vocabulaire RDF simple, destiné à être utilisé principalement sous forme de RDFa.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

The HTML5 Contenteditable Attribute

The HTML5 Contenteditable Attribute | Bonnes Pratiques Web | Scoop.it
Did you know that we’re able to create client-side, in-browser content editing using basic HTML elements? We could then save that edited content to the browser’s local storage.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Un PC avec trois écrans ? Pour quoi faire ? Comment faire ?

Un PC avec trois écrans ? Pour quoi faire ? Comment faire ? | Bonnes Pratiques Web | Scoop.it
Ajouter un troisième moniteur à son ordinateur n'est pas qu'une folie de geek, quelques idées d'utilisations et astuces pour passer au triple-screen
Shaker technologies's insight:
Le développeur

Muni d'un ego démesuré, le développeur n'a de cesse de rappeler que c'est grâce à des gens comme lui que l'informatique en est à ce niveau de perfectionnement aujourd'hui, et la surenchère de matériel sur son bureau est là pour le rappeler.

Une configuration à trois écrans est donc le minimum pour un développeur débutant. Le programmeur confirmé manque généralement de place pour accrocher tous ses moniteurs.

L'écran central lui sert généralement à taper son magnifique code, un latéral affiche un navigateur pour qu'il puisse contempler le résultat de son génie, et le dernier sert à avoir quelques documentations sous les yeux (sans doute au cas où il y aurait besoin de les corriger, car il n'en a vraisemblablement pas besoin).

more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Entrevue avec 9 experts en référencement! Ils répondent aux vrais questions! #seo

Entrevue avec 9 experts en référencement! Ils répondent aux vrais questions! #seo | Bonnes Pratiques Web | Scoop.it
9 experts se penchent sur les vrais questions du référencement! Comment aller chercher le plus de résultats rapidement, quoi faire pour un site vierge et quels sont les 20% qui apportent 80% des résultats!
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Default style sheet for HTML 4

This style sheet describes the typical formatting of all HTML 4 ([HTML4]) elements based on extensive research into current UA practice. Developers are encouraged to use it as a default style sheet in their implementations.

The full presentation of some HTML elements cannot be expressed in CSS 2.1, including replaced elements ("img", "object"), scripting elements ("script", "applet"), form control elements, and frame elements.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

20 conseils pour améliorer vos fiches produits

20 conseils pour améliorer vos fiches produits | Bonnes Pratiques Web | Scoop.it
umpUp vous propose 20 conseils pour construire une fiche produit efficace et ainsi améliorer votre taux de conversion.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Date dans les API : Préciser l’heure et le décalage horaire | Carnet de notes

Date dans les API : Préciser l’heure et le décalage horaire | Carnet de notes | Bonnes Pratiques Web | Scoop.it
La convention de base sur les échanges Internet c’est la section 5.6 de la RFC 3339.

Exemples simples :
2014–10–26T02:30:59+01:00 et 2014–10–26T01:30:59Z

L’avantage de cette syntaxe est qu’il existe des solutions pour la lire dans tous les langages de programmation, et que toutes ou presque sauront gérer le décalage horaire correctement.
Shaker technologies's insight:

Règle simple :
Toujours préciser l’heure et le fuseau horaire quand on donne une date dans un échange informatique.


On peut argumenter que transmettre toutes les heures en UTC pourrait suffire, et que le fuseau horaire est superflu. En pratique ce serait oublier une autre règle essentielle : « tout ce qui peut être mal interprété le sera ». Un jour, quelqu’un prendra votre date et l’utilisera comme une date locale et pas une date UTC.

more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Sécuriser Wordpress - Masquer les erreurs de login - Korben

Sécuriser Wordpress - Masquer les erreurs de login - Korben | Bonnes Pratiques Web | Scoop.it
Maintenant qu'on a passé en revue les grands principes de la sécurisation WordPress, à savoir : L'installation Les utilisateurs Les mises à jour Les plugins Les thèmes 

Je vais partir dans une série de petites astuces à mettre en place sur votre WordPress pour en améliorer la sécurité. Et aujourd'hui, je vais vous expliquer comment masquer les erreurs de login.

Sur la page de login (/wp-admin/ ou wp-login.php), il est relativement simple de savoir si vous vous êtes trompé au niveau de l'identifiant ou du mot de passe grâce au message d'erreur qui s'affiche.

more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Baromètre des connexion Internet fixes du 1er semestre 2014 par DegroupTest.com - Baromètre des accès résidentiels à la Réunion

Baromètre des connexion Internet fixes du 1er semestre 2014 par DegroupTest.com - Baromètre des accès résidentiels à la Réunion | Bonnes Pratiques Web | Scoop.it
more...
No comment yet.