I use a combination of WYSIWYG and hand coding

[nicolasdb]

ref:

context

yoyoyoyo, surfant librement sur le oueb, baignant dans mes souvenirs étudiant à l'IAD à la recherche de comment faire une mise en page html... 'Tient! qu'est devenu ce bon vieux copain Dreamweaver?'

objectif

Comment faciliter la mise en page et probablement aussi avoir une assistance visuelle pour créer le css d'une github.page? Comment faciliter l'édition du code?

proposition

• une alternative sexy opensource à dreamweaver est Bluegriffon (manuel est payant mais ya un vieux tuto dans les ressources) http://bluegriffon.org/index.html#main

• combiné avec atom pour l'édition des textes et .md

  Atom a relatively new project from GitHub, which describes itself as a "hackable text editor for the 21st century," has support for HTML and CSS out of the box and many additional plugins available

• je propose aussi pour le coup des badges soft pour ces 2 soft. J'ai encore rien compris à blue griffon mais j'ai installé Atom hier. c'était pas compliqué mais par contre, c'est dense. j'ai faillis laisser tomber. Merci, notepad++ hein. Mais ce matin, j'ai retenté le coup et j'ai en fait facilement trouvé mon chemin. Les fonctions sont prometteuses et sexy. lien avec github desktop, le repo s'ouvre de là, détection des changements dans le dossier, dans les docs, syntaxe colorée et preview du markdown avec option du style github, une fois atom autorisé dans son compte github, on peut y gérer les commit, pull, push et accès à plein de plugin. j'ai facilement ajouté un package pour voir les svg, sinon on ne voit que le code du svg.

Bref, ça mérite un petit tuto et un badge ATOM :)

ressource

https://opensource.com/alternatives/dreamweaver http://write.flossmanuals.net/bluegriffon/introduction/

[nicolasdb]

A quick look at GitHub integration in Atom 1.18

https://www.youtube.com/watch?v=7FPTUaoHtjQ