Bonnes Pratiques Web
49.1K views | +0 today
Follow
 
Scooped by Mickael Ruau
onto Bonnes Pratiques Web
Scoop.it!

Chrome : Deboger votre android à distance

Chrome : Deboger votre android à distance | Bonnes Pratiques Web | Scoop.it
Le déclin du PC et la popularité croissante des tablettes / smartphones implique que les sites web doivent prendre en compte ce nouveau type de devices et leur contraintes (résolution, puissance, &…
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…
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Web Components | MDN

Web Components | MDN | Bonnes Pratiques Web | Scoop.it
La description ci-dessus fonctionne assez bien à l'heure actuelle, mais cela laisse de côté plusieurs choses pour lesquelles les Composants Web pourraient être utilisés. Avec un Composant Web, vous pouvez faire presque tout ce qui peut être fait en HTML, CSS et JavaScript, et celui-ci peut devenir un élément réutilisable facilement.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

microsoftgraph/microsoft-graph-toolkit - webcomponents.org

microsoftgraph/microsoft-graph-toolkit - webcomponents.org | Bonnes Pratiques Web | Scoop.it
The Microsoft Graph Toolkit is a collection of web components powered by the Microsoft Graph.

Components are functional and work automatically with the Microsoft Graph

Components work with any web framework and on all modern browsers. IE 11 is also supported

Here is a quick jsfiddle
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Que sont les Web Components ? Explication et exemples - IONOS

Que sont les Web Components ? Explication et exemples - IONOS | Bonnes Pratiques Web | Scoop.it
Sommaire

Que sont les Web Components ?
Pourquoi utiliser les Web Components ?
Aperçu des éléments des Web Components
Comment puis-je utiliser les Web Components ?
Compatibilité des Web Components avec les différentes versions de navigateur
Bibliothèques, modèles et exemples de Web Components
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Dieter Rams: 10 Timeless Commandments for Good Design | Interaction Design Foundation

Dieter Rams: 10 Timeless Commandments for Good Design | Interaction Design Foundation | Bonnes Pratiques Web | Scoop.it
According to Dieter Rams, good design:

Is innovative
Makes a product useful
Is aesthetic
Makes a product understandable
Is unobtrusive
Is honest
Is long-lasting
Is thorough down to the last detail
Is environmentally friendly
Involves as little design as possible
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Typeface Classification –

Typeface Classification – | Bonnes Pratiques Web | Scoop.it

Un travail de classification des caractères typographiques par l’artiste Martin Plonka. Il imagine un classement en sept grands groupes

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

Pourquoi les développeur(euse)s détestent PHP

Pourquoi les développeur(euse)s détestent PHP | Bonnes Pratiques Web | Scoop.it


PHP évolue, pas sa réputation

Dans la tête de beaucoup de développeur(euse)s, PHP est resté en version 4. À l’époque ou le langage était instable, où la performance était désastreuse et où la POO était inexistante. Les développeur(euse)s détestent PHP car ils sont persuadés que le langage stagne depuis 20 ans. Quand tu connais PHP aujourd’hui et tous les frameworks qu’ils l’entourent force est de constater qu’on est loin de PHP4.

PHP7 est plus rapide que Python et Ruby. Le langage peut être fortement typé si tu le souhaites. Le tooling évolue aussi avec des analyseurs statiques qui sont apparus ces dernières années. Les frameworks comme Symfony ou Zend forcent les bonnes pratiques. Une nouvelle version est release tous les ans avec un agenda bien précis. D’ailleurs PHP7.4 arrive bientôt et promet encore plus de performance. Encore une fois je vais pas te faire la liste de tout ce qui se passe dans le PHP moderne par soucis de longueur. Si tu veux tout savoir je t’invite à consulter cet article qui va t’ouvrir les yeux sur PHP en 2019. Il est temps de nuancer ton regard haineux qui date de 2003 sur un langage qui n’a plus rien à voir avec ce qu’il était.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

[Gratuit] Template Persona pour votre stratégie marketing

Grâce à notre template Buyer Persona, vous allez pouvoir définir vos propres Personas et construire une stratégie marketing performante.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

ryanmcdermott/clean-code-javascript: Clean Code concepts adapted for JavaScript

ryanmcdermott/clean-code-javascript: Clean Code concepts adapted for JavaScript | Bonnes Pratiques Web | Scoop.it
:bathtub: Clean Code concepts adapted for JavaScript - ryanmcdermott/clean-code-javascript
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Pourquoi choisir Elementor Pro pour créer un site sur WordPress ?

Pourquoi choisir Elementor Pro pour créer un site sur WordPress ? | Bonnes Pratiques Web | Scoop.it
Elementor Pro est le page builder le plus populaire sur WordPress. Nous vous expliquons pourquoi les créateurs de site internet l'adore.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

The PWABuilder components and demos showcase - PWABuilder

As you may have seen, we recently did a HUGE release for PWABuilder. One of the things we released this time is a brand-new Components and Demos showcase, let us dive into the details! The Components…
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

X-Tag - Web Components Library

X-Tag is a lightweight, power-packed Web Components library that gets you there fast, and stays in its own lane.

Standard
Built on Web Components APIs
Efficient
Powerful features in 3k min/gzip

Pluggable
Plays nice with other libraries

Mickael Ruau's insight:

What is X-Tag?

Originally developed at Mozilla, now supported by devs at Microsoft, X-Tag is an open source JavaScript library that wraps the W3C standard Web Components family of APIs to provide a compact, feature-rich interface for component development. While X-Tag makes it easy to leverage all the Web Components APIs (Custom Elements, Shadow DOM, Templates, and HTML Imports), it only requires Custom Elements API support to operate. In the absence of the native Custom Elements APIs, X-Tag uses the same polyfill Google's Polymer framework relies on. You can view our package options in the Builds section

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

L’API web components en quelques lignes

L’API web components en quelques lignes | Bonnes Pratiques Web | Scoop.it
La tendance voulait il y a encore peu que l’on minimise la durée de rédaction du code, sa complexité ainsi que sa longueur. Force est de reconnaître
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Native Web Components come to Microsoft Edge - Polymer Project

Open-source libraries, tools, and patterns to help developers build modern web applications
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

The Ultimate Guide to Setting KPIs For Measuring Content Performance (Infographic)

The Ultimate Guide to Setting KPIs For Measuring Content Performance (Infographic) | Bonnes Pratiques Web | Scoop.it
Content marketing has grown to be one of marketers’ main go-to strategies for driving brand awareness and leads. Yet, most of us are struggling with
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Dieter Rams — Wikipédia

Dieter Rams

Dieter Rams, né le à Wiesbaden, est un designer industriel allemand contemporain, étroitement associé aux produits de consommation de la société Braun et à l'école fonctionnaliste du design industriel. Rams a étudié l'architecture à la Werkkunstschule Wiesbaden ainsi que l'apprentissage de la menuiserie de 1943 à 1957.

Mickael Ruau's insight:

Les dix principes du « bon design » selon Dieter Rams

Tout bon design est :

Innovant : Dieter Rams indique qu'il est peu probable d'épuiser les possibilités d'innovation dans la conception du design. Le développement technologique continu, offre en effet l'opportunité d'innover de manière perpétuelle. Le « bon design » est constamment mis à jour grâce à l'intégration des nouvelles technologies. Le design ne connait donc pas de limites en termes d'innovation.
Utile : l'objectif premier du designer est de conférer au produit une utilité. Le design de celui-ci doit avant tout être pratique. Pour autant, le produit doit aussi répondre à certains critères psychologiques et esthétiques . Aussi, le « bon design » donne priorité à l'utilité d'un produit et proscrit l'ensemble des caractéristiques superflues.
Esthétique : la conception bien exécutée ne manque pas de beauté. La qualité esthétique d'un produit fait partie intégrante de son utilité. Les produits utilisés au quotidien produisent un effet indirect sur les utilisateurs et leur bien-être.
Compréhensible : un bon design implique que la structure du produit soit compréhensible et prédispose l'utilisateur à utiliser ses fonctions de manière intuitive. Idéalement, le produit est intuitif pour toutes les catégories d'utilisateurs.
Discret : tous les produits et leur conception doivent être aussi bien neutres et sobres. La simplicité et la neutralité sont destinées à fournir un espace d'expression pour chaque utilisateur. Tous les produits bien conçus servent un objectif similaire à celui de tous les outils. Ainsi, une bonne conception ne doit pas confondre l'identité des produits avec celle des objets décoratifs ou des œuvres d'art. Un produit bien exécuté est un outil qui ne perd pas son temps avec une identité esthétiquement illogique.
Honnête : un design honnête ne cherche pas à tromper l'utilisateur sur la valeur réelle du produit. De plus, un design honnête ne cherche pas à manipuler le consommateur avec des promesses qui ne seraient pas corrélées à la réalité physique du produit.
Durable : la mode est par nature éphémère et subjective. Par opposition, l'exécution appropriée du « bon design » confère à chaque produit une nature objective et intrinsèquement utile qui pérennise son utilisation. Ces qualités sont reflétées par la tendance des utilisateurs à conserver des produits bien conçus, bien que la transformation de la société en groupe consumériste favorise les produits jetables.
Exhaustif : Dieter Rams établit cette règle comme un absolu : le « bon design » ne laisse jamais rien au hasard. La précision de chaque détail exprime le respect des concepteurs envers leurs consommateurs. Chaque erreur apparait comme un manque de respect.
Écologique : un « bon design » doit contribuer de manière significative à la préservation de l'environnement par la conservation des ressources et en minimisant la pollution physique et visuelle au cours du cycle de vie du produit. L'aspect de valeur à long terme entre ici aussi en jeu.
Minimaliste : Dieter Rams distingue le « Less is more » (« Moins c'est mieux »), paradigme de conception quotidiennement régurgité dans l'industrie du design, de son propre paradigme : « Moins, mais avec la meilleure exécution ». Son approche favorise les principes fondamentaux de chaque produit et évite tout ce qui est superflu. Le résultat idéal correspond à des produits d'une grande pureté et simplicité.

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

Comprendre HTTP3 en 5 minutes

Comprendre HTTP3 en 5 minutes | Bonnes Pratiques Web | Scoop.it
T'as pas encore tout à fait compris HTTP2 qu'on commence déjà à te faire chier avec HTTP3. Mais y'a une raison à ça : HTTP3 c'est le bien.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

What is the Pirate Funnel (AAARRR) + How to apply it in 5 quick steps

The Pirate Funnel is a framework to cut a company in pieces and shows you where to focus your attention. The funnel is developed by Dave McClure and called the Pirate Funnel because the first letters spell out AAARRR for Awareness, Acquisition, Activation, Retention, Referral, Revenue.

Mickael Ruau's insight:
The Pirate Funnel… AAARRR!

The pirate metrics are the perfect starting point if you don’t know where to get started. If you fill in all the AARRR steps in a Pirate Funnel Canvas, you’ll see where you lose the most people.

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

6 templates de persona marketing (+ modèle à télécharger) !

6 templates de persona marketing (+ modèle à télécharger) ! | Bonnes Pratiques Web | Scoop.it
Comment modéliser vos buyer personas ? Découvrez une sélection d’outils et templates de personas marketing ✅  parmi lesquels vous pourrez faire votre choix.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

6 Customer Journey Maps You Can Swipe

6 Customer Journey Maps You Can Swipe | Bonnes Pratiques Web | Scoop.it
When retail was all brick and mortar, things were simple. Business displayed their inventory; customers came in and physically assessed it and bought what
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

How to Write a Proposal That Clients Can't Say "No" To

How to Write a Proposal That Clients Can't Say "No" To | Bonnes Pratiques Web | Scoop.it
A step-by-step article on how to write a convincing project proposal for PM clients. Proposal template and sample available for DPM Pro Members!
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Comment ai-je trouvé ma 1ère mission de freelance ?

Comment ai-je trouvé ma 1ère mission de freelance ? | Bonnes Pratiques Web | Scoop.it
Comment ai-je trouvé ma 1ère mission de freelance grâce au « Personal Branding », en moins de 3 mois ? Mon retour d'expérience (REX) en tant que freelance
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

An intro to designing accessible data visualizations - Sarah L. Fossheim

An intro to designing accessible data visualizations - Sarah L. Fossheim | Bonnes Pratiques Web | Scoop.it
10 dos and don'ts for designing accessible data visualizations, including real-life examples and resources
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

OVHcloud Tech Talks Fr S01E08 - GAIA-X pour les techs: OVHcloud & Scaleway vous ouvrent les coulisses du projet

OVHcloud Tech Talks Fr S01E08 - GAIA-X pour les techs: OVHcloud & Scaleway vous ouvrent les coulisses du projet | Bonnes Pratiques Web | Scoop.it

Par Horacio Gonzalez Les OVHcloud Tech Talks Fr sont une série de webinars techniques en français faits par les équipes OVHcloud. Infrastructure, big data, bases de données, Kubernetes, load balancing, SaaS, PaaS, IaaS… À l’image de nos OVHcloud Meetups (comme ceux de Paris, Rennes ou Brest), les sujets des OVHcloud Tech Talks sont divers et variés, … OVHcloud Tech Talks Fr S01E08 – GAIA-X pour les techs: OVHcloud & Scaleway vous ouvrent les coulisses du projet Read More »

No comment yet.