Comment bien commencer un projet ? Quelques outils déjà utilisés ou à tester, pour aller plus vite.

Général

Listes

Alternatives

Généraliste

  • NoCode : Free tools and resources for non-technical entrepreneurs

Design

Listes de ressources

Checklist

CSS

  • KNACSS : framework css recommendé pour l’accessibilité ? (cf AcceDe Web)

UX

Prototypage / Wireframe / Mockups

Open source :

Couleurs

Templates

Photos / illustrations

Retoucher vite fait une image

Compression photo

  • https://bulkresizephotos.com : choisir une longueur max (longest side ou width) selon l’utilisation (par ex. pour une photo en fullscreen, 2000 px suffisent pour couvrir les écrans Retina). Et cliques sur « Pro » pour choisir la qualité de compression (tente entre 60 % et 80 %). Sachant que plus la photo est grande (2000px) plus tu peux te permettre une forte compression (genre 60 %). Teste avec une ou deux photos pour trouver le bon rapport Qualité/Poids. 150ko max c’est une bonne cible.
  • https://tinyjpg.com : appliquer une compression sans perte de qualité supplémentaire (par contre, t’as le droit à max 20 images, à faire en plusieurs fois du coup). Ça peut être une bonne chose de redimmensionner jusqu’à avoir un fichier de genre 250-300ko (compression avec perte de qualité), et le passer dans TinyJpg (compression sans perte de qualité) pour le réduire d’avantage jusqu’à être dans les 150ko.

Pense à virer les infos EXIF des photos aussi, elles seront plus légères après

Font

Divers (le fameux fourre-tout)

  • Lists : A gallery of real data ready to be placed in your design. Kind of like an App Store for fake content. (json files downloadable)

Trouver l’inspiration

Plutôt web

Plutot élément web (UI)

Plutôt typo

Code

Good practices

Javascript

Accessibilité

- [Tools for Developing Accessible Websites](https://bitsofco.de/tools-for-developing-accessible-websites/)
- [The Accessibility Cheatsheet](https://bitsofco.de/the-accessibility-cheatsheet/)
- [Small Tweaks That Can Make a Huge Impact on Your Website’s Accessibility](https://css-tricks.com/small-tweaks-can-make-huge-impact-websites-accessibility/)

Boilerplates

Lib

  • Packery : Gapless, draggable grid layouts
  • Simple Sharing Buttons Generator : Create light-weight, mobile-friendly sharing buttons for Facebook, Twitter, Google+ and other social networks – it’s all completely free!
  • flatpickr : lightweight and powerful datetimepicker with no dependencies

DevOps

Performance

  • Perftool : Collect information about your website and display it in an easy-to-digest manner.

Hébergement

  • www.000webhost.com
  • yunohost
  • unhosted
  • Netlib : Netlib.re vous donne un nom de domaine, gratuitement et simplement

« Voici les deux hébergements à prix libres sérieux que je connais/propose: »

  • http://www.toile-libre.org/1
  • https://www.tuxfamily.org/

  • Surge : Static web publishing for Front-End Developers (mentionné par le gars qui a présenté Vue.js au Nancy Web Meetup)
  • Hertzner : de mémoire, utilisé par yunohost et/ou framasoft (allemand, donc hors lois françaises mais européen quand même)
  • Zeit (et now) : realtime global deployments pour docker, node, sites staiques…

Sys Admin

Sécurité

  • Hacksplaining : site de formation en ligne sur la sécurité, pour les développeurs.

Bureautique - everyday soft

Mailing

Package

Solutions intégrant à minima mail (configurable avec nom de domaine), agenda, contact.

Mail anonyme / secure

Gestion de docs

  • seafile
  • owncloud
  • nextcloud (fork de owncloud)
  • pyd.io

avec édition collaborative :

Sauvegarde / Partage de docs

Messagerie

Gif (dans un but pro, bien sûr)

Collaboration / productivité

  • Project Groupie : ProjectGroupie is a place to find awesome software projects to join and collaborate. Create your own project and find skilled like-minded individuals to help bring your idea to life.
  • Remote Starter Kit
  • toggl : time tracking
  • todoist : todo list qui permet aussi de tracker, un peu

Gestion de projet

  • Taiga : outil de gestion de projet focalisé agile. Open source ! Formule gratuite réduite pour l’open source.

Administratif

  • Contrats Français : Exemples de Conditions générales d’achat, de vente, de développement d’application web, de scénario utilisateurs

Licence, open source

CRM

https://www.open-dsi.fr/crm-open-source-gratuit-entreprises-open-dsi/

Socio