Skip to main content
HashnodeAnnie Codes | Annabelle Seaward's BlogAnnie Codes | Annabelle Seaward's Blog

Command Palette

Search for a command to run...

Recommended Resources

3.png

In the last 10+ years I’ve been coding and the last year working as a professional developer, I have found a range of different useful resources. Here I have curated a list of some of my personal favourites here.

I will add to this every few weeks, so do check back. If you think I’ve missed anything, please get in touch 😊

Workflow Tools

  • VS Code
  • Notion - I love notion as a developer and blogger, as it allows me to keep notes in markdown, add well formatted code segments and create kanbans quickly.
  • Grammarly & Natural Reader - I’m dyslexic so proofreading and checking all my written work is a must. Personally, I found text to speech software is great for this and Natural Reader is free and easy to use.
  • GitHub
  • Canva - I love how quick it is to make something in canva; I’ve even been know to use Powerpoint for informal design work because it’s just so simple and fast.
  • Figma
  • Pencil & Miro - I don’t tend to make high-fidelity mock ups often, so quick wireframing tools are very helpful.
  • Codepen - Sometimes trying something out in a coding sandbox, super quickly is very helpful.
  • Spotify - I almost always have music in the background when coding and writing. Currently, I'm loving this playlist for nerdy background vibes. The new audiobook featute is also a great replacement for audible.

Web Development

  • Google - Seriously, if you stuck it’s probably not a new issue - try google and then google some more! This is a good resource to get better at googling (and yes, you can improve at googling!)
  • As developer with a bad memory for syntax I spend a lot of time using these docs: MDN, W3schools, Tailwind, React, Framer Motion and many, many more.
  • Hover - good for learning Framer Motion.
  • CSS-Tricks - Their flexbox and Grid guides are super helpful.
  • Single Div - CSS art might not have many partical applications but it is super cool and learning it will make you a CSS wizard. (Seriously, if you’ve never seen single div CSS art before, open the dev tools on this page!)

Learning Web Development

  • FreeCodeCamp - Best Beginners self-teaching tool out there.
  • NorthCoders - Amazing Bootcamp and free under the government's skills bootcamp funding scheme! (Must be over 19, live in the England and looking for work) I got a job a week into Northcoders, based on prior skills, so can’t recommend the whole course - but what I did see was awesome and delved much deeper into algorithmic topics than I expected from a bootcamp. Highly recommend!
  • Codecademy - Not as good or affordable as it use to be, but if your just getting started, it is a great way to guide you through the first stages. (I would recommend FreeCodeCamp more for the languages they offer).
  • FlexBox Froggy & Grid Garden - Takes 20 minutes to play and you’ll never be confused by CSS flexbox or grid again.

Favorite Development Youtubers

VS Code Extensions I use

Blogging Resources and Assets

  • I new to dev-blogging, so hopefully this list will start to grow soon :)
  • Hashnode
  • Domain: Vercel
  • Icons: FlatIcons (I mostly use Freepik’s Special lineal color collection), Icons8 & Emojipedia
  • I wrote an article about customising your blog which was featured on hashnode, with more resources, here.

Improve your GitHub Profile

Wow, you got to the bottom, Thanks for reading 🙏

Until next time, Happy Coding!