Por partes. Acá hay un video tutorial de sass que se me hace que está bien realizado.
https://www.youtube.com/watch?v=ZHW0xOLmBdU
Las grillas como tal están dejándose un poco de lado, pero una retícula siempre te sirve. La cosa es si piensas como diseñadora o como programadora.
El html 5 no es tan complicado, un poco más de etiquetas, pero con unas 10 nuevas que te aprendas le agarras la onda.
El css tiene sorpresas agradables, animación y transiciones, fondos múltiples, cosas así, por lo que en lugar de espantarte disfrútalo.
Un framework... pues revísa alguno para entender que trae y que no.
Otra cosa que te puede servir, tener un stock de cosillas en jquery (si ya se que alguno dirá que no hay que meter jquery para todo) Algún slider, algún validador de formularios.
También aplica para cosas en css, algunos efectos mouse over sobre fotografías, tooltips, cosas así. Conóce la herramienta que tengas y contrólala.
Acabo de dedicarle 2 semanas en probar como 50 scripts de sliders para quedarme con algunos que me acomodaron, así que eso es cuestión de estar pendiente constantemente de que hay de nuevo.
Ya otras cosas será conforme lo vayas necesitando.