Bonnes Pratiques Web
22.2K views | +0 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!

GetUP! - CodeCamp pour entrepreneurs

Vous êtes freelance, SSII, ou agence web, et vous voulez créer une session GetUP.
Remplissez le formulaire ci-dessous pour décrire votre session. Elle sera publiée sur le site après validation.

Mickael Ruau's insight:

Sur le modèle ouvert des startup weekend, un site qui permet aux freelances et aux agences de trouver des clients. 

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

Mieux vendre vos produits avec des données riches et structurées | Openweb.eu.org

Mieux vendre vos produits avec des données riches et structurées | Openweb.eu.org | Bonnes Pratiques Web | Scoop.it
Les technologies du Web sémantique (Linked Data) sont bien souvent perçues comme un rêve de laboratoire. Nous allons dans ce deuxième article à (...)
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Comment gérer une navigation en Ajax ? - Le blog de Clever Age

Comment gérer une navigation en Ajax ? - Le blog de Clever Age | Bonnes Pratiques Web | Scoop.it
La problématique Pourquoi une navigation en Ajax ? Une navigation en Ajax a les avantages suivants par rapport à une navigation HTML standard : pas de rechargement complet de la page, seul le contenu demandé est chargé, ce qui permet de gagner au niveau du temps de traitement de la page et de la bande …
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Techniques SEO 2016 : entités de recherche, navigation à facettes, AJAX et autres

Les techniques d'UX sont parfois en opposition avec le SEO : Lazy-loading, AJAX, navigation à facettes... sans parler des évolutions importantes comme le HTTP/…
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Cocon sémantique & SEO avec Laurent Bourrelly

Juste après la première pause café du matin, les participants ont pu retrouver Laurent Bourrelly, qui est un peu le papa du cocon sémantique. C’est don
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Google OAuth 2.0 Playground

Google OAuth 2.0 Playground | Bonnes Pratiques Web | Scoop.it

Test your server with Google OAuth 2.0 Playground

Once you’ve set up your server on the wild internet, you’ll want to check that it works with an independent client. One way to do this is using the Google OAuth 2.0 Playground.

Mickael Ruau's insight:

Assuming that you’ve set up an authorize controller, you can test it out as follows:

  1. Navigate to the Playground using the above link.

  2. Click the settings button in the top-right corner.

  3. Select “Server-side” for “OAuth flow”, and “Custom” for “OAuth endpoints”.

  4. In the Authorization endpoint, enter the URL of your Authorize Controller (such as https://domain.com/authorize.php).

  5. In the Token endpoint, enter the URL of your Token Controller (such as https://domain.com/token.php).

  6. Select “Authorization header w/ Bearer prefix” for the Access token location.

  7. Enter the client ID and secret (testclient and testpass if using the previous documentation example).

  8. Enter “basic” in the text box on the left and click “Authorize APIs”. You should be taken to your website where you can authorize the request, after which you should be returned to the Playground.

  9. Click “Exchange authorization code for tokens” to receive a token (you’ll need to do this within 30 seconds).

  10. The response on the right should show the access token. Enter the URL of your resource page (such as https://domain.com/resource.php).

  11. Add any optional parameters you want, and click “Send the request”. If you’ve used the same code as previously you should see the same response:

Json
{"success":true,"message":"You accessed my APIs!"}
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Créer des applications Web accessibles à tous

Créer des applications Web accessibles à tous | Bonnes Pratiques Web | Scoop.it
Pourquoi et comment rendre une application web accessible ? Découvrez les conseils pour améliorer la lisibilité de vos sites Web pour les visiteurs.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

AuditSecuriteApplicationsWeb - aldeid

GoogleHacks
DirBuster
RATS (Rough Auditing Tool for Security)
Security Compass - Exploit Me
Nikto
Burp Suite
OWASP WebScarab
whatweb
webshag
Wfuzz
Faille du fichier .htaccess
W3AF
Wikto
XSSploit
Article sur les injections SQL
SQLFury
Article sur les failles de CSRF (Cross Site Request Forgeries)
OWASP WebGoat
JBroFuzz
Vicnum
skipfish
Web application fuzzing
http://www.zerodayscan.com : scanner de vulnérabilités d'applications Web en ligne
webraider
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Le projet Webcompat : une interview de Karl Dubost | Openweb.eu.org

Le projet Webcompat : une interview de Karl Dubost | Openweb.eu.org | Bonnes Pratiques Web | Scoop.it
Qu'est-ce que le projet Webcompat ? Qui concerne-t-il ? Comment bien rapporter des bugs ? Toutes ces questions et bien d'autres vous sont (...)
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

AnyChart JS : construisez des graphiques performants et complexes, grâce à ce framework JavaScript orienté HTML5

AnyChart JS : construisez des graphiques performants et complexes, grâce à ce framework JavaScript orienté HTML5 | Bonnes Pratiques Web | Scoop.it
AnyChart JS : construisez des graphiques performants et complexes
Grâce à ce framework JavaScript orienté HTML5
AnyChart est un framework JavaScript flexible (orienté HTML5) pour construire des graphiques interactifs qui s'adaptent à n'importe quel besoin de visualisation de données. Il rassemble et propose toutes les fonctionnalités majeures qui pourraient vous être utiles.Vous pouvez utiliser AnyChart pour un site Web, pour une application BI, pour une présentation, pour une solutio
Mickael Ruau's insight:

4 versions : 

- anychart (généraliste)

- anystock & financial

- anymap (cartographie)

- anygantt (diagrammes de Gantt)

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

Initiation au positionnement CSS : 1.flux et position relative | Openweb.eu.org

Initiation au positionnement CSS : 1.flux et position relative | Openweb.eu.org | Bonnes Pratiques Web | Scoop.it
Par défaut, les navigateurs affichent les boîtes issues du document html dans l'ordre du flux normal. En position relative, un élément peut être (...)
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Let's Encrypt, le certificat SSL gratuit pour tous

Les certificats SSL permettent de sécuriser Internet et grâce à Let's Encrypt, vous pouvez avoir le vôtre gratuitement et facilement en moins de 5 minutes
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

a11y.css | Openweb.eu.org

a11y.css | Openweb.eu.org | Bonnes Pratiques Web | Scoop.it
Gaël Poupard travaille sur un projet nommé a11y.css (prononcez « Alix » selon ce dernier ou « Ally » selon les milieux autorisés) : c'est un utilitaire (...)
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Deprecating our AJAX crawling scheme

Deprecating our AJAX crawling scheme | Bonnes Pratiques Web | Scoop.it

Le moteur d'indexation de Google a progressé : les recommandations SEO changent pour le sites AJAX.

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

Loaded pages: How your website can infect visitors with malware

Loaded pages: How your website can infect visitors with malware | Bonnes Pratiques Web | Scoop.it
Google claims that 9,500 websites per day are infected with malware meant to harm the site's visitors. Understanding how malware infects a website and what can be done to stop it can help keep your visitors' computers free of malware.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Optimiser le maillage interne comme un pro

A l’heure où le netlinking est clairement dans le viseur de Google, les optimisations onsite et plus particulièrement le maillage interne sont un très bo
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

REST API Documentation Tutorial For API Developers

REST API Documentation Tutorial For API Developers | Bonnes Pratiques Web | Scoop.it
A modern approach to write and distribute REST API documentation for web developers that helps to develop efficient, robust and high quality  RESTful APIs.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

The JavaScript-Dependency Backlash: Myth-Busting Progressive Enhancement

The JavaScript-Dependency Backlash: Myth-Busting Progressive Enhancement | Bonnes Pratiques Web | Scoop.it
Is there a JavaScript-Dependency Backlash? Craig discusses the benefits of Progressive Enhancement. Again. Is that JS Framework the best option for your app?
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Pompage.net - Introduction à l'accessibilité de JavaScript

Présentation des grands principes à prendre en compte pour rendre accessibles les applications web avec du JavaScript .
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Qualité Web et mégalomanie : tout ce que j’ai à apprendre à Google - Elie Sloim

Qu’y a t-il de commun entre le SEO, la recherche de bonnes pratiques pour la qualité Web et les activités d’un moteur de recherche comme Google ? A priori
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Pompage.net - D’abord la structure. Le contenu suivra.

 

Le modèle que nous avons emprunté à l’impression papier pour l’appliquer aux premiers temps du Web — le modèle de page et le système de publication — est maintenant en danger. Il est menacé par le postulat qu’il faudrait avoir connaissance du contenu avant de lancer la conception. Quiconque a déjà travaillé dans l’édition, créé un concept de marque à grande échelle ou un système d’orientation sait parfaitement que c’est un non-sens. Nous n’avons pas besoin de donner la priorité au contenu, mais à la structure. Le contenu quand à lui est toujours essentiel.

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

Un développeur web recommande l'utilisation de "rel=noopener" 

Un développeur web recommande l'utilisation de "rel=noopener"  | Bonnes Pratiques Web | Scoop.it

Pour empêcher les attaques par hameçonnage lancées en se servant du window.opener

 

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

Passer du HTML au XHTML | Openweb.eu.org

Passer du HTML au XHTML | Openweb.eu.org | Bonnes Pratiques Web | Scoop.it
Les règles à suivre pour passer de la syntaxe HTML à la norme XHTML. Introduction Depuis le 26 janvier 2000, le XHTML est la nouvelle norme du (...)
more...
No comment yet.