Bonnes Pratiques Web
35.2K views | +25 today
Follow
 
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!

ActivityPub - W3C - médias sociaux partagés ?

ActivityPub - W3C - médias sociaux partagés ? | Bonnes Pratiques Web | Scoop.it
ActivityPub et les médias sociaux partagés : le W3C fera-t-il (enfin) le printemps des médias sociaux partagés ?
more...
No comment yet.
Rescooped by Mickael Ruau from Web design
Scoop.it!

#Google veut faire disparaître les #URL

#Google veut faire disparaître les #URL | Bonnes Pratiques Web | Scoop.it
Les développeurs de Chrome aimeraient réinventer totalement les URL pour les rendre plus faciles à comprendre et à utiliser. Dans le cadre des dix ans de Chrome, les développeurs de la dernière version du navigateur de Google se sont confiés à The Wired concernant leur intention de trouver une alternative à l’URL, jugée vieillissante et …

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

Charting Lessons from Optical Illusions - Make better charts by understanding how our minds work

Charting Lessons from Optical Illusions - Make better charts by understanding how our minds work | Bonnes Pratiques Web | Scoop.it
The other day while doing aimless roaming on the dotcom alley, I have seen some cool optical illusions. There are so many valuable lessons optical illusions can teach us - chart makers. Don't believe me? Look at the bubble chart illusion on the left and tell me which orange circle is bigger? What is your answer? Right or left. Well, my friend, the answer is both are of same size. Read the rest of this post to find some cool optical illusions and what they can teach us - chart makers.
more...
No comment yet.
Rescooped by Mickael Ruau from Vincent Datin
Scoop.it!

Les 10 KPI de la satisfaction client à connaître en 2018

Les 10 KPI de la satisfaction client à connaître en 2018 | Bonnes Pratiques Web | Scoop.it
Article Les 10 KPI de la satisfaction client à connaître en 2018

Via Vincent Datin
more...
Vincent Datin's curator insight, August 28, 1:56 AM

La satisfaction client ne manque pas d'indicateurs pour la mesurer. Parmi les différents KPI, nous retrouvons les plus classiques : le CSAT, le Net Promoter Score ou encore le Customer Effort Score mais il en existe bien d’autres.

 

Scooped by Mickael Ruau
Scoop.it!

Functional Programming: A Paradigm - DZone Java

Functional Programming: A Paradigm - DZone Java | Bonnes Pratiques Web | Scoop.it
This post explores the functional programming paradigm, including its pros and cons and the two main components of FP — pure functions and immutable values.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Angular Libraries and Microservices - DZone Microservices

Angular Libraries and Microservices - DZone Microservices | Bonnes Pratiques Web | Scoop.it
In this tutorial, we'll learn how to use Angular web development libraries to set up a consistent, integrated user interface for your microservices application.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Emailing : votre taux de clic est-il dans la moyenne ? (Étude)

Emailing : votre taux de clic est-il dans la moyenne ? (Étude) | Bonnes Pratiques Web | Scoop.it

Les données de cette étude de Yes Lifecycle Marketing, basée sur 7 milliard de mails envoyés par des marques.

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

Saas Free Template - Bootstrap 4 & Material Design

Saas Free Template - Bootstrap 4 & Material Design | Bonnes Pratiques Web | Scoop.it
Free, responsive Saas template containing pages and components designed for companies owning a "software as a service" product. Built with the newest Bootstrap 4 and Material Design. MIT license - free for personal and commercial use.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Petit-Déjeuner : Ceci n'est pas un mobile

Depuis que Steve Jobs, le 9 Janvier 2007 annonçait fièrement : « Today Apple is going to reinvent the phone » le mobile est devenu protéiforme…

Mickael Ruau's insight:

Nous vous avons proposé de revenir sur la création de deux services mobiles : celui des applications de la BNP, orientées grand public, et celui du projet COSMO de la SNCF, pour ses agents de contrôle :

 

Quelles particularités distinguent l’approche à mener pour réaliser ces projets ?

En quoi ces applications exploitent les spécificités de leur plateforme mobile ?

Y a-t-il des points communs entre une application B2C et B2E ?

 

Enfin, nous avons partagé notre vision de la transformation des usages mobiles en vous présentant nos convictions sur leurs évolutions.

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

Angular 6 tutorial - create your own Angular Bootstrap app, step by step

Angular 6 tutorial - create your own Angular Bootstrap app, step by step | Bonnes Pratiques Web | Scoop.it
Learn the most powerful JavaScript framework by creating your own app. We'll guide you step by step from basic to advanced concepts of Angular technology.
Mickael Ruau's insight:

Along this course you will also learn many powerful and useful technologies such as:

Angular 6

The newest Angular 6 including most recent features. Technology used by Google, Wix, weather.com and Forbes.

Angular CLI

Angular Command Line Interface which allows speeds up your development. Creation of projects, classes, services have never been easier.

Typescript

Typescript is a superset of JavaScript which allows you to use extended functionalities which were reserved till now to more advanced languages like Java or C++.

NPM

Within this tutorial you will also learn how to use Node Package Manager to easily install and maintain your project dependencies.

Cross-platform

Regardless whether you are using Windows, macOS or Unix - this tutorial show you how to use Angular on each operating system.

SPA

If you have ever wonder why some websites are blazing fast you should continue reading. This tutorial will guide you how to build Single Page Application, which works without reloading.

RWD

Within this tutorial you will learn about Responsive Web Development - in other words, how to build a website which looks awesome on each device. Regardless whether it's 30-inch monitor or smartphone screen.

MDB

This tutorial will also teach you how to combine 2 powerful tools - Bootstrap and Material Design to achieve an outstanding effect on your website or an application.

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

MDBootstrap Webpack tutorial

MDBootstrap Webpack tutorial | Bonnes Pratiques Web | Scoop.it

A Material Design for Bootstrap boilerplate for Webpack

 

This guide will walk you through how you can quickly get setup with MDB free or pro together with Webpack. This tutorial is created by Arnt Oddvar Pedersen and published thanks to his contribution.

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

Build an Angular 4 Multi-Step Wizard – Part 3

Build an Angular 4 Multi-Step Wizard – Part 3 | Bonnes Pratiques Web | Scoop.it
This is the third part of the tutorial series. You will learn how to create an Angular 4 Multi-Step Wizard with Validation.
more...
No comment yet.
Rescooped by Mickael Ruau from Web Increase
Scoop.it!

Streamline Icons, la plus grande bibliothèque d'icônes au monde

Streamline Icons, la plus grande bibliothèque d'icônes au monde | Bonnes Pratiques Web | Scoop.it

Via Jean-Jacques Roland
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Les types en JavaScript

Les types en JavaScript | Bonnes Pratiques Web | Scoop.it
Ce tutoriel fait partie de la collection ES3 dans le détail. Il va traiter des six types existants en JavaScript dans sa version ES3.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

OpenStreetMap vs GoogleMaps pour développer des services sur Internet

De nombreux articles sur le web comparent OpenStreetMap et GoogleMaps, La présente note se focalise sur les éléments de choix entre ces deux solutions dans le cadre de la réalisation d’un service sur internet nécessitant des données cartographiques.

more...
No comment yet.
Rescooped by Mickael Ruau from Vincent Datin
Scoop.it!

Vous avez peut-être tout faux à propos de l’expérience client !

Vous avez peut-être tout faux à propos de l’expérience client ! | Bonnes Pratiques Web | Scoop.it
Au cours des dernières années, le terme «expérience client» a attiré l'attention du monde des affaires. Une étude récente a révélée que près de 90% des entreprises estiment être en concurrence principalement sur “l'expérience client”, contre seulement 36% au début de la décennie.

Via Vincent Datin
more...
Vincent Datin's curator insight, August 24, 3:15 AM

Concevoir une expérience client est impossible si vous n’avez pas une connaissance approfondie et détaillée des objectifs de vos clients. Ce principe illustre davantage la différence entre le service et l’expérience : dans le premier, vous attendez que les clients expriment leur besoin et vous agissez, alors que, dans le second, vous anticipez les besoins dans l’espoir de fournir une valeur constante.

Scooped by Mickael Ruau
Scoop.it!

Ce logiciel permet de visualiser des fichiers Sketch sur Windows

Ce logiciel permet de visualiser des fichiers Sketch sur Windows | Bonnes Pratiques Web | Scoop.it
Une solution pour visualiser et récupérer des propriétés CSS/HTML des fichiers Sketch sur Windows.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Une erreur de configuration sur un bucket Amazon S3 a exposé des infos de GoDaddy, le plus grand bureau d'enregistrement de noms de domaine du monde

Une erreur de configuration sur un bucket Amazon S3 a exposé des infos de GoDaddy, le plus grand bureau d'enregistrement de noms de domaine du monde | Bonnes Pratiques Web | Scoop.it
Le 19 juin 2018, un analyste d'UpGuard Cyber Risk a découvert un compartiment Amazon de stockage S3 lisible publiquement nommé abbottgodaddy. À l'intérieur se trouvaient plusieurs itérations d'un tableur, dont la dernière version s'appelait GDDY_cloud_master_data_1205 (AWS r10).xlsx, un fichier Microsoft Excel de 17 Mo avec plusieurs feuilles et des dizaines de milliers de lignes. Après avoir déterminé la nature des données, UpGuard a lancé des efforts de notification le 20 juin 2018. GoDaddy
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Ecommerce Free Template - Bootstrap 4 & Material Design

Ecommerce Free Template - Bootstrap 4 & Material Design | Bonnes Pratiques Web | Scoop.it
Free, responsive Ecommerce template containing many types of product pages, shopping carts, and different homepages with product presentations. Designed for business. Built with the newest Bootstrap 4 and Material Design. MIT license - free for personal and commercial use.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Angular Bootstrap with Material Design - Powerful and free UI KIT.

Angular Bootstrap with Material Design - Powerful and free UI KIT. | Bonnes Pratiques Web | Scoop.it
Angular 6, Bootstrap 4, TypeScript. CLI Version. 400+ material UI elements, 600+ material icons, 74 CSS animations, SASS files and many more. No jQuery.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Coming Soon Free Template - Bootstrap 4 & Material Design

Coming Soon Free Template - Bootstrap 4 & Material Design | Bonnes Pratiques Web | Scoop.it
Free, responsive Coming Soon template containing animated, full-page Intro and Time Counter.  Built with the newest Bootstrap 4 and Material Design. MIT license - free for personal and commercial use.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Webpack vs Gulp

Webpack vs Gulp | Bonnes Pratiques Web | Scoop.it

With both tools you can handle practically every type of workflow. In terms of usability, Gulp is the winner here: it’s much easier to define and execute your tasks. On the other hand, Webpack’s configuration options are much more flexible + it’s developing very fast and has a community growing in size with every day.

It’s hard to indicate a clear winner here: it all depends on the profile of your work and the preferences of your team.

Mickael Ruau's insight:

Using Webpack with Gulp

This article was inspired by one of the articles on CSS Tricks, specifically the discussion in the comments section.

Some people fell in love with Webpack, claiming they don’t need Gulp anymore. Some people praised the simplicity of Gulp and complained Webpack is overengineered. As one person put it: “Things need to be practical, seat-of-your-pants, and forgiving”.

In Buddy we think there’s no correct answer to that argument: we do recommend Webpack as a bundling tool, but that doesn’t mean you have to give up Gulp entirely if you start using it. After all, the ultimate aim of both applications is to help you deliver better, faster websites.

Gulp/Webpack delivery pipeline in Buddy

As you can see, our delivery workflow contains both actions: what you’re going to use in the end is entirely up to you.

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

Tips for your First JSON Document — MarkLogic Developer Community

Some helpful tips and tools for writing your first JSON document
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

CSS Grid Layout en production ? - Alsacreations

CSS Grid Layout en production ? - Alsacreations | Bonnes Pratiques Web | Scoop.it

Flexbox et Grid Layout comptent parmi les spécifications qui ont le plus contribué à l'évolution des styles CSS durant ces dernières années. Véritables bénédictions pour l'intégrateur, ces deux approches ont littéralement révolutionné les modes de mise en page classiques et renvoyé les anciennes techniques bancales aux oubliettes.

Les premières ébauches de spécifications Flexbox datent de 2009, tandis que le premier brouillon officiel de Grid Layout est apparu en 2012. Bien que tous deux supportés simultanément dès la sortie d'Internet Explorer 10 en octobre 2012, l'adoption de Grid Layout en est encore à ses balbutiements en raison... d'Internet Explorer.

Quelles sont les raisons de ces réticences, et surtout, comment utiliser Grid Layout en production dès aujourd'hui ?

more...
No comment yet.