Frontend Practice Newsletter #2

New blog, projects, and more! 🔥

Hello everyone!

Welcome to our second newsletter! We have some awesome news and updates to share with you.

First things first, our blog has officially launched!

We hope that this will become a great resource for all things frontend, from project tutorials to accessibility, testing, design, and more. We've already published some articles, including "Frontend Practice and how it works", "How to quickly build your developer portfolio", and "Where to host your frontend projects".

Check out the blog at frontendpractice.com/blog!

I’d also love to know what you might be interested in reading and/or learning more about from our blog. Feel free to reply to this email with any suggestions and we will consider them!

Next up: Two new projects!

Oh.studio (Level 1)

A beautifully minimalist website featuring grids, subtle animations, floating menus, and hover effects. This is an excellent opportunity to learn some new techniques and dive into the world of frontend development. Visit project.

GoDaddy (Level 2)

A personal favorite of mine, featuring a wonderful hero section that puts many frontend skills to the test. From mega menus, grids, and search bars to drop-downs and hover animations, this project is a great way to push your frontend skills to the next level. Visit project.

And lastly, retired projects:

We've added a new section called "Retired Projects" located at the bottom of our projects page. This is where we will move projects that are no longer available due to design updates, missing archived versions, or websites that are no longer online.

Don't worry though, we'll keep the projects and reference images viewable for those who still want to learn from them.

---

Thank you for taking the time to read this edition of our newsletter. We're grateful to have you on this journey with us as we work towards making Frontend Practice something great.

Until next time. happy coding!

Kyle - Frontend Practice

---

We come across all sorts of wonderful websites, articles, videos, etc. and we want to share a few select choices with you. ( These are not sponsored )

📄 Mike Mai’s Typography Manual

A collection of 11 (opinionated) typography guidelines to consider when working with type in your next project.

📄 Accessible Focus Outlines

Sadly focus states are often overlooked and hidden. Amber Hinds breaks down what focus outlines are, why you need them, and how you can style them.

📺 The steps you need to take before you write any code

Kevin Powell uses a Frontend Practice project as an example of how he likes to break down a page or design before diving into coding. Ok, we might be a little biased when it comes to this video but it’s great to see how someone else uses Frontend Practice.

---