If you are NOT a designer nor a front end savvy this 🧵 is for you!
Top 4 resources (+ bonus) I like to use for tricks, learning, and inspiration as a web dev who is not even close to a great designer nor a front end savvy.
Let's go!
#100DaysOfCode #HTML #CSS
1_ One-Line Layouts
I cannot emphasize enough how great this is if you have ever struggled with creating your base layout.
It is a 10 examples website with the actual HTML + CSS in place to let you understand (and copy 🙃) layouts!
1linelayouts.glitch.me
2_ CSS Tricks
This is a very well known resource but in case you haven¿t used it yet, go there. They have you covered with articles, videos, guides, everything.
A great resource to learn the insides and outs of front-end.
css-tricks.com
3_ UI Design Daily
Amazing place to get designs in Sketch or Figma. When I'm looking for ideas or designs for certain components I love to take a look here. You still have to develop it after though :)
uidesigndaily.com
4_ Awwwards
I love finding inspiration for web design on great websites. There are many out there, you can pick one that works for you.
I like using awwwards and search for inspiration there when I'm starting or get stuck with a web design concept.
awwwards.com
BONUS
Practice -> frontendmentor.io/challenges
Flat UI Colors -> flatuicolors.com/palette/defo
Remove BG -> remove.bg
CSS Icons -> css.gg
Build Color themes -> colorbox.io
PNG Cliparts -> pngguru.com
I hope you find these resources useful for your design and front end journey.
I know this is one of my weakest points and I work on it to get better whenever I can!
Thanks for reading and have a great Sunday! 👋
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.