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

Safari on iOS 7 and HTML5: problems, changes and new APIs | Breaking the Mobile Web

Safari on iOS 7 and HTML5: problems, changes and new APIs | Breaking the Mobile Web | Bonnes Pratiques Web | Scoop.it

Apple has rolled out iOS 7 and in a few days the new devices iPhone 5S and iPhone 5C . As expected Apple has publish just 10% of the necessary information for web developers and I can say without fear of mistake that this is the buggiest Safari version since 1.0. In this post I’ll show you the new APIs and abilities and most of the  problems that you will need to deal with right now if you have a website or a webapp.

Mickael Ruau's insight:

Don’t have time for reading the long post?

UI Changes: toolbar tint, problems with new full-screen navigation, new home screen icon sizes; no <title> usage on iPhone; possible conflicts with new gestures.New devices: nothing new about them for web developers, same as iPhone 5.HTML5 markup: video tracks, <progress>, REMOVED support for input type=datetime  HTML5 APIs: Page Visibility, AirPlay API, canvas enhancements, REMOVED support for Shared Workers, Web Speech Synthesis API, unprefixed Web Audio and Animation Timing, Mutation Observer and other minor additions. BIG PROBLEM with WebSQL using more than 5Mb.CSS: Regions, Sticky position, FlexBox, ClipPath, unprefixed Transitions and other enhancementsHome Screen webapps: SEVERAL SEVERE PROBLEMS (for example, no alert support!)Native webapps: Web View Pagination, JavaScript runtime for native apps and video playing new abilities
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!

Dis papa, c’est quoi l’Atomic Design ?

Dis papa, c’est quoi l’Atomic Design ? | Bonnes Pratiques Web | Scoop.it
Eh bien mon petit Jonathan, l’Atomic Design est une méthode de design qui sert à concevoir des chartes graphiques digitales autrement appelées « style guide » ou « kit UI » voir « design systems ».
more...
No comment yet.
Rescooped by Mickael Ruau from Web Increase
Scoop.it!

1 HTML Element + 5 CSS Properties = Magic!

1 HTML Element + 5 CSS Properties = Magic! | Bonnes Pratiques Web | Scoop.it
Let's say I told you we can get the results below with just one HTML element and five CSS properties for each. No SVG, no images (save for the background on the root that's there just to make clear that our one HTML element has some transparent parts), no JavaScript.

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

Connected Commerce - Digitaliser le Point de Vente

Connected Commerce for Active Brands - Digitaliser le Point de Vente
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

How Search Engines Crawl & Index: Everything You Need to Know

How Search Engines Crawl & Index: Everything You Need to Know | Bonnes Pratiques Web | Scoop.it
When a search engine visits your webpage, it will find your new and updated content and add it to its index. But here are five methods to get your pages indexed even faster.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

150 Mockups gratuits à télécharger

150 Mockups gratuits à télécharger | Bonnes Pratiques Web | Scoop.it
Les mock-ups sont utilisés pour mettre en scène les travaux graphiques rapidement, de quoi mettre en situation, un logo, un site web ou encore un packaging sans effort. Graphiste.com a sélectionné pour vous les 150 meilleurs mockups gratuits de cette année 2017. Parmi les mockups vous trouverez des mockups vitrines, des mockups logos, des mockups cartes …
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Guide du Marketing de l'Atomic Design | Drupal

Guide du Marketing de l'Atomic Design | Drupal | Bonnes Pratiques Web | Scoop.it
L’atomic design – ou conception atomique - est actuellement LE sujet numéro un dans le monde de la conception numérique, de l’image de marque et de la stratégie de contenu. Si les perspectives qu’il offre enthousiasment aussi bien les développeurs que les concepteurs du monde entier, pour les spécialistes du marketing, les implications de l’atomic design peuvent sembler moins évidentes de prime abord.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Atomic Design : la mort programmée des pages web

Atomic Design : la mort programmée des pages web | Bonnes Pratiques Web | Scoop.it
L'évolution digitale implique une évolution des méthodes de composition des pages web. La solution pour refondre les règles ? L'atomic design.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Comment choisir les couleurs d'un logo ?

Comment choisir les couleurs d'un logo ? | Bonnes Pratiques Web | Scoop.it
Le logo est la base de l’identité graphique d’une entreprise, d’une association, d’un produit, d’un service, d’un événement, etc. Cette représentation graphique doit être unique et immédiatement reconnaissable. Fer de lance de toute votre identité visuelle, le logo doit être pensé avec soin par un graphiste spécialisé en création de logo. Que ce soit au …
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Le développeur Full Stack existe-t-il ?

Le développeur Full Stack comme « désiloteur » des organisations

Par la suite, une deuxième définition du terme a été faite par Laurence Gellert, dans un article de blog posté en 2012. Il définit le développeur Full Stack de la manière suivante :

« Un développeur Full Stack est quelqu’un de familier avec toute la stack technique et qui a les compétences pour faciliter le travail de ses collaborateurs ».

Ainsi, on arrive à l’idée d’un développeur « désiloteur ». Au lieu de se jeter corps et âme en complète indépendance dans un projet, le développeur Full Stack permet de répondre aux problèmes de spécialisation des équipes de taille importante. En résumé, c’est une personne capable d’implémenter des fonctionnalités et de résoudre des problèmes sur l’ensemble des couches de la stack technique en tant que membre d’une équipe.

 

La définition la plus utilisée du développeur Full Stack

Là où le débat actuel s’égare peut-être en critiquant la multiplication des annonces recherchant des développeurs Full Stack c’est qu’aujourd’hui, la réalité à laquelle renvoie ce terme a changé.

En effet, on peut observer une croissance très forte des offres d’emplois émises par des start-ups à la recherche de développeur Full Stack. Si l’on s’intéresse à ces annonces on remarque une définition commune : un développeur Full Stack est un développeur capable de coder sur du front et du back sur un nombre de langages limité. On ne parle plus de Full Stack comme personne capable de mener un projet web de A à Z en autonomie mais d’une personne ayant suffisamment de compétences techniques pour évoluer sur les facettes front et back d’un même projet.

Pour faire simple : un développeur compétent sur du PHP/Symfony en back et de l’Angular en front peut aujourd’hui être considéré comme un développeur Full Stack.

Une des raisons de l’expansion de l’utilisation de ce terme et de la multiplication des annonces vient aussi de la digitalisation exponentielle d’un grand nombre d’entreprises avec une multiplication des produits SaaS, web ou mobile qui sont développés. Sur un marché de l’emploi pénurique en offre de compétences et dans un contexte où de nombreuses entreprises n’ont pas forcément les moyens d’embaucher un développeur front-end et un développeur back-end simultanément ; par conséquent un développeur qui a la capacité d’évoluer sur ces deux aspects d’un projet est devenu une perle rare !

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

A/B Testing sur AdWords : Comment Mettre en Place un Experiment

A/B Testing sur AdWords : Comment Mettre en Place un Experiment | Bonnes Pratiques Web | Scoop.it
Malgré un ROI positif, il faut TOUJOURS tester sa campagne Google AdWords grâce aux A/B tests. Découvrez comment en mettre un en place et l'analyser.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

SEO Google : nouvelles tendances et enjeux en 2018 | Cédric DENIAUD | Stratégie et transformation digitale

SEO Google : nouvelles tendances et enjeux en 2018 | Cédric DENIAUD | Stratégie et transformation digitale | Bonnes Pratiques Web | Scoop.it

Le SEO n’a jamais été une science exacte. On essaie de jongler entre tout un ensemble de techniques pour espérer émerger au mieux sur des requêtes clés. Il y a 18 mois un site majeur dans l’alimentaire est venu vers nous en disant « J’étais bon en SEO. Je ne le suis plus. Je ne sais pas pourquoi et mon agence non plus ». Je passerai ici sur la compétence de la dite agence sur les enjeux SEO pour examiner la question de fond.

 

Le SEO est vu pour les entreprises, même à l’heure des médias sociaux et des applications, comme une pratique fondamentale du marketing digital, un pilier. Sauf que ce pilier n’est pas stable si on ne le consolide pas fréquemment.

 

Bien souvent, l’erreur est de confier à une agence estampillée SEO partant du principe que c’est un métier de spécialistes qui doit être confié à des spécialistes. Chez 3 de nos clients, nous avons vu dernièrement les limites de cette organisation.

 

Pour résumer, la majorité des agences SEO n’ont pas de vision stratégique et ne traitent que des enjeux opérationnels voire même majoritairement techniques. Sauf qu’aujourd’hui plus qu’hier la vérité du SEO est devenu complexe et à la croisée de nombreux enjeux : expérience utilisateur, stratégie éditoriale, parcours de navigation, e-influence, social media.

 

Ce métier devient donc encore plus un métier d’expertise… mais pas d’expert SEO qui n’apporte bien souvent qu’une partie de la réponse.

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

LES SLIDES DU SEO CAMP’US PARIS 2018

LES SLIDES DU SEO CAMP’US PARIS 2018 | Bonnes Pratiques Web | Scoop.it
Retrouvez les slides des conférences du SEO Camp’us Paris 2018.   Comment un e-commerçant a multiplié son trafic SEO par 9,8 en 12 mois (Cas Pratique) De l’audit technique en passant par les préconisations d’optimisations Onsite, jusqu’à la mise en place de campagne de netlinking (Offsite), cette conférence basée sur un cas client met en…
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

How to Identify & Eliminate Keyword Cannibalization to Boost Your SEO

How to Identify & Eliminate Keyword Cannibalization to Boost Your SEO | Bonnes Pratiques Web | Scoop.it
Keyword cannibalization happens when several pages on your website compete for the same keyword or phrase in Google. Here's how to find and fix it.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Flupa UX Days 2017: "Hacker les outils SEO pour l'UX" par Myriam Jess…

Le but de cet atelier est de présenter des outils habituellement réservés à la pratique SEO dans un contexte UX. Ces outils sont gratuits et offrent une mine d…
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Best Free Tools for Web Developers in 2018

Best Free Tools for Web Developers in 2018 | Bonnes Pratiques Web | Scoop.it
There is no point in telling you why tools for web developers are a good thing, since everyone is aware of the advantages. In terms of dealing with mundane tasks, they are indispensable. Of course, not all instruments are of high value, some appear to be trash or simply useless. Nevertheless, there are a ton …
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

How to Use Atomic Design to Improve A/B Testing

How to Use Atomic Design to Improve A/B Testing | Bonnes Pratiques Web | Scoop.it
See how to pinpoint specific elements when A/B testing your layouts.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Alors que l’Atomic Design est devenu courant dans le monde de la conception web, ce dernier suscite encore autant de questions que de confusions. | Smile.eu

Alors que l’Atomic Design est devenu courant dans le monde de la conception web, ce dernier suscite encore autant de questions que de confusions. | Smile.eu | Bonnes Pratiques Web | Scoop.it
L’origine de l’Atomic Design & ses principes 3 scénarios d’application possibles pour vous, l’ Atomic Design by Smile et le Glossaire pour tout comprendre ont été rédigés par nos experts Smiliens pluridisciplinaires !
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Three things you didn't know about the AsyncPipe

Three things you didn't know about the AsyncPipe | Bonnes Pratiques Web | Scoop.it

You sure heard about Angular’s AsyncPipe haven’t you? It’s this handy little pipe that we can use from within our templates so that we don’t have to deal with unwrapping data from Observables or Promises imperatively. Turns out the AsyncPipe is full of little wonders that may not be obvious at first sight. In this article we like to shed some light on the inner workings of this useful little tool.

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

4 SEO Tasks You Should Be Doing Today, But Probably Aren’t

4 SEO Tasks You Should Be Doing Today, But Probably Aren’t | Bonnes Pratiques Web | Scoop.it
Don't lose out on the opportunity to help yourself or your clients. Here are some SEO strategies and tasks you can add to your toolset to upgrade your game.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Envoi de spam à partir d'un serveur, comment réagir ? - LinuxFr.org

Envoi de spam à partir d'un serveur, comment réagir ? - LinuxFr.org | Bonnes Pratiques Web | Scoop.it
Envoi de spam à partir d'un serveur, comment réagir ?
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

10 exemples de split testings étonnants !

10 exemples de split testings étonnants ! | Bonnes Pratiques Web | Scoop.it
Aweber, notre solution d’emailing, a publié un article intéressant sur des résultats de split testings. Voici le résumé : 1 – “Obtenez immédiatement l’accès” contre “Lire la totalité de l’article maintenant” “Lire la totalité de l’article maintenant” est plus performant… “Obtenez immédiatement l’accès” réduit la conversion de 34% ! Le fait est que les gens veulent vraiment lire la suite de l’article, plutôt que d’avoir accès à quelque chose…       2 – “Faites part de vos remarques” contre “Répondez maintenant” “Répondez maintenant” offre 13% de clics… Sans doute parce que c’est plus direct et cela incite l’internaute à agir, et …
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

3 Types of Route Loading in Angular, Explained In 500ish words

…so this post sets out to explain the concepts of each type of loading in simple language.

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

Remonter une attaque et trouver la faille avec les logs d'Apache2 - LinuxFr.org

Remonter une attaque et trouver la faille avec les logs d'Apache2 - LinuxFr.org | Bonnes Pratiques Web | Scoop.it
Remonter une attaque et trouver la faille avec les logs d'Apache2
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Quelle architecture adopter pour que Twitter ne tue pas ma startup ?

Un cas intéressant d’éditeur SAAS tué par un monopole de fait.
Mon avis de CTO et des pistes de solutions…

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

Le vendeur augmenté selon Mood : Digitalisation du point de vente, le…

Le vendeur augmenté, première étape pour un point de vente digitalisé 
avec 3 cas / exemples de marques à suivre pour mettre en œuvre une stratégie de vente à l'aide d'outils digitaux.

more...
No comment yet.