Existen algunos sitios especializados, como A List Apart, Mozilla Developer Network, CSS-Tricks, HTML5Doctor, HTML.com, W3Schools, Codepen y Google Developers dado que tienen publicaciones interesantes, relacionadas con el desarrollo de aplicaciones web.
Para el control de versiones de las prácticas y los proyectos deberás utilizar un repositorio remoto para control de versiones, algunos sistemas de administración de repositorios remotos que podrías considerar: GitHub, BitBucket y GitLab.
En relación a las herramientas de edición, podrías considerar: Sublime Text 3, Notepad++ y Atom, incluso un editor más potente como el Visual Studio Code. Sublime Text tiene una lista de plugins de soporte para el desarrollo web de páginas estáticas
El proceso de diseño y maquetación conlleva la creación de mockups, entre las herramientas que podrías considerar para esto, tenemos: Balsamiq, OneNote, Mockplus, Wireframe, Moqups, Fluid, SmartMockups y otros que puedes encontrar en línea.
Librerías y Frameworks, como W3.CSS, FlexboxGrid o Bootstrap, permiten abstraerse de las reglas de estilo para maquetar prototipos de alto nivel.
Mientras diseñas tu sitio web, puedes utilizar los inspectores de Mozilla o Chrome para verificar la estructura semántica de las páginas. Y algunos cheatsheets de HTML/CSS/GIT en la carpeta Recursos, Google Web Fonts y Bootstrap
- Íconos
- 'Black White Social Media' by youtube.com/AlfredoCreates. (2018). Iconfinder. Retrieved 3 October 2018, from https://www.iconfinder.com/iconsets/black-white-social-media
- Streamline 3.0. (2019). App.streamlineicons.com. Retrieved 7 June 2019, from https://app.streamlineicons.com/streamline-regular/interface-essential
- Fuentes
- 20 Best Google Web Fonts. (2018). Awwwards.com. Retrieved 3 October 2018, from https://www.awwwards.com/20-best-web-fonts-from-google-web-fonts-and-font-face.html
Basic writing and formatting syntax - User Documentation. (2018). Help.github.com. Retrieved 25 September 2018, from Basic writing and formatting syntax