#bonne_pratique

mukt @mukt CC BY 16/12/2018

1

1

Inclusive Components
▻https://inclusive-components.design
A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.
Cards
04/06/18
Data Tables
31/03/18
Notifications
27/02/18
A Content Slider
22/11/17
Collapsible Sections
26/10/17
Tabbed Interfaces
05/10/17
A Theme Switcher
08/09/17
Tooltips & Toggletips
25/07/17
Menus & Menu Buttons
10/05/17
A Todo List
07/04/17
Toggle Buttons
31/03/17

#intégration #web #accessibilité #composants #bonne_pratique #bonnes_pratiques #pattern #UX #ergonomie

mukt @mukt CC BY

Écrire un commentaire
Mist. GraphX @mist_ 20/03/2018

2

2

Programmation en binôme — Wikipédia
▻https://fr.wikipedia.org/wiki/Programmation_en_bin%C3%B4me
Tout seul c’est dur à mettre en pratique, mais ça semble évident …
#Coding#agile#methodology

Mist. GraphX @mist_
- RastaPopoulos @rastapopoulos CC BY-NC 20/03/2018
  
  #extreme_programming #pair_programming #bonne_pratique #informatique #développement
  
  RastaPopoulos @rastapopoulos CC BY-NC
Écrire un commentaire
RastaPopoulos @rastapopoulos CC BY-NC 20/12/2017

1

1

Réécriture de code vieux de 17 ans - Anna Filina - Forum PHP 2017
▻https://www.youtube.com/watch?v=AlkdqUNX4Rw
Excellente conférence sur des méthodes et des stratégies pour faire du refactoring même de très vieux projets très compliqués. Merci @marcimat !
#refactoring #programmation #développement #code #bonnes_pratiques #bonne_pratique #tests_unitaires #documentation #PHP et bien sûr 17 ans ça vous dit rien ? #idée_pour_spip !

RastaPopoulos @rastapopoulos CC BY-NC
- b_b @b_b PUBLIC DOMAIN 20/12/2017
  
  ha ben ce gif tombe juste à point :p
  Quand je refactorise du code historique
  https://ljdchost.com/lThMG7X.gif
  
  b_b @b_b PUBLIC DOMAIN
Écrire un commentaire
tofulm @tofulm 12/11/2017

10

10

Front-End Checklist | Front-End-Checklist
►http://frontendchecklist.com
▻https://gethead.info

tofulm @tofulm
- Sandburg @sandburg CC BY-SA 12/11/2017
  
  #uxdesign @tetue
  
  Sandburg @sandburg CC BY-SA
- cy_altern @cy_altern CC BY-SA 12/11/2017
  
  The perfect Front-End Checklist for modern websites and meticulous developers
  La liste exhaustive des éléments à vérifier lors de la mise en place d’un site : nombreuses références, classement par importance...
  A free guide to <head> elements
  #head #web_dev #bonne_pratique #checklist
  
  cy_altern @cy_altern CC BY-SA
- RastaPopoulos @rastapopoulos CC BY-NC 13/11/2017
  
  #intégration #web #HTML #CSS
  
  RastaPopoulos @rastapopoulos CC BY-NC
- tetue @tetue CC BY 19/11/2017
  
  Petite précision (@sandburg) : ce n’est que très lointainement associable à l’UX design. Déjà ce n’est pas strictement du design, mais du dev, plus précisément une liste de bonnes pratiques de développement web — ce qui, certes, conditionne l’expérience utilisateur/trice, mais de la même façon que tout conditionne l’expérience utilisateur/trice. Je précise, pour éviter d’accroître la confusion, en ces temps où l’UX est tellement à la mode qu’on qualifie un peu tout est n’importe quoi d’UX, au risque que ça ne veille bientôt (voire déjà) plus rien dire.
  
  tetue @tetue CC BY
- Sandburg @sandburg CC BY-SA 21/11/2017
  
  @tetue
  Il semble pourtant admis que l’UX design comprend plusieurs aspects :
  – le cognitif
  – l’artistique
  – le tech
  Comme l’ont bien souligné les cartes mémo UX methods : le profil Evangelist, le profil Activist et le profil Scientist.
  Pour moi, ces 3 profils, s’ils sont bien dans les rails, sont des ux designer, un peu plus spécialisés qu’un Ux Designer encadrant (qui est souvent le profil rattaché à Ux activist). Quand un tech (genre moi) fait de l’UI depuis 10 ans, a un diplome le sciences cognitives, s’est formé aux approches et aux méthodes d’ux design, les emploie quotidiennement, mais souhaite rester dans le tech au maximum et ne fait pas beaucoup de web, il est quoi ?
  On se voit ce WE de toute façon.
  
  Sandburg @sandburg CC BY-SA
Écrire un commentaire
Nicolas Hoizey @nhoizey CC BY-NC-SA 12/06/2014

1

1

Guidelines pour produire des #psd adaptés au web
▻http://www.stpo.fr/blog/guidelines-pour-produire-des-psd-adaptes-au-web
Tags : #photoshop #webdesign #Design #bonne_pratique psd

Nicolas Hoizey @nhoizey CC BY-NC-SA

Écrire un commentaire
Nicolas Hoizey @nhoizey CC BY-NC-SA 6/01/2014

Essential considerations for crafting quality #Media_Queries
▻http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries
“Learn what you need to know to set up media queries that maximize efficiency and robustness for your particular project. There are pros and cons to making your media queries embedded versus external, overlapping versus stacking your media queries, starting with mobile versus desktop styles, and using conditional comments versus JavaScript to add support for IE 8 and earlier versions.” Tags: Responsive Web Design (RWD) #bonne_pratique Media Queries #CSS
#Responsive_Web_Design_RWD_
- #media queries
- #JavaScript
Nicolas Hoizey @nhoizey CC BY-NC-SA
Écrire un commentaire
Nicolas Hoizey @nhoizey CC BY-NC-SA 29/11/2010

TidyPSD - Get your PSDs organized !
►http://www.tidypsd.com
Un service (humain) de rangement de PSD, pour que les intégrateurs arrêtent de s’arracher les cheveux avec les PSD pourris de certains graphistes.
#PSD #Photoshop #design #bonne_pratique #calque #service #graphiste #intégrateur #découpage #HTML #clevermarks #gp:links

Nicolas Hoizey @nhoizey CC BY-NC-SA

Écrire un commentaire
Nicolas Hoizey @nhoizey CC BY-NC-SA 27/11/2010

BBC - Future Media Standards
►http://www.bbc.co.uk/guidelines/futuremedia/technical/css.shtml
#BBC #CSS #bonne_pratique #web #dev

Nicolas Hoizey @nhoizey CC BY-NC-SA

Écrire un commentaire
Nicolas Hoizey @nhoizey CC BY-NC-SA 8/07/2010

Digital Photography Best Practices and Workflow | dpBestflow
►http://www.dpbestflow.org
“guidelines for refined production workflows, archiving methods, and best practices for digital photography based on a variety of capture methods and intended image use”
#workflow #photo #bonne_pratique #gp:links #dpbestflow

Nicolas Hoizey @nhoizey CC BY-NC-SA

Écrire un commentaire
Nicolas Hoizey @nhoizey CC BY-NC-SA 17/05/2010

Code Standards | Isobar
►http://molecularvoices.molecular.com/standards
“This document contains normative guidelines for web applications built by the Interface Development practice of Isobar North America (previously Molecular)”
#bonne_pratique #CSS #HTML #JavaScript #standards #todo:guide

Nicolas Hoizey @nhoizey CC BY-NC-SA

Écrire un commentaire
Nicolas Hoizey @nhoizey CC BY-NC-SA 15/12/2009

Improve your jQuery - 25 excellent tips
►http://www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx
#jquery #optimisation #bonne_pratique #javascript #clevermarks

Nicolas Hoizey @nhoizey CC BY-NC-SA

Écrire un commentaire
Nicolas Hoizey @nhoizey CC BY-NC-SA 6/11/2009

Ergothon
►http://www.ergothon.com
Ce site a pour objectif d’aider les créateurs en tous genres — de sites Web surtout, mais pas uniquement — à prendre en compte l’ergonomie dans leurs créations, en faisant des recommandations et en mettant en lumière les trop nombreuses mauvaises pratiques.
#madewithSPIP #themorningafter #spip #ergonomie #don #bonne_pratique #ergothon #inspiration

Nicolas Hoizey @nhoizey CC BY-NC-SA

Écrire un commentaire