Home - martindubenet/contents GitHub Wiki

wiki tab Content Edition

autoportrait Welcome to my shared personnal notes. Navigate the sidebar menu to find all my precious documents. Search for keywords.

 

Text writting

Translation

  • DeepL Translator for Windows OS and/or Linguee for iOS or Android OS devices, both are German made products that translate many European languages for free in. They do offer an optional payed PRO version but it is not required.
  • Le grand dictionnaire terminologique, or GDT, is an official product of the Government of Québec agency « Office de la langue française » which is very good at proposing the equivalence of English technical terms in the official (you can't get more official than that) French Canadian (fr_CA) language, which in many cases contains fewer semantic English words than the French of France (fr_FR).
  • PoEdit : Translation editor for .po files.

 

HTML editing

 

Image editing

  • Draw.io : Create diagrams exportable as SVG files.
  • Figma : Vectorial drawing app. Same interactive mockup design tool as ADOBE XD but free.
  • Greenshot : Screenshot capture and edit tool, perfect to anotation (OS: Windows only).
  • Gimp : Open source photo editor à la Photoshop.
  • InkScape : Vectorial drawing app. Great vector graphic design for clean SVG files.

Images conversion (photos and videos)

  • Irfan View : Allow batch converting of Google's .webp picture files.

 

CMS

« Content Management System » refers to a hosted database solution to dynamically populate editable website contents without requiring code editing.

Netlify Github integration solution

Netlify Github App platform connects your repositories to an all-in-one workflow for global CDN deployment, continuous integration, and automatic (and free) HTTPS. Each time you commit changes, Netlify builds your site, prerenders markup, and optimizes assets on dedicated build infrastructure.

From there it gets quite simple for a (front-end) developer without knowledge of server deployment (and build on a remote production server) to manage the front-end stack that he is more confortable with.

This platform deploys with a dynamic URL on Netlify’s domain. The last step will be for you to either register a new domain name with Netlify or delegate your own existing domain’s DNS to Netlify.

11ty on Netlify

Kevin Powell propose in his YouTube tutorial « Host your site for free, with version control, staging, and more using Netlify » using 11ty to display either Markdown or other templating languages written contents.

Markdown content management systems (CMS)

  1. Gatsby.React on Netlify
  2. Vuepress on Netlify

Since many small companies rely on Wordpress for their website without ever editing it themselves, why bother with giving them a WYSIWYG based solution? Wordpress sites are great when well done but as a developer I am quite faster at integrating contents in a Markdown document. No need for a database if those Markdown text files (.md) history is manage in a git repository. This prevents database hacks and you get a faster loading website.

 

Screencast