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

Schnaps.it, le générateur de template HTML5 - Alsacreations

Schnaps.it, le générateur de template HTML5 - Alsacreations | Bonnes Pratiques Web | Scoop.it

Schnaps.itoffre une palette de fonctionnalités lorsque vous débutez un nouveau projet web :

il permet de construire un squelette HTML vide très rapidementil offre la possibilité de concevoir des gabarits de mise en page simple (une, deux, trois colonnes, hauteurs identiques, etc.) basés sur le mini framework KNACSSil propose du faux-texte "Lorem Ipsum" en version alsacienne provenant de Schnapsum.

Le générateur de gabarits permet d'affiner certains réglages visuels des différents éléments (largeur, marges internes, marges externes, alignement de texte, etc.).

 

Mickael Ruau's insight:

Une fois vos réglages effectués, il ne vous reste plus qu'à récupérer l'ensemble des fichiers en un clic !

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!

Convertir un texte en nombre en JavaScript • Delicious Insights

Figurez-vous que parseInt est un menteur doublé d'un salaud et que parseFloatest juste la version pourrie de Number(…). Après cette phrase un brin raccoleuse (mais parfaitement véridique), je vous invite à consulter tous les détails dans l'article

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

Blog Octave – Solution business omnicanal – Améliorez votre SEO avec vos images !

Blog Octave – Solution business omnicanal  –  Améliorez votre SEO avec vos images ! | Bonnes Pratiques Web | Scoop.it
Souvent un peu délaissées lors de la mise en place d’une stratégie SEO, les images ont pourtant un réel intérêt pour améliorer le positionnement de vos pages
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Ecommerce meubles : le baromètre de la performance web LSA/Dareboost dans le détail | Blog DareBoost

Ecommerce meubles : le baromètre de la performance web LSA/Dareboost dans le détail | Blog DareBoost | Bonnes Pratiques Web | Scoop.it
La première édition du baromètre de la performance web e-commerce LSA/Dareboost s'est focalisée sur le secteur de l'ameublement. Zoom sur les résultats obtenus par les 16 enseignes testées.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Sécurisez vos cookies (instructions Secure et HttpOnly) | Blog DareBoost

Sécurisez vos cookies (instructions Secure et HttpOnly) | Blog DareBoost | Bonnes Pratiques Web | Scoop.it
Editeurs, protégez vos cookies ! Omniprésents sur le web et utilisés pour permettre au serveur de reconnaître un visiteur tout au long de sa navigation, les cookies contiennent souvent des informations personnelles et/ou sensibles.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Fiche 5 : Comment un lecteur d'écran sait-il de quoi il parle ? - Guide du développeur RGAA 3

Fiche 5 : Comment un lecteur d'écran sait-il de quoi il parle ? - Guide du développeur RGAA 3 | Bonnes Pratiques Web | Scoop.it
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Javascript, retour aux bases : constructeur, prototype et héritage

Dans ce premier article, je vais donc tenter de montrer le plus simplement possible les différentes approches pour faire de l’orienté objet » et des « classes » en javascript (sujet qui, contrairement aux idées reçues, est abordé depuis quelques temps maintenant), jusqu’à arriver sur l’approche prototype, concept apparemment proche du voodoo, que je ne manquerai pas de démystifier. Aller, c’est parti !

Mickael Ruau's insight:

Très longtemps considéré par la majorité comme un language de bidouilleur tout juste bon à sortir du code inmaintenable, on aura tout entendu sur javascript : depuis « nan mais de toute façon javascript ca marche pas » jusqu’a « nan mais javascript c’est nul, c’est pas orienté objet : y a pas de classe » en passant par  « nan mais moi le prototype j’ai rien pigé, pourquoi ils ont fait ca, sérieux ? », sans oublier le fameux « c’est quoi ce mot clef ‘this’ qui change tout le temps ? c’est vraiment le comportement voulu ? ». Encore maintenant, alors qu’il est devenu un des outils de tous les jours de pas mal de développeurs, ce genre de question perdure, démontrant que le mysticisme autour de javascript n’est toujours pas vraiment levé…

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

Front End Checklist - Une liste de trucs à vérifier avant de mettre en prod votre site web - Korben

Front End Checklist - Une liste de trucs à vérifier avant de mettre en prod votre site web - Korben | Bonnes Pratiques Web | Scoop.it
Si vous êtes un développeur web ou un intégrateur un peu tête en l'air, je vous recommande de mettre dans vos bookmarks le site Front-End Checklist. Il s'agit d'une liste d'éléments à vérifier sur vos pages HTML pour ne rien oublier le jour de la mise en prod. Front End Checklist segmente ces éléments selon > Lire la suite
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Pourquoi height: 100% ne marche pas

Le blog que Maujor consacre à CSS depuis 2006 est bien connu au Brésil pour ses articles de vulgarisation. Celui-ci fait le point sur l'épineux height: 100%
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

10 bonnes pratiques JavaScript • Delicious Insights

Voici donc dix bonnes pratiques choisies parmi un large ensemble de candidates ; vous en connaîtrez sûrement certaines, mais probablement pas toutes. 

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

Des packs d'icones pour vos projets de développement - Korben

Des packs d'icones pour vos projets de développement - Korben | Bonnes Pratiques Web | Scoop.it
Si vous cherchez de jolies icônes pour vos projets web, app and co, j'ai ce qu'il vous faut. Il s'agit d'une sélection de 9 packs d'icônes aux formats SVG, CSS ou Icones Font dans des licences libres que vous pourrez intégrer ou bon vous semble. A garder sous le coude. Feather Icons 240 icônes au > Lire la suite
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Les liens d'évitement

De plus en plus de sites implémentent des liens particuliers connus sous le nom de "liens d'évitement" ou "liens de navigation interne" comme "Aller au menu", "Aller au contenu", "Retour en haut de page"... Bien qu'ils ne soient qu'une exigence de niveau AAA pour WAI/WCAG ou Argent pour Accessiweb (*), ces liens sont pourtant indispensables, notamment pour les utilisateurs de la navigation clavier. 

more...
No comment yet.
Rescooped by Mickael Ruau from Ressources pour la Technologie au College
Scoop.it!

Google lance POLY, des .obj 3D gratuits à télécharger

Google lance POLY, des .obj 3D gratuits à télécharger | Bonnes Pratiques Web | Scoop.it
Google vient de lancer un nouveau site qui va vraiment faire plaisir à toux ceux et celles qui travaillent avec des éléments 3D. POLY c'est le nom de ce site

Via Daniel Morgenstern
more...
Daniel Morgenstern's curator insight, November 3, 8:43 AM
Site de téléchargement et d'échange d'objets 3D
Scooped by Mickael Ruau
Scoop.it!

La fonction anonyme appelée immédiatement en Javascript: (function())()

La fonction anonyme appelée immédiatement en Javascript: (function())() | Bonnes Pratiques Web | Scoop.it
Javascript est un langage qui a plein d'idiomes bien à lui. En effet, c'est un langage très puissant, et ausi plein de couilles velues planquées ici et là. Les ninjas JS ont donc créée des astuce
more...
No comment yet.
Rescooped by Mickael Ruau from Time to Learn
Scoop.it!

Passez en page 1 de Google ! Méthode détaillée applicable à tous

Passez en page 1 de Google ! Méthode détaillée applicable à tous | Bonnes Pratiques Web | Scoop.it

Suivez cette méthode concrète pour sélectionner les pages de votre site qui présentent le meilleur potentiel de croissance des visites SEO en passant de la page 2 de Google au bas de la page 1.


Via Frédéric DEBAILLEUL
more...
No comment yet.
Rescooped by Mickael Ruau from Time to Learn
Scoop.it!

Jloo, l’outil de webmarketing gratuit

Jloo, l’outil de webmarketing gratuit | Bonnes Pratiques Web | Scoop.it

L’idée principale derrière Jloo est de procurer un « set » d’outils totalement gratuits pour les webmarketeurs et de proposer des options payantes pour aller plus loin. En gros, toute la partie indispensable au quotidien est gratuite et toute la partie « customisation » est payante.


Via Frédéric DEBAILLEUL
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Comment implémenter Content Security Policy | Blog DareBoost

Comment implémenter Content Security Policy | Blog DareBoost | Bonnes Pratiques Web | Scoop.it
Après avoir découvert l'intérêt de CSP pour se prémunir des risques en lien avec l'injection de contenus sur vos pages web, je vous propose des éléments techniques sur l'implémentation de CSP, mais aussi des réflexions sur la méthodologie à adopter.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Notre Paris Web 2017 - Access42

Notre Paris Web 2017 - Access42 | Bonnes Pratiques Web | Scoop.it
Événement annuel de l'écosystème numérique français, Paris Web a de nouveau réuni quelques centaines de participants pour deux jours de conférences et (...)
more...
No comment yet.
Rescooped by Mickael Ruau from Web Increase
Scoop.it!

Flexbox and Grids, your layout’s best friends

Flexbox and Grids, your layout’s best friends | Bonnes Pratiques Web | Scoop.it
We decided to debunk the myths around Flexbox & Grids in order to show you the true power of these two technologies working together. Read more!

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

Accidental CSS Resets | CSS-Tricks

Accidental CSS Resets | CSS-Tricks | Bonnes Pratiques Web | Scoop.it
Any time you use a shorthand property in CSS, you set all the values for all the properties it deals with. It's not a bug, it's just how CSS works. I've se
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Pourquoi il ne faut pas utiliser ngCloak ?

Pourquoi il ne faut pas utiliser ngCloak ? | Bonnes Pratiques Web | Scoop.it
Pourquoi il ne faut pas utiliser ngCloak ? Sébastien OLLIVIER, Web, angularjs , 2/25/2015 1:26:00 PM
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Apprendre les mises en page CSS

Apprendre les mises en page CSS | Bonnes Pratiques Web | Scoop.it

Ce site vise à vous apprendre les bases de CSS utilisées pour structurer n'importe quel site web.

Je suppose que vous savez déjà ce que sont les sélecteurs, les propriétés et les valeurs. Et vous connaissez probablement une ou deux choses sur les mise en page, même si ça peut vous donner envie de vous arracher les cheveux. Si vous voulez apprendre le HTML et le CSS depuis le début, vous devriez allez faire un tour sur ce tutoriel. Sinon, voyons si nous pouvons vous éviter de vous énerver sur votre prochain projet.

Traduit par Joël Matelli
more...
No comment yet.
Rescooped by Mickael Ruau from Time to Learn
Scoop.it!

89 Outils SEO Gratuits Testés : du Meilleur au Pire !

89 Outils SEO Gratuits Testés : du Meilleur au Pire ! | Bonnes Pratiques Web | Scoop.it

​Par avance, je m'excuse.

Pourquoi ? Parce que je pense que je vais vous faire perdre beaucoup de temps dans les jours à venir : vous allez en effet avoir de nouveaux jouets à votre disposition.

Et si vous êtes comme moi, c'est un peu comme Noël, mais avant l'heure.

Quand vous faites du SEO régulièrement, c'est toujours quand vous avez fini que vous trouvez le bon outil qui vous aurait permis de finir 2 jours avant. Mon but est ici de vous montrer des outils SEO dont je suis absolument sûr que plusieurs d'entre eux deviendront vos chouchous...

Vous ne me croyez pas ? Testez les premiers de chaque thématique, vous verrez !


Via Frédéric DEBAILLEUL
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Cacher des éléments avec CSS

Cacher des éléments avec CSS | Bonnes Pratiques Web | Scoop.it

Avez-vous bien tout considéré lorsque vous cachez un élément HTML? Accessibilité, actionnabilité, impact sur la mise en page ? 

Mickael Ruau's insight:

En résumé

 displayvisibilityopacitypositionLe modèle de boîte est-il généré ?La boîte affecte-t-elle le layout ?La boîte est-elle visible ?L’élément est-il lu par les lecteurs d’écran ?L’élément est-il actionnable (cliquable, focusable) ?
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Vitesse de chargement & e-commerce : les résultats du baromètre mode féminine dans le détail | Blog DareBoost

Vitesse de chargement & e-commerce : les résultats du baromètre mode féminine dans le détail | Blog DareBoost | Bonnes Pratiques Web | Scoop.it
Speed Index desktop & mobile, début d’affichage, temps de réponse serveur, etc. : Dareboost a passé au crible de son outil de monitoring les performances web de 14 des principaux e-commerçants du secteur mode féminine.
more...
No comment yet.
Rescooped by Mickael Ruau from Web Increase
Scoop.it!

Creating WebVR Experiences with A-Frame | Webdesigner Depot

Creating WebVR Experiences with A-Frame | Webdesigner Depot | Bonnes Pratiques Web | Scoop.it
WebVR is an amazing way to create immersive 3D Virtual Reality experiences in the browser. It's an experimental specification of Javascript API's and has a lot

Via Jean-Jacques Roland
more...
No comment yet.