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

Customer Happiness via Responsive Web Design - Design & Development Digest - Website Magazine

Customer Happiness via Responsive Web Design - Design & Development Digest - Website Magazine | Bonnes Pratiques Web | Scoop.it
By Robert Patrick Gone are the days where you just had to build a website to work in multiple browsers. Now, you also need to support a wide variety of screen sizes, from smartphones to televisions and tablets.
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!

Exclusif : le montant de vos impôts en accès libre sur Internet pour vos concurrents, adversaires politiques… et tous les escrocs #BESTOF - EconomieMatin

Exclusif : le montant de vos impôts en accès libre sur Internet pour vos concurrents, adversaires politiques… et tous les escrocs #BESTOF - EconomieMatin | Bonnes Pratiques Web | Scoop.it
L'information révélée par Toutsurlesimpots.com, qui a soigneusement consulté le Journal Officiel du 8 octobre dernier, fait l'effet d'une bombe.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Il est désormais légal d’attaquer des sites web (pour « tester » leur sécurité) !

Il est désormais légal d’attaquer des sites web (pour « tester » leur sécurité) ! | Bonnes Pratiques Web | Scoop.it
Parmi les perles cachées de la LPM je viens de découvrir une énormité qu’un RSSI avisé à eu la gentillesse de me transmettre.

En résumé : la loi autorise désormais les attaques informatique – y compris sur des systèmes gouvernementaux d’ailleurs – pour « tester [leur] fonctionnement ou [leur] sécurité »…
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Event sourcing à Scala.io 2014 | Blog Arolla

Event sourcing à Scala.io 2014 | Blog Arolla | Bonnes Pratiques Web | Scoop.it
Event sourcing applique la recherche de la vision formulée par Domain-Driven Design d’Eric Evans : pourquoi ce projet, pourquoi ce comportement ? Autre justification : il est plus facile de faire la synthèse d’un ensemble d’éléments plutôt que d’analyser un élément en sous-éléments. L’analyse de texte est plus complexe que la mise en page. Sinon LaTeX c’est très très bien.

Donc premier principe de l’event sourcing : sauvegarder les événements du domaine plutôt que l’état du cumulé du système. Ainsi, le journal (log), d’habitude de contenu technique (en fait fourre-tout), devient un référentiel métier. Il devient exhaustif. Avec l’event sourcing tout est journalisé. A ce niveau, pas de mise à jour, pas de suppression : uniquement de l’ajout d’événements. L’état cumulé est calculé plus loin. Il est optimisé pour être consulté en lecture seule. Corolaire : on sépare ce qui est destiné à modifier et ce qui est destiné à observer. Pourquoi ? Combien de fois je modifie mon système ? Combien de fois je le regarde ? Si le quotient lecture/écriture est très grand autant séparer les deux. Cette architecture a un nom : Command Query Responsibility Seggregation (CQRS). On optimise la lecture en préparant à chaque modification du système la ou les vues possibles. La commande change mon système (écriture). La requête l’observe (lecture).
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Installer une sonde Atlas dans son réseau pour aider l'humanité - LinuxFr.org

Installer une sonde Atlas dans son réseau pour aider l'humanité - LinuxFr.org | Bonnes Pratiques Web | Scoop.it
Les sondes RIPE Atlas sont des petits boîtiers (made in TP-link) qui se connectent au réseau local, contactent leur maître au RIPE-NCC (l'organisme qui gère l'allocation des adresses IP en Europe) et, à la demande du maître, font un certain nombre de mesures actives :

mesure de latence (ping-style)
traceroute
requêtes DNS
analyse de certificats dans les sessions TLS
pas de requêtes HTTP, pas de mesures de capacité du réseau


L'un des principaux intérêts est que ces mesures peuvent être décidées par le RIPE-NCC (qui s'en sert pour tester son infrastructure et ses services, ou pour proposer des services supplémentaires comme DNSmon) mais aussi par les hébergeurs des sondes. Vous en avez une chez vous ? Chaque jour qu'elle est allumée, vous gagnez des crédits et cela vous permet de faire des mesures de votre choix. Vous voulez connaître la latence vers votre site depuis le Japon ? Le temps de réponse des serveurs DNS de monsieurmichu.fr ? Vous pouvez le faire, via un cliquodrome pas trop mal fichu, ou via une API (REST + JSON, bien sûr).

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

Seo web mobile-accessibilite-parisweb

SEO, Web mobile et accessibilité : Trinité du développement Web inclu... file:///Users/webconforme/Documents/Work/CSAW/@Administratif/C...1 of 25 …
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Three ideas that convert better than a standard carousel

Unadulterated carousels can be a waste of screen real estate that distracts users from completing the most valuable conversion action on a page.

You will likely improve your conversion rate by displaying imagery, headline copy and call to actions which match the inferred intent of your visitors.

Follow these steps to discover the contribution your carousels are making to your conversion rate:

  1. Review your analytics to see how people are currently interacting with your carousel.
  2. Perform and inclusion/exclusion test to challenge the contribution your carousel makes to your conversion rate. 

Finally, give some consideration to how targeting can be used to improve content relevancy on your landing pages.

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

Accessibilité web pour les édimestres

15 juin 2012Accessibilité web pour les édimestres Mohamed Rebaï, ing. jr
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Accessibilité sur le web : astuces et bonnes pratiques pour des sites…

Qu'est-ce que l'accessibilité sur le web? Comment faire des sites accessibles? Retrouvez dans cet avis d'expert les conseils et bonnes pratiques pour mieux com…
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

5 Big Usability Mistakes Designers Make on Carousels - UX Movement

A carousel isn't just a device you'll find at the airport or amusement park. It's also a widget that's found on websites. Designers use them to display visual
Shaker technologies's insight:
1. Auto-sliding after the user has already taken control


2. Displaying new items in a row one at a time


3. Showing item progress in a confusing way


4. Infinite sliding


5. Tiny click targets


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

What is a better solution for web carousels? - Simalam

What is a better solution for web carousels? - Simalam | Bonnes Pratiques Web | Scoop.it
Websites are starting to all look similar. You expect the logo in the top left, navigation top right and a large image or slider directly underneath. A lot of the times the large image is a carousel, and scrolls through different screens. Research shows that carousels aren’t effective or accessible (3).
Shaker technologies's insight:

Why should we avoid carousels?

“1% clicked a feature. Of those, 89% were the first position. 1% of clicks for the most significant object on the home page?” – nd.edu stats by @erunyon

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

Infographie: L'évolution du SEO (Référencement naturel)

Infographie: L'évolution du SEO (Référencement naturel) | Bonnes Pratiques Web | Scoop.it

Aujourd’hui, dans l’infographie réalisée par Neil Patel de QuickSprout relayée ci-dessous, l’accent est mis sur les principales évolutions qui ont eu lieu dans le domaine du référencement ces derniers mois (voire années) suite aux mises à jour de Penguin, Panda et autres Colibri.

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

Techniques de référencement : 4 robots d'indexation pour optimiser vos pages

Techniques de référencement : 4 robots d'indexation pour optimiser vos pages | Bonnes Pratiques Web | Scoop.it
Il existe de nombreux outils qui ont chacun leurs techniques de référencement selon l’utilisation que l’on en fait. Qu’ils s’agissent d’outils en ligne, de
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Le cadeau de Noël du gouvernement aux internautes : la surveillance | Site mobile Le Point

Le cadeau de Noël du gouvernement aux internautes : la surveillance | Site mobile Le Point | Bonnes Pratiques Web | Scoop.it
Lisez l'article : Le cadeau de Noël du gouvernement aux internautes : la surveillance sur votre mobile.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Refonte & Création de sites Web, Rédaction Web & Référencement Web: Les bonnes Pratiques (partie 1 du Ebook)

Refonte & Création de sites Web, Rédaction Web & Référencement Web: Les bonnes Pratiques (partie 1 du Ebook) | Bonnes Pratiques Web | Scoop.it
Introduction

Création ou refonte de sites Web

Création de votre site Web

Le design, ou comment donner une bonne impression au premier regard

La structure, ou l’art de mettre vos visiteurs à l’aise

Les fonctionnalités Web, ou comment simplifier la vie de votre visiteur – et la vôtre!

L’hébergement de votre site Web, ou comment satisfaire votre visiteur à tout coup

Le nom de domaine, ou comment vous assurer que votre visiteur se souvienne de vous

Le maître mot : l’expérience utilisateur

Refonte de votre site Web

Le taux de conversion, ou comment transformer un visiteur en client

Les concurrents, ou comment s’en inspirer pour mieux se démarquer

Le système de gestion de contenu, ou comment gérer facilement son site Web

La version mobile, ou votre site Web dans votre poche

Des questions?

Dans l’ordre, quelles sont les étapes pour créer ou refondre un site Web?

Combien coûte la création ou la refonte d’un site Web?

Est-il possible d’avoir un bon site Web à moindre coût?

Comment déterminer si un site Web doit être refondu?

Comment savoir si votre site Web est ergonomique?

Contenu

La rédaction Web, ou comment inciter votre visiteur à vous lire

Quelques principes de la rédaction Web

Quelques règles d’écriture propres au Web

L’optimisation du contenu pour des mots-clés, ou comment capter l’attention des moteurs de recherche

L’insertion d’hyperliens, ou l’art de guider la navigation

Le marketing de contenu, ou comment faire vivre votre contenu

1. Fixez vos objectifs

Des questions?

Devez-vous « abandonner » votre style pour rédiger pour le Web?

Pourquoi pourriez-vous choisir de retirer votre style de votre contenu?

Référencement Web

Le classement dans les moteurs de recherche, ou l’importance de décrocher la bonne position

Le référencement naturel, ou comment charmer les internautes

Quelques stratégies propres au référencement interne

Quelques stratégies propres au référencement externe

Le référencement payant, ou quand il faut un peu plus pour attirer le regard

Le référencement local, ou quand la proximité est votre meilleur atout

Des questions?

Comment savoir à quelle position se classe votre site Web dans les résultats de recherche?

Pourquoi certaines techniques de référencement sont proscrites?

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

Afficher des graphiques sur une carte - OpenLayers/Artichow

Une carte n'est qu'un des nombreux moyens existants (graphique, tableaux....) permettant l'affichage et la mise en forme de données. Pourtant la plupart des librairies cartographiques actuelles se résument à un affichage "simple" de données géographiques. Or la plus value d'une donnée est justement sa mise la possibilité de la faire parler, de dégager une tendance, bref de l'utiliser...

C'est pourquoi après avoir consulté le blog de Bjørn Sandvik (link is external) et notamment son article sur le couplage d'OpenLayers et google Chart (link is external) je me suis lancé le projet d'arriver à un résultat similaire mais en utilisant uniquement des librairies OpenSource : OpenLayers (link is external) et Artichow (link is external).
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Faites le plein d'icônes gratuites pour vos projets avec Icons DB

Faites le plein d'icônes gratuites pour vos projets avec Icons DB | Bonnes Pratiques Web | Scoop.it
Icons DB est une base de données regroupant 3388 icônes scrupuleusement range par tags, et qu'il est possible de télécharger à l’unité.

Besoin d'une icône rapidement ? Pas de soucis, la recherche est précise, et pour peu que l'on connaisse le nom anglais de ce que l'on cherche, le résultat est souvent le bon du premier coup.

Autre avantage pour gagner du temps, Icons DB vous propose de personnaliser la couleur de l'icône avant de le télécharger au format et à la taille de votre choix, ce qui est évidemment beaucoup plus rapide que d'ouvrir Photoshop pour éditer le fichier après l'avoir téléchargé.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Atelier erreurs-accessibilite

Au cours des sept dernières années, l’équipe d’AccessibilitéWeb a réalisé plus de 850 audits, basé sur différents standards d’accessibilité et ce, sur des cent…
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Anatomy of an accessible carousel: everyone's responsible!

The things you need to consider when adding a carousel to your website to make sure it meets accessibility standards.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Introduction à l'accessibilité du Web

Voici une présentation des concepts de l'accessibilité du web qui se base sur les préjugés qu'ont certaines personnes par rapport à l"accessibilité
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Comment développer une démarche de mise en conformité au RGAA ?

Retour d’expérience à la Région Centre avec le site JeunesOCentre le web-magazine régional pour les 15-25 ans Cette présentation a eu lieu le 18 janvier 2012 l…
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

A Designer’s Guide To Accessibility and 508 Compliance | Viget

A Designer’s Guide To Accessibility and 508 Compliance | Viget | Bonnes Pratiques Web | Scoop.it
The words "accessibility" and "508 compliance" are are thrown around frequently these days, but as a designer it can be unclear how the practice directly pertains to your role in visual design. Sorting through all the hubbub, I would like to take the opportunity to clarify why accessibility should matter to you as a designer, and how you can champion the practice without compromising your design.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Anatomy of an accessible carousel | Access iQ

Anatomy of an accessible carousel | Access iQ | Bonnes Pratiques Web | Scoop.it
Rotating displays of content, usually called carousels or slideshows, are a common element on many websites, providing a way of focusing attention on particular content, while making effective use of limited space.

However, carousels can present accessibility issues that affect people with a disability. For example, a blind or vision impaired user may require a screen reader to read out the content for them, and someone with a physical disability may navigate using only a keyboard — which is often not considered when implementing a carousel on a webpage.

To help ensure your carousel is accessible, here are some things you should do:

provide user controls to pause or stop the carousel.
ensure user controls are keyboard navigable.
confirm controls are correctly labelled for screen readers.
The following images show some of the elements that form part of the creation of an accessible carousel and highlights the individual responsibilities of designers, developers and content authors.

The designer's role in the creation of an accessible carousel
The developer's role in the creation of an accessible carousel
The content author's role in the creation of an accessible carousel
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Étude - La dynamique d'internet. Prospective 2030

À partir d'une analyse rétrospective d'internet, cette étude a cherché à dégager les tendances que crée une histoire forte désormais de plus de vingt ans, sans négliger les ruptures que suscite une croissance jusqu'à présent quasi exponentielle.

more...
No comment yet.