I often get asked CSS/SVG tutorials.

While there& #39;s nothing like that sweet sweet struggle of working on your own ideas https://abs.twimg.com/emoji/v2/... draggable="false" alt="😳" title="Errötetes Gesicht" aria-label="Emoji: Errötetes Gesicht">, they definitely have a place in my learning.

So, here are some resources I like!
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🧵" title="Thread" aria-label="Emoji: Thread">

CSS ART

✧ http://medium.com/coding-artist/a-beginners-guide-to-pure-css-images-ef9a5d069dd2
✧">https://medium.com/coding-ar... http://dev.to/adriennemiller/getting-started-with-css-art-43b8
✧">https://dev.to/adriennem... http://css-tricks.com/drawing-images-with-css-gradients
✧">https://css-tricks.com/drawing-i... http://css-tricks.com/advice-for-complex-css-illustrations
✧">https://css-tricks.com/advice-fo... http://frontend.horse/issues/3 
✧">https://frontend.horse/issues/3&... http://css-tricks.com/the-shapes-of-css/
✧">https://css-tricks.com/the-shape... http://creativebloq.com/amp/features/get-started-with-css-art">https://creativebloq.com/amp/featu...

CSS ANIMATION

✧ http://cssanimation.rocks/ 
✧">https://cssanimation.rocks/">... http://youtube.com/channel/UC4QVZ552Q-dXIdMSc2cewcA
✧">https://youtube.com/channel/U... http://w3schools.com/css/css3_animations.asp
✧">https://w3schools.com/css/css3_... http://thoughtbot.com/blog/css-animation-for-beginners
✧">https://thoughtbot.com/blog/css-... http://cgtarian.com/animation-tutorials/disney-animation-principles.html
✧">https://cgtarian.com/animation... http://youtube.com/keyframers 
✧">https://youtube.com/keyframer... http://blog.hubspot.com/website/css-animation">https://blog.hubspot.com/website/c...

SVGs

✧ http://webplatform.github.io/docs/svg/tutorials/smarter_svg_filters/
✧">https://webplatform.github.io/docs/svg/... http://blog.hubspot.com/website/css-animation
✧">https://blog.hubspot.com/website/c... http://frontend.horse/issues/6/ 
✧">https://frontend.horse/issues/6/... http://sarasoueidan.com/blog/svg-filters/
✧">https://sarasoueidan.com/blog/svg-... http://svgontheweb.com"> http://svgontheweb.com 
✧ http://css-tricks.com/svg-properties-and-css/
✧">https://css-tricks.com/svg-prope... http://creativebloq.com/features/the-complete-guide-to-svg/">https://creativebloq.com/features/...

TWITTER LEARNS

✧ @jh3yy
✧ @steeevg
✧ @lisi_linhart
✧ @codedrops
✧ @chriscoyier
✧ @Mamboleoo
✧ @ChrisGannon
✧ @lynnandtonic
✧ @SaraSoueidan
✧ @FrontendHorse
✧ @cobra_winfrey
✧ @cssanimation
✧ @Craig_PointC
✧ @cassiecodes
✧ @keyframers
✧ @s14garnet
✧ @liatrisbian

Finally...

How to get better? Sorry no shortcuts. Practice, practice, practice. I spend *hours* learning, trying, failing, refactoring, succeeding.

You just gotta be brave enough to suck at something new.

Good luck! https://abs.twimg.com/emoji/v2/... draggable="false" alt="💪" title="Angespannter Bizeps" aria-label="Emoji: Angespannter Bizeps">

Since Twitter doesn& #39;t want to bless us with an EDIT feature, some updates...

1. *often get asked ABOUT..
2. @codedrops → @codrops
3. Three more Twitter Learns:
✧ @jaffathecake
✧ @argyleink
✧ @css

Pls feel free to comment w anything else u think is useful for us all! https://abs.twimg.com/emoji/v2/... draggable="false" alt="💜" title="Violettes Herz" aria-label="Emoji: Violettes Herz">https://abs.twimg.com/emoji/v2/... draggable="false" alt="🙏" title="Folded hands" aria-label="Emoji: Folded hands">