This newsletter is packed with news!
Today's menu:
- 🤟 Tons of new courses: Refactoring, Mechanical Keyboards, Makefiles, Prometheus, Bash…
- 💣 News from Codely
- 🙈 Common mistakes working with CSS layouts
- 🎥 Latest videos on YouTube
🔖 Latest CodelyTV Pro courses
💣 News from Codely
This past month we dropped two big announcements: meet Nico Bour, Codely's new CEO; and Núria Soriano, our Frontend Category Lead. Here are their interviews:
🙈 5 common mistakes working with CSS layouts
To show that we now have frontend folks on the team, in this newsletter we're going to talk about the beloved and dreaded CSS 🎨
5 common layout mistakes that make our code less flexible and harder to maintain:
- Unnecessarily breaking the flow: Try switching your fixed menu to sticky and forget about adding paddings to the body.
- z-index: 99999: A classic! But most of the time, a couple of z-index values will be more than enough. Really.
- Using fixed sizes: Fixed sizes are tempting to achieve a pixel-perfect layout, but in a world with more and more device types, multiple languages, text changes… it's better to let things take up the space they need — you'll save yourself a lot of headaches 🧘 min-width and max-width are your friends!
- Overusing media queries: Responsive designs without media queries?? Yes — thanks to flex and grid we can simplify our code and make it independent of arbitrary viewport values. Our components end up much more flexible and reusable.
- Flex vs Grid: Speaking of flex and grid… Are you #teamFlex or #teamGrid? Don't see them as opposites — it makes sense to use both, combine them, and remember that other layout methods exist, like the forgotten float or multi-column, which in certain contexts make perfect sense!
If you want to dive deeper, we just published a video about it 😬
🎥 Latest YouTube videos
👋 See you next time!
That's all for now. We hope you found it useful 😊
We're heading back to the cave to keep working 😬 Partnering with communities to strengthen the ecosystem, supporting companies with their training plans, and sharing our experiences along with those of the great people who join the project on our YouTube channel and CodelyTV Pro courses.
Thank you so much for being here!
For anything at all, you can reply to this email or send a separate one to soporte@codely.tv 🤟