Bonnes Pratiques Web
40.5K views | +76 today
Follow
 
Rescooped by Mickael Ruau from Ressources d'apprentissage gratuites
onto Bonnes Pratiques Web
Scoop.it!

MOOC Découvrir le marketing

MOOC Découvrir le marketing | Bonnes Pratiques Web | Scoop.it
Avec ce MOOC de l'UCL, vous allez découvrir les mécanismes à l’œuvre derrière les grandes décisions qui relèvent du marketing opérationnel :

la conception d’un produit
la fixation du prix auquel celui-ci sera vendu
la sélection des canaux de distribution pour la vente
le choix des moyens de communication

Via Thot - Cursus
more...
No comment yet.
Bonnes Pratiques Web
Développement Php, Mysql , Javascript, Jquery, Css3, (X)HTML5...
Curated by Mickael Ruau
Your new post is loading...
Your new post is loading...
Scooped by Mickael Ruau
Scoop.it!

Un environnement de développement PHP avec Netbeans et Docker

Un environnement de développement PHP avec Netbeans et Docker | Bonnes Pratiques Web | Scoop.it
Docker, c’est une technologie qui révolutionne la virtualisation. Pour nous les développeurs, Docker signe la fin du syndrome “works on my machine”. Je ne saurais trop vous recommander de suivre les…
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Top JavaScript VSCode Extensions for Faster Development �

VSCode is an open-source, cross-platform editor that has become a favourite of programmers, particularly in the Web Development community. It’s fast, extensible, customisable, and has tons of…
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

svg : comment bien faire ? - Access42

svg : comment bien faire ? - Access42 | Bonnes Pratiques Web | Scoop.it
Dans cet article, nous vous expliquons comment traiter les balises svg : qui embarquent du contenu décoratif ; qui véhiculent de l'information ; intégrées dans des (...)
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

How the Bootstrap 4 Grid Works –

The Bootstrap Grid System is used for layout, specifically Responsive Layouts. Understanding how it works is vital to understanding Bootstrap. The Grid is made up of groupings of Rows & Columns…
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Free PDF eBook: Thinking in CSS | PACKT Books

What You Will Learn

Incorporate CSS into HTML using internal and inline styles, external stylesheets and the import command
Explore the structure of CSS and learn how to use selectors to locate elements to restyle your webpage
Find out how to manipulate a range of web page elements using CSS to create the page you want
Follow the code examples and see how CSS interacts with web pages you see every day
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

The Complete JavaScript Handbook –

JavaScript is one of the most popular programming languages in the world, and is now widely used also outside of the browser. The rise of Node.js in the last few years unlocked back-end development - once the domain of Java, Ruby, Python, PHP, and more traditional server-side languages.

The JavaScript Handbook follows the 80/20 rule: learn 80% of JavaScript in 20% of the time.

Learn all you need to know about JavaScript!

Note: you can get a PDF, ePub, or Mobi version of this handbook for easier reference, or for reading on your Kindle or tablet.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

mkcert: valid HTTPS certificates for localhost

mkcert: valid HTTPS certificates for localhost | Bonnes Pratiques Web | Scoop.it
The web is moving to HTTPS, preventing network attackers from observing or injecting page contents. But HTTPS needs TLS certificates, and while deployment is increasingly a solved issue thanks to the ACME protocol and Let's Encrypt, development still mostly ends up happening over HTTP because no one can get an
more...
No comment yet.
Rescooped by Mickael Ruau from Time to Learn
Scoop.it!

Liste de 500 outils et utilitaires pour startupers et marketeurs

Liste de 500 outils et utilitaires pour startupers et marketeurs | Bonnes Pratiques Web | Scoop.it

Liste de 500 utilitaires,outils pour marketeur, startuper, designer, community manager, entrepreneur, freelance.


Via Frédéric DEBAILLEUL
more...
No comment yet.
Rescooped by Mickael Ruau from Time to Learn
Scoop.it!

BrioVR: créez vos environnements virtuels ont ne peut plus simplement

BrioVR: créez vos environnements virtuels ont ne peut plus simplement | Bonnes Pratiques Web | Scoop.it

BrioVR est une solution assez proche de Vectary ou Styly déjà testés ici. Il se distingue des solutions précédentes par sa simplicité extrême. L’interface est basique avec une fenêtre de visualisation et un menu permettant d’insérer les objets.Click here to edit the content


Via Frédéric DEBAILLEUL
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Designing Layouts for Screen Readers

Designing Layouts for Screen Readers | Bonnes Pratiques Web | Scoop.it
You may think of layouts has being a primarily visual concern. Let's rethink that.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Les dangers de l'hybride pour les applications mobiles

Les dangers de l'hybride pour les applications mobiles | Bonnes Pratiques Web | Scoop.it

Google et Apple déconseillent les applications hybrides

more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Notable – Un éditeur Markdown multi-plateformes vraiment cool – Korben

Notable est un petit éditeur Markdown sous licence libre (MIT) qui se trouve être vraiment pas mal si vous êtes familier avec des outils proprio comme Apple Notes ou Evernote. Avec son interface très calquée sur Notes d’Apple, Notable offre la possibilité de créer des carnets dans lesquels mettre vos notes, le tout en WYSIWYG…
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

20+ Creative YouTube Banner Templates & Tips to Wow Your Audience!

20+ Creative YouTube Banner Templates & Tips to Wow Your Audience! | Bonnes Pratiques Web | Scoop.it
Want to grow your YouTube audience? This guide will show you how to use a YouTube banner template to creating strong visual branding on your channel.
Mickael Ruau's insight:

7. Include a call-to-action in your YouTube banner

Your banner is prime real estate on your YouTube profile. If there’s an action you want visitors to take (like, say, slamming that subscribe button), why not include it in your banner?

A call-to-action (or CTA) is a phrase or button that asks readers to do a specific thing, like following you on Twitter or signing up for your newsletter.

Content marketing guru Neil Patel is never afraid to throw a CTA at you, so why should you be?

more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Mindful Design ~ A Book About Design And The Brain

Mindful Design ~ A Book About Design And The Brain | Bonnes Pratiques Web | Scoop.it
Infuse your design process with the understanding and appreciation the human mind deserves.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

▷ Augmentez votre audience grâce à l’intelligence artificielle rédactionnelle | Webmarketing & co'm

▷ Augmentez votre audience grâce à l’intelligence artificielle rédactionnelle | Webmarketing & co'm | Bonnes Pratiques Web | Scoop.it

Vous le savez, en matière de stratégie de référencement, le contenu est ROI. Optimiser ses contenus sur les bonnes expressions est essentiel pour développer sa visibilité sur Google et les autres moteurs de recherche. Si, il y-a quelques années il suffisait d’avoir une page remplie du mot-clé visé pour obtenir des résultats, aujourd’hui ce n’est plus le cas !

more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

The Ultimate Guide to Headless CMS

The Ultimate Guide to Headless CMS | Bonnes Pratiques Web | Scoop.it
The Ultimate Guide to Headless CMS is an honest and practical guide to explaining headless architecture, API-first approach, and omnichannel content delivery in a nutshell.
Mickael Ruau's insight:

What can you find in the guide?

  • How we manage content in the multichannel world
  • Cloud-first headless CMS in a nutshell
  • What API-first really means and why it matters
  • Differences between coupled, decoupled, and headless
  • Hosting model: on-premise, cloud managed, or SaaS?
  • When to use a headless CMS
  • Increasing your digital agility with a headless CMS

What are the benefits of Headless CMS?

Rapid Deployment

Code in any language. Get up and running fast!

Omnichannel Content

Content in the cloud. Instantly ready for any device.

Agile and Flexible

Be ready and responsive for anything.

Future-proof

No technological boundaries. The future is headless.

more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

7 Practical Tips for Cheating at Design – Refactoring UI –

Every web developer inevitably runs into situations where they need to make visual design decisions, whether they like it or not. Maybe the company you work for doesn’t have a full-time designer and…
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Tap to Dismiss – Tap to Dismiss –

Let’s talk great escapes. Not magical like Houdini’s handcuffs or Thor’s bifrost, instead very commonplace — an interactive icon to remove pesky pop-ups away from your desired content. If modals…
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

7 Rules for Creating Gorgeous UI (Part 1) – Erik D. Kennedy –

The Rules

Here they are:

Light comes from the sky
Black and white first
Double your whitespace
Learn the methods of overlaying text on images (see Part 2)
Make text pop — and un-pop (see Part 2)
Only use good fonts (see Part 2)
Steal like an artist (see Part 2)
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

L’Audit SEO Complet d’un Site Web (Explications Détaillées)

Voici un audit SEO professionnel complet avec des explications détaillées. Je l'ai utilisé pour analyser un grand nombre de sites web.
more...
No comment yet.
Rescooped by Mickael Ruau from Time to Learn
Scoop.it!

Comment faire un cinemagraph ?

Comment faire un cinemagraph ? | Bonnes Pratiques Web | Scoop.it

Sur Google+, les cinemagraphs sont légion. Il s'agit d'une image mi-fixe, mi-animée. C'est parfait pour illustrer un profil Google+ ou tout autre réseau qui supporte les GIF animés. Une simple recherche Google permet de trouver de nombreux cinemagraphs de qualité. Mais pour plus d'originalité, vous pouvez aussi créer


Via Frédéric DEBAILLEUL
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Scène de crime : trouvez l’indic !

Scène de crime : trouvez l’indic ! | Bonnes Pratiques Web | Scoop.it

Une enseigne de la grande distribution s’adresse à l’agence web que je dirige pour mettre en ligne son offre Traiteurs de fin d’année. Le site doit offrir la possibilité aux clients de construire une liste de courses qu’ils pourront utiliser ensuite en magasin pour commander leurs produits. Le site ne sera accessible que cinq semaines par an à l’occasion des fêtes.

L’année suivante, suite au succès de l’opération et à une demande de plus en plus importante, l’enseigne décide d’ajouter le paiement en ligne. Le niveau de performance demandé est très élevé : une fiabilité sur la commande de 100% et un taux contractuel de disponibilité au-delà de 95%. Je dois donc offrir à mon client un service de maintenance, cependant mes équipes agiles actuelles n’ont aucun cadre de travail pour assurer ce nouveau type de prestation.

Mickael Ruau's insight:

La démarche

La question qui se pose est de savoir comment être certains que nous sommes en train de réussir, c’est-à-dire assurer un service de maintenance de qualité tout en réduisant l’impact de cette activité sur le développement des autres projets.

La première étape consiste à comprendre ce qui est vraiment important pour le client pendant la durée de vie du site d’e-commerce. Je veux savoir sur quoi je dois porter une attention particulière afin de satisfaire totalement mon client. Je décide de ne pas décider à sa place et de lui poser la question. Pour cela, je m’appuie sur l’outil « Voix Du Client » 8

Trois points clefs ressortent de ce questionnement :

  • Les dates d’ouverture et de fermeture du service. Le site doit être accessible seulement entre le 19 novembre et le 26 décembre, période d’ouverture annoncée par l’enseigne. Le client investit dans une campagne de communication (TV, radio, publicité sur le lieu de vente, etc.). Il communique fortement sur la date d’ouverture du service qui doit être opérationnel au moment fixé. Pour la fermeture, il est très important d’arrêter le service pour chaque magasin aux heures définies par le client. Dans le cas contraire, un magasin pourrait être dans l’incapacité d’honorer les commandes passées. La réputation de l’enseigne est donc en jeu.

  • L’engagement sur la prise de commande du client du magasin. 100% des commandes prises doivent être honorées.

  • La disponibilité du site. Le site doit être accessible 100% du temps sur la période d’ouverture. Même si contractuellement le site doit avoir une disponibilité de 95%, le client attend une disponibilité totale du service.

A partir de ce constat, je construis avec l’équipe un ensemble d’indicateurs clefs, afin de nous concentrer sur le véritable challenge permettant de satisfaire pleinement notre client. Assisté par ces indicateurs, je veux connaître chaque jour l’état de la situation pour m’aider à décider.

  • Les dates d’ouverture et de fermeture du service :

    • Un indicateur quotidien OK/NOK sur l’ouverture et la fermeture du site par magasin.
  • L’engagement sur la prise de commande du client du magasin :

    • Un indicateur quotidien OK/NOK sur la conformité des commandes envoyées.
  • La disponibilité du site :

    • Un indicateur quotidien OK/NOK sur l’accessibilité au catalogue de produits et à la commande proprement dite.

    • Un indicateur quotidien OK/NOK sur le fonctionnement des fonctionnalités du site (nuage de tags, envoi à un ami,…)

Les indicateurs se présentent comme suit :

Structure de nos indicateurs de performance*

more...
No comment yet.
Rescooped by Mickael Ruau from Retail' topic
Scoop.it!

Qui sont les sites marchands les moins...

Qui sont les sites marchands les moins... | Bonnes Pratiques Web | Scoop.it
Les sites de ventes privées et des discounters, comme Aldi et Lidl, sont les grands gagnants du classement de la Google dépendance des 50 sites e-commerce les plus visités de France réalisé pour LSA par MyMédia Group.

Via RetailExploration
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

How Much of the Internet Is Fake?

How Much of the Internet Is Fake? | Bonnes Pratiques Web | Scoop.it
Turns out, a lot of it, actually.
Mickael Ruau's insight:

How much of the internet is fake? Studies generally suggest that, year after year, less than 60 percent of web traffic is human; some years, according to some researchers, a healthy majority of it is bot. For a period of time in 2013, the Times reported this year, a full half of YouTube traffic was “bots masquerading as people,” a portion so high that employees feared an inflection point after which YouTube’s systems for detecting fraudulent traffic would begin to regard bot traffic as real and human traffic as fake. They called this hypothetical event “the Inversion.”

more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Thinking PRPL - A Progressive Web Pattern

Thinking PRPL - A Progressive Web Pattern | Bonnes Pratiques Web | Scoop.it

The PRPL pattern is not a specific technology or tool, but rather a methodology for building web applications that load fast

more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Vérifier les emails avec www.mail-tester.com pour éviter d’être considéré comme spammeur | Le blog Sodifrance

Vérifier les emails avec www.mail-tester.com pour éviter d’être considéré comme spammeur | Le blog Sodifrance | Bonnes Pratiques Web | Scoop.it
more...
No comment yet.