Zdroje, literatura a další odkazy

• Visual Studio Code - https://code.visualstudio.com/ – hlavní doporučované vývojové prostředí, příp. jeho online verze https://vscode.dev/ 
  • Emmet in VSCode (https://code.visualstudio.com/docs/editor/emmet)
• Node.js - https://nodejs.org/1en/ - později (až pro Less)

Výchozí online zdroje:

• Oficiální web W3C: http://www.w3.org/ 
  • Oficiální dokumentace HTML5: https://www.w3.org/TR/2011/WD-html5-20110405/
  • W3C Descriptions of all CSS specifications: https://www.w3.org/Style/CSS/specs.en.html
    
  • SVG dokumentace: https://www.w3.org/TR/SVG2/
  • W3Schools: http://www.w3schools.com/ 
• Bootstrap: https://getbootstrap.com/
• LESS: https://lesscss.org/

Další vhodné odkazy: 

• Výběr CSS Frameworků
  • Bootstrap (viz výše)
  • Materialize CSS: https://materializecss.com/
  • MD Bootstrap: https://mdbootstrap.com/
  • W3.CSS: https://www.w3schools.com/w3css/default.asp
  • nejčastější CSS frameworky (rok 2024): https://2024.stateofcss.com/en-US/tools/
• MDN Web Docs - Mozilla Developer: https://developer.mozilla.org/en-US/

Úvod do problemtiky, HTML

• Kódování UTF-8: https://www.charset.org/utf-8; https://www.utf8-chartable.de/unicode-utf8-table.pl
• HTML entities
• https://mothereff.in/html-entities MotherEff HTML entity encoder/decoder (převod všech znaků s výjimkou klasické anglické abecedy do entit)
• https://www.itnetwork.cz/html-css/webove-nastroje/html-prevod-specialnich-znaku-na-entity-a-zpet ITnetwork (převod pouze speciálních znaků do "známých" entit)
  
• https://v2.cryptii.com/text/htmlentities Cryptii (kompletní převod všech znaků do entit)
  

CSS/SVG + digitální design

• CSS Tricks: https://css-tricks.com/
• Vzhůru Dolů (CSS): https://www.vzhurudolu.cz/
• SVG na MDN Web Docs - Developer Mozilla: https://developer.mozilla.org/en-US/docs/Web/SVG 
• Can I Use?: https://caniuse.com/ stránka, která Vám ukáže, které CSS deklarace lze bezpečně použít.
• Barevný model od Adobe: https://color.adobe.com/cs/create/color-wheel
• Coloors.co - generování barev pomocí AI: https://coolors.co/
• CSS cubic-bezier: https://cubic-bezier.com/
• CSS linear-gradient: https://cssgradient.io/
• SVGatro: https://www.svgator.com/
• Animated Backgrounds: https://animatedbackgrounds.me/
• getemoji: https://getemoji.com/
• LESS tutorial: less_tutorial.pdf

Doporučená literatura:

Učit se hrou:

• CSS Flexbox: https://flexboxfroggy.com/#cs
• CSS Grid: https://cssgridgarden.com/#cs