Bonnes Pratiques Web
Follow
Find
13.2K views | +0 today
 
Scooped by Shaker technologies
onto Bonnes Pratiques Web
Scoop.it!

Get Your Free Mobile Design Course based on Android Design Patterns Book

Get Your Free Mobile Design Course based on Android Design Patterns Book | Bonnes Pratiques Web | Scoop.it
Android Design Book. Agile Mobile and Tablet Design for Android. Android and iOS Mobile and Tablet UX and Interaction Design.
Shaker technologies's insight:

This email mini-course is an excerpt from Android Design Patterns: Interaction Design Solutions for Developers (Wiley 2013).

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!

Daisy CSS

Daisy CSS | Bonnes Pratiques Web | Scoop.it
Organisation du code, nomenclature des fichiers et ordre d'appel, pour des CSS modulaires et maintenables.

Marre des feuilles de style en bazar ? Bien ranger les styles CSS est indispensable, sinon ça devient ingérable, n'est-ce pas ?

Daisy est une méthode d'organisation du code CSS qui facilite le travail à plusieurs mains, en tenant compte des styles imposés par les outils de publication, pour ne plus s'embourber.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Bien comprendre le Quality Score AdWords

Bien comprendre le Quality Score AdWords | Bonnes Pratiques Web | Scoop.it
Le Quality Score (appelé plus brièvement QS ou encore Score de Qualité) est un paramètre majeur de votre compte AdWords. Plusieurs questions viennent rapidement à l’esprit quand il s’agit de celui-ci : comment est-il réellement calculé ? Quel est son  impact sur les performances d’un compte ?

Nous allons tenter de répondre à ces questions en analysant toutes les composantes du QS et leurs implications.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Construct Your CSS | WYSIWYG Layout Editor, Semantic & Table-Free | Based on Blueprint & jQuery

Welcome to Construct, a visual layout editor based on Blueprint & jQuery! This is version 1.0, finalized on March 5, 2010 and released for public consumption under the FreeBSD License. This project was built by Christian Montoya, and exists both as a useful tool for CSS designers and as proof that a visual layout editor is possible to acheive with clean CSS & semantic HTML.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Beautiful CSS : Structurer, documenter, maintenir

Apprenez à écrire des feuilles de styles documentées et maintenables en appliquant un modèle de structure simple et clair.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

W3C cheatsheet - Internationalization Quicktips



Use Unicode wherever possible for content, databases, etc. Always declare the encoding of content.
Use characters rather than escapes (e.g. á á or á) whenever you can.
Declare the language of documents and indicate internal language changes.
Use style sheets for presentational information. Restrict markup to semantics.
Check for translatability and inappropriate cultural bias in images, animations & examples.
Use an appropriate encoding on both form and server. Support local formats of names/addresses, times/dates, etc.
Use simple, concise text. Use care when composing sentences from multiple strings.
On each page include clearly visible navigation to localized pages or sites, using the target language.
For XHTML, add dir="rtl" to the html tag for right-to-left text. Only re-use it to change the base direction.
Validate! Use techniques, tutorials, and articles at
http://www.w3.org/International/

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

W3C cheatsheet - Mobile Web Best Practices

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

7 outils en ligne pour l'intégration HTML & CSS

7 outils en ligne pour l'intégration HTML & CSS | Bonnes Pratiques Web | Scoop.it
Construct Your CSS — Editeur visuel basé sur Blueprint et jQuery. Ce projet est commis par Christian Montoya pour mettre à la disposition des intégrateurs Web une boite à outils pour faire des CSS et du HTML sémantique.
pagecolumn — Générateur de maquettes en plusieurs colonnes avec CSS 2.0 en utilisant les `%`, les `px` ou les `em`. Possibilité d’imbriquer plusieurs colonnes ou des faire des effets de menus à onglets.
drawter — Générateur de code HTML et CSS en ligne. Lire Avec drawter, dessiné, c’est gagné.
CSS Grid Calculator — Pour visualiser rapidement une maquette à partir d’une grille : les blocs de texte et les divisions de la page en colonnes (et les goutières) s’affichent dans le navigateur. En prime, vous obtiendrez les déclarations des styles CSS !
JotForm — Création de formulaires en ligne.
Em Calculator — Convertit vos pixels en `em` pour faciliter la mise en place de designs CSS fluides.
CSS Compressor — Compressez vos feuilles de style CSS. Nombreuses options disponibles.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

PourTaPageWeb - Générateur de Meta Tags - Indispensable pour un bon référencement

Générateur de Meta Tags
Le titre du site (500 caractères maximum):
La description du site ( 200 caractères maximum ):
Mots clés du site ( 500 caractères maximum ):
Vos mots clés doivent être séparés par des virgules

Langue utilisé par le site :
Email principal du site :
Catégorie principale du site :
Indexation du site :
Destination (public) du site :
Réindexer le site après x jours :
Auteur du site :
Copyright du site :
Logiciel utilisés pour la cration du site :
L'url final du site :
Expiration du site ( Format: AAAAMMJJ ):
Date de création du site ( Format: AAAAMMJJ ):
Date de ernière révision du site ( Format: AAAAMMJJ ):
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Improving your responsive workflow with style guides

This is from a talk I gave at DrupalCon Sydney. The slides have been exported from reveal.js, so look much beter here - http://bit.ly/luke-sg The video of the …
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

KSS · Knyle Style Sheets

Documentation for any flavor of CSS that you’ll love to write. Human readable, machine parsable, and easy to remember.

Works great with CSS, SCSS, LESS, and much more.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

MailDev - an open source project

MailDev - an open source project | Bonnes Pratiques Web | Scoop.it
SMTP Server + Web Interface for viewing and testing emails during development. An open source project originally created by Dan Farrelly.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Du zoning au mockup, itinéraire d'une maquette web

Pour s'y retrouver dans le vocabulaire de la conception, commençons par mettre les bons mots sur les choses : wireframe, style tiles, prototype, etc. Voyons en…
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Des approches en vogue confrontées aux principes | Openweb.eu.org

Des approches en vogue confrontées aux principes | Openweb.eu.org | Bonnes Pratiques Web | Scoop.it
Après avoir posé – huit articles durant – les principes modernes de construction des feuilles de styles, Nicolas Hoffmann vous propose d’y confronter diverses méthodes en vogue pour la conception de CSS.

Accrochez-vous, l’avant-dernier article de cette série ne manque pas de densité !
Shaker technologies's insight:

Maintenant que nous avons posé les principes modernes de construction des CSS durant cette série d’articles, nous allons y confronter des approches en vogue. Rappelons-nous ces principes :

  • Du plus général au plus spécifique
  • Séparation structure/présentation autant que possible
  • Orthogonalité
  • Possibilité de prendre des conventions
  • Possibilité de produire des guides de styles
  • Poids réduit
  • Sélecteurs efficaces
  • Sélecteurs qualifiants
  • Possibilité de penser en-dehors de la boîte
  • Approche DRY
  • Évite d’y revenir

Rajoutons quelques bonus :

  • Tire parti des outils comme les pré-processeurs
  • Capacité à aider à travailler depuis plusieurs postes (intégration, graphisme, développement, etc.)

Des approches en vogue

Cinq méthodes/approches vont être passées au crible : l’intégration classique, SMACSS, OOCSS, la méthode Daisy et BEM.

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

Drawter : dessinez, c'est intégré ! (WYSYWYG Powa!)

Drawter : dessinez, c'est intégré ! (WYSYWYG Powa!) | Bonnes Pratiques Web | Scoop.it
Drawter est un générateur de code HTML et CSS en ligne qui vous permet de dessiner votre mise en page dans un canevas. Vous pouvez choisir les options de votre page comme le titre, le doctype, la langue du document, les balises que vous souhaitez pour chaque bloc présent à l’écran et pour chacune d’entre elles les propriétés et les attributs.

Une fois votre maquette terminée, vous choisissez le mode de placement pour vos blocs : float: left ou position: absolute. Le site autorise les imbrications de balises pour réaliser des mises en page complexes dans une interface réactive et intuitive. N’hésitez pas à parcourir toutes les options disponibles dans les palettes d’options et amusez-vous :) Drawter : dessinez, c’est gagné ? A tester !
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Robson » CSS Compressor

The CSS Compressor makes major changes to stylesheets and is still in developement, so it may not work correctly.

Hacks may cause problems, for best results you should remove them.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Manageable CSS with CSSDOC - TimKadlec.com

CSSDOC was an idea apparently conceived sometime in 2007, and the Second Public Draft of the spec was just released on November 16th. The intent behind CSSDOC is to provide a standardized way of commenting CSS making use of the very well known DocBlock way of commenting source-code.

DocBlock is a very common form of documenting source code in programming that has proven to be very popular for both PHP and Javascript. The beauty of the method is that it’s so simple to use DocBlock to organize your code and since it’s a standardized format, other developers will be familiar with it and tools can be developed to parse it and auto-generate documentation.

There are a great deal of tags being developed for CSSDOC that can provide a lot of great information.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

W3C cheatsheet - Accessibility: WCAG2 at a Glance

Perceivable

Operable

Understandable

Robust

See WCAG Overview.

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

Check your avec le W3C

Check your  avec le W3C | Bonnes Pratiques Web | Scoop.it
Suite à l’arrivée W3C mobileOK Checker sur mon écran radar (merci @flashxman), je me suis dit qu’il pourrait être utile de faire une liste des outils proposés par le W3C pour vérifier la conformité de nos sites web par rapport aux standards, aux bonnes pratiques ou aux performances web. D’une manière générale, ces outils œuvrent pour l’amélioration de la qualité web.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

HTML 2 CSS

HTML 2 CSS | Bonnes Pratiques Web | Scoop.it
Créé par Darklg, HTML 2 CSS est un outil en ligne qui peut vous aider dans le démarrage de certaines intégrations web. En effet, il permet d’extraire les intitulés de classes CSS présentes dans votre code HTML pour en afficher l’arborescence CSS en suggérant des classes à partir de classes parentes.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Générateur de loader CSS pour votre site

Générateur de loader CSS pour votre site | Bonnes Pratiques Web | Scoop.it
Ce générateur de loader CSS, créé par Wifeo, est à votre disposition gratuitement pour une utilisation personnelle ou professionelle sur votre site. Pour utiliser ce générateur de loader, choisissez le style qui vous interesse, puis vous aurez la possibilité de le personnaliser graphiquement.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Improving your responsive workflow with style guides | DrupalCon Sydney 2013 | Growing Drupal Downunder

Improving your responsive workflow with style guides | DrupalCon Sydney 2013 | Growing Drupal Downunder | Bonnes Pratiques Web | Scoop.it
In this session we'll look at:

How style guides can improve your workflow
What are the different uses of style guides
The difference between style guides and pattern libraries and what we can learn from projects like Bootstrap and Foundation.
How your current workflow may need to adapt to make the most efficient use of style guides
How designers and developers can work together using style guides (hint: it involves acronyms like OOCSS/SMACSS/BEM)
How this can mostly all be automated and add no extra time to your projects (it might even save time).
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

Managing JavaScript Complexity

Managing JavaScript Complexity | Bonnes Pratiques Web | Scoop.it
Jarrod Overson presents ways to quantify and reduce JavaScript complexity as well as some of the techniques the experts use to create maintainable JavaScript.
more...
No comment yet.
Scooped by Shaker technologies
Scoop.it!

"Le PIM et le DAM, maillons essentiels pour un commerce Omni-Canal" Eric Georges, Expert PIM & e-commerce, Clever Age

"Le PIM et le DAM, maillons essentiels pour un commerce Omni-Canal" Eric Georges, Expert PIM & e-commerce, Clever Age | Bonnes Pratiques Web | Scoop.it
Clever Age participe au Marketing Brunch organisé par Hybris et Celum. Vous saurez tout sur la gestion de l'information produit (PIM) et la gestion des ressources numériques (DAM).
more...
No comment yet.