Bonnes Pratiques Web
Follow
Find
14.0K views | +1 today
 
Scooped by Shaker technologies
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.

Shaker technologies'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...
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!

Anti-bloqueurs de pub : comment les sites contournent Adblock

Anti-bloqueurs de pub : comment les sites contournent Adblock | Bonnes Pratiques Web | Scoop.it
De nombreux bouts de code JavaScript ou PHP sont disponibles sur les sites destinés aux webmasters afin de détecter qu'un encart publicitaire est filtré par l'utilisateur. Une technique consiste alors à afficher un bandeau ou un pop-up invitant l'internaute à désactiver son bloqueur de publicité. Problème : n'importe quel internaute peut signaler ce bout de code comme indésirable. Celui-ci entre alors dans la base de données de l'adblocker et le blocage est répercuté sur l'ensemble des utilisateurs.

Un jeu du chat et de la souris entre bloqueur et anti-bloqueur

Des services se sont donc mis en place pour prendre en charge ce volet détection des adblockers. Depuis un an, un Français, Jean-Philippe Lannoy, s'est lancé sur ce marché avec d'Adunblock. Il livre une vraie guerre contre les adblockers, et plus particulièrement contre Eyeo, l'éditeur d'Adblock Plus. « Il n'existe aucun moyen 100% fiable de savoir si un adblocker a été activé par l'internaute. Car, bien évidemment, les adblockers ne s'annoncent pas » explique-t-il. « Pour détecter leur activation, il faut donc appliquer plusieurs techniques. »

La plus utilisée, est celle du leurre JavaScript. On place un code HTML et JavaScript qui ressemble à une publicité, baptisé comme une publicité, mais qui n'est pas une publicité.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

E-commerce : 3 méthodes pour augmenter ses ventes avec l’email marketing

E-commerce : 3 méthodes pour augmenter ses ventes avec l’email marketing | Bonnes Pratiques Web | Scoop.it

La clé d’une campagne de mailing réussie réside dans la personnalisation de messages et son adaptation à des groupes bien ciblés. Le travail commence en amont en répartissant clients et prospects par groupes, en fonction de leurs achats ou des actions qu’ils ont réalisées sur le site.

Une fois cette base de données constituée, encore faut-il savoir quelle information envoyer et à quel moment.

Voici donc trois méthodes qui justifient l’envoi d’un email marketing :
Produits similaires
Paniers abandonnés
Réapprovisionnement

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

Resolving Script Clashes

Resolving Script Clashes | Bonnes Pratiques Web | Scoop.it
Adding one pre-written Javascript to your web page is relatively straightforward but when it comes to adding a second script to the same page many people have problems.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

4 axes à auditer pour votre stratégie web

4 axes à auditer pour votre stratégie web | Bonnes Pratiques Web | Scoop.it

Clairement pas une étape obligatoire mais fortement recommandée, l’audit WEB de votre entreprise et de sa présence en ligne peut révéler des éléments clés pour la conception de votre stratégie de communication en ligne. Sans trop rentrer dans les détails puisque le sujet est vaste, voici un tour d’horizon des axes qu’il peut être intéressant de prendre en compte lors de cet audit…

- See more at: http://www.webmarketing-com.com/2015/01/26/34998-4-axes-auditer-pour-votre-strategie-web#sthash.3Ymd7WI3.dpuf

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

Infographie: les 8 tendances en SEO pour 2015

Infographie: les 8 tendances en SEO pour 2015 | Bonnes Pratiques Web | Scoop.it
Quelles seront les principales tendances en SEO en 2015? Découvrez une infographie qui reprend 8 grandes tendances à suivre en référencement en 2015.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Nantes. Cashway, l'achat sur Internet sans carte bancaire | Ouest France Entreprises

Nantes. Cashway, l'achat sur Internet sans carte bancaire | Ouest France Entreprises | Bonnes Pratiques Web | Scoop.it
À Nantes, Olivier Jamault crée un système de paiement en espèces, chez les buralistes, des commandes passées via Internet. Sûr et accessible aux exclus du système bancaire.
Shaker technologies's insight:

Côté utilisateurs : « En France, 2,7 millions de foyers, environ six millions de personnes, sont exclus du système bancaire et ne peuvent avoir qu'une carte de retrait, inutilisable sur Internet. Il y aussi quelque cinq millions d'immigrés et, parmi eux, beaucoup ont peur du système bancaire et sont habitués à payer en cash. Et tous les ados, 6,6 millions de jeunes de 10 à 16 ans. Trop jeunes pour avoir une carte bancaire, ils ont pourtant un pouvoir d'achat important, environ deux milliards d'euros par an... Et utilisent la carte bleue de leurs parents. »

« Chargeback » et fraudes

Côté vendeurs. Ces achats par les ados sont à l'origine de beaucoup de « chargeback ». Un cauchemar pour les sites de vente par Internet : le titulaire de la carte a treize mois pour informer sa banque que la transaction n'a pas été autorisée par lui. Et les sites de vente doivent rembourser intégralement l'achat, frais de port compris.

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

Comment faire baisser votre taux de rebond ?

Comment faire baisser votre taux de rebond ? | Bonnes Pratiques Web | Scoop.it
Faire baisser votre taux de rebond est un objectif stratégique, cependant gardez en tête que selon le type de site que vous gérez, le taux de rebond est variable :

– Un site de contenu avec une bonne visibilité sur les moteurs de recherche (notamment sur des termes non pertinents) aura un taux de rebond entre 40 et 60% selon Quicksprout.
– Un site de génération de lead (où l’objectif du site est de vendre un service et d’obtenir une prise de contact, le remplissage d’un formulaire ou de capter votre email) entre 30 et 50%
– Un blog entre 70 et 98%
– Un site de vente générant du trafic qualifié entre 20 et 40%
– Un service web entre 10 et 30%
– Enfin une landing page (une page dédiée à la vente d’un produit avec un call-to-action bien précis comme « ajouter au panier ») entre 70 et 90%
more...
Marco Bertolini's curator insight, January 28, 8:11 AM

Un excellent article qui explique clairement le taux de rebond et quoi faire pour l'améliorer !

Scooped by Shaker technologies
Scoop.it!

3 raisons d’analyser les mots-clés organiques d’un concurrent avec SEMrush

3 raisons d’analyser les mots-clés organiques d’un concurrent avec SEMrush | Bonnes Pratiques Web | Scoop.it
Dans les audits de site web que je propose à des entreprises j'utilise un certain nombre d'outils et parmi eux il y a SEMrush.com.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Unobtrusive JavaScript - Avoiding Script Clashes

Unobtrusive JavaScript - Avoiding Script Clashes | Bonnes Pratiques Web | Scoop.it
There is more than one meaning when it comes to describing JavaScript as unobtrusive. Here we look at how to stop one JavaScript interfering with another JavaScript on the same page.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Comment Optimiser une Page pour le Référencement ?

Comment Optimiser une Page pour le Référencement ? | Bonnes Pratiques Web | Scoop.it
Comment optimiser une page pour un référencement optimal ? Comment optimiser le référencement des pages de votre site Internet ? Guide Complet
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

amCharts 3.12 : amélioration des styles CSS pour l'outil JavaScript de graphiques en tout genre

amCharts est une bibliothèque JavaScript graphique avancée et indépendante qui convient à n'importe quel besoin de visualisation de données. Elle propose différents types de graphiques à intégrer dans vos pages Web : en colonnes, linéaires, par zone, en étape, comme un radar, le camembert, les bulles, les jauges, etc. Avec son côté "responsive", cette bibliothèque convient tout aussi bien pour les affichages sur desktop que sur écrans tactiles.



C'est grâce à un éditeur visuel que vous constituez vos graphiques. C'est un gain de temps qui limite le nombre d'erreurs. Vous pouvez créer, sauvegarder et partager vos graphiques.
Shaker technologies's insight:

Voici quelques caractéristiques :

  • le zoom et les scrollbars sont disponibles ;
  • l'export en tant qu'image ou PDF ;
  • une gestion soit en JavaScript soit en objet JSON ;
  • plusieurs styles visuels ;
  • un plugin pour WordPress ;
  • avec quelques lignes de code, vous pouvez également animer vos graphiques pour afficher l'évolution des données au cours du temps.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Digital Transformation impacting Customer journey

Digital Transformation impacting Customer journey | Bonnes Pratiques Web | Scoop.it
Today’s multi-channel customer is:
Better informed in real time, digitally
More demanding due to loads of information availability
Will jump channels at any point with so many options
Let us see what are the major steps in customer journey & which are moments of truths ( customer interactions) that are:
Most important to the customer
Most painful to the customer
Create loyalty 
 
Aware
Research
Consider
Buy
Engage
Service
Aware : With high internet adoption the range of available information is limitless Digital Display adds, TV commercials, Facebook, Twitter, YouTube, Foursquare, Instagram, Pinterest, customer campaigns.
Research: Customers are doing research on all the available digital channels for the product they want. Search engines, Online reviews and comparisons,Social inputs from friends and families.
Consider: Customer considers to buy the product they wish
Buy : Unlike old days, they buy the product mostly online.
Engage : Organizations engage with customers via omni-channels such as: Calls, Mobiles, Emails, SMS, Surveys, Social Media etc.
Service: Customers decide when, how and by whom they want to be serviced. Automated self service preferred. Based on the customer experience in this overall journey they become loyal or move on to competition
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Virtual Machine (VM), Windows Virtual PC & Browserstack | Modern.IE

Virtual Machine (VM), Windows Virtual PC & Browserstack | Modern.IE | Bonnes Pratiques Web | Scoop.it
Explore our free set of browser testing and development tools. Access a free trial of Browserstack and download VMs for every operating system including Windows, Mac and Linux to start testing your website.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Quelle différence entre logo, identité et marque ?

Quelle différence entre logo, identité et marque ? | Bonnes Pratiques Web | Scoop.it
Un logo, c’est :
– La représentation d’une entité dans sa forme la plus élémentaire.

– L’emblème ou la mascotte qui symbolise cette entité.

– Le premier élément qui déclenche une émotion chez le consommateur.

– Le code essentiel qui permet à l’entité d’être reconnaissable (plus d’information sur l’utilité d’un logo).

– Une marque déposée.

Une identité, c’est :
– Les différents éléments représentant physiquement une entreprise, auxquels sont soumis ses clients.

– L’ensemble des contenus matériels de l’entreprise : logo, carte de visite, signature de courriel, site web, publicité, vêtement siglé, décoration de magasin, design des packages, jingle audio, etc…

Une marque, c’est :
– Un concept, et non pas un objet réel.

– La base de toute la stratégie marketing.

– La relation psychologique et émotionnelle entre une entreprise et ses clients.

– Ce que les gens pensent et ressentent à propos de leur expérience relative à l’entreprise.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

How to Split Webpage JavaScript into Separate Files

How to Split Webpage JavaScript into Separate Files | Bonnes Pratiques Web | Scoop.it
When you first write a new JavaScript the easiest way to set it up is to embed the JavaScript code directly into the web page.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Comment gérer les langues sur un site multilingue selon Google ?

Comment gérer les langues sur un site multilingue selon Google ? | Bonnes Pratiques Web | Scoop.it
Le blog officiel de Google vient de publier un tutoriel et une liste de recommandations sur le sujet qui devraient (enfin) mettre tout le monde d’accord. Que votre site soit géré par un CMS de type Joomla, Drupal, WordPress, Prestashop ou un site cousu main, les bonnes pratiques et les possibilités sont les mêmes. Je vous les récapitule dans ce tutoriel.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

24 Statistiques en référencement à couper le souffle ! [Infographie]

24 Statistiques en référencement à couper le souffle ! [Infographie] | Bonnes Pratiques Web | Scoop.it
Le référencement naturel est loin d'être mort comme le démontre cette infographie reprenant 24 statistiques bluffantes dans le domaine du SEO.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Start-up. La Poste soutient les projets dans l'Ouest | Ouest France Entreprises

Start-up. La Poste soutient les projets dans l'Ouest | Ouest France Entreprises | Bonnes Pratiques Web | Scoop.it
La Poste propose d'accompagner les créateurs dans un partenariat business, dès lors qu'ils innovent dans l'une trois grandes thématiques clés au coeur de la stratégie du groupe : « Les solutions pour le commerce et le e-commerce, les services de proximité - pouvant mobiliser les facteurs - et les solutions de confiance numérique. »
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

L'e-commerce génère 57 milliards d'euros en 2014

L'e-commerce génère 57 milliards d'euros en 2014 | Bonnes Pratiques Web | Scoop.it
Dans un contexte de consommation fragilisé, l'e-commerce, en 2014, est tout de même parvenu a tirer son épingle du jeu. Les Français ont en effet dépensé 54 milliards d'euros sur Internet, soit une progression de 11% par rapport à 2013. "Ces résultats sont légèrement supérieurs à nos attentes", note Marc Lolivier délégué général de la Fevad, à l'occasion de la présentation du bilan annuel dans les locaux du ministère de l'Économie.

Les e-marchands ont ainsi enregistré 700 millions de transactions, soit 15% de plus qu'en 2013. Les ventes à l'occasion des fêtes de fin d'année ont été particulièrement profitables, puisque les Français ont dépensé 11,4 milliards d'euros sur la période de Noël (+13%). Désormais, l'e-commerce représente 9% du commerce de détail, en dehors des produits alimentaires.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

These 7 things are slowing down your site's user experience (and you have no control over them) - Web Performance Today

These 7 things are slowing down your site's user experience (and you have no control over them) - Web Performance Today | Bonnes Pratiques Web | Scoop.it
As a website owner, you have 100% control over your site, plus a hefty amount of control over the first and middle mile of the network your pages travel over. You can (and you should) optimize the heck out of your pages, invest in a killer back end, and deploy the best content delivery network that money can buy. These tactics put you in charge of several performance areas, which is great.

But when it comes to the last mile — or more specifically, the last few feet — matters are no longer in your hands.

Today, let’s review a handful of performance-leaching culprits that are outside your control — and which can add precious seconds to your load times.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Attaching Event Handlers in Javascript

Attaching Event Handlers in Javascript | Bonnes Pratiques Web | Scoop.it
How to extract the event handlers out of your HTML tags without changing the way they work.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Guide pratique - La réglementation de 7 réseaux sociaux pour les jeux concours | Institut Pellerin - Formation

Guide pratique - La réglementation de 7 réseaux sociaux pour les jeux concours  | Institut Pellerin - Formation | Bonnes Pratiques Web | Scoop.it
Après la modification de la loi concernant l’organisation de jeux-concours et notamment le fait que le règlement déposé auprès d’un huissier n’est plus obligatoire, nous vous proposons un récapitulatif de ce que vous devez savoir à propos de 7 réseaux sociaux dans ce domaine.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Voitures connectées: Bpifrance accorde 23 millions d’euros au projet FELIN mené par Parrot

Voitures connectées: Bpifrance accorde 23 millions d’euros au projet FELIN mené par Parrot | Bonnes Pratiques Web | Scoop.it
Lancé par un dizaine de PME et d’ETI françaises, le projet FELIN (« Futur Equipement LTE Intégré avec virtualisatioN ») vient de se voir attribuer un financement de 23 millions d’euros par Bpifrance sous forme de prêt, sur un budget total de 56 millions d’euros.

Démarrée en novembre 2014, cette association consiste rapprocher plusieurs spécialistes tricolores pour proposer des offres françaises en matière d’objets connectés et de 4G pour les véhicules.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Tour of a Performant and Responsive CSS Only Site | CSS-Tricks

Tour of a Performant and Responsive CSS Only Site | CSS-Tricks | Bonnes Pratiques Web | Scoop.it
The following is a guest post by Rajoshi Ghosh and Tanmai Gopal of 34 Cross. They emailed me to show me their new website and how performant it was despite
more...
No comment yet.