March Tutorials Round-Up
Hey everyone! ππ©βπ»π¨βπ»
This month’s newsletter features the next three videos in our “Up & Running with Gatsby” series and some helpful links from the community about Gatsby, CSS, Accessibility and Workflow.
Happy coding!
β Michael, Up & Running Tutorials
GATSBY
Up & Running with Gatsby #6: Wrapping Pages in a Layout Component β In this video, we learn how to use a Layout component to share common sections and styling between pages. π¦π¨π
Up & Running with Gatsby #7: Writing CSS in a Gatsby Project β In this video, we explore traditional approaches to writing CSS, like inline styles, vanilla CSS, Sass and PostCSS, and how each one works in a Gatsby project.
Up & Running with Gatsby #8: Writing CSS-in-JS in a Gatsby Project β In this video, we explore CSS-in-JS and how libraries like CSS Modules and Styled Components can make it easier to add and remove styles from your project. π¨π€
Gatsby Tutorials β This community-updated collection of video, audio and written GatsbyJS learning resources has grown to 202 tutorials. Check it out! π©βπ»π¨βπ»
How Gatsby scales with your expertise & scope β If you’d like to try Gatsby but don’t know React, this post by @lekoarts will give you courage! π©βπ»π€πͺ
Introducing useStaticQuery β Did you know you can now create custom GraphQL queries anywhere and reuse them across your @gatsbyjs project? Hooks, baby! βοΈ
CSS
Grid: A simple visual cheatsheet for CSS Grid Layout β If you’re learning CSS Grid, you might find this cheat sheet’s concise summary and visualization of how every property works pretty…pretty helpful. π¨πβ
ACCESSIBILITY
Uncanny A11y β “Developers can try so hard to make sure something is accessible that the entire experience becomes weird, confusing, or downright unusable…These examples reflect real sites. I see them over and over.” βΏοΈπ ββοΈπ ββοΈ
WORKFLOW
Nevertheless, Ali Coded β This post by Ali Spittel is a heartbreaking glimpse into how difficult many men still make it for women to participate in the tech industry online. Men don’t have to deal with this. Women shouldn’t either.
Resources For New Devs Looking For Work! β If you’re a new developer and want some help, check out Jess Lee’s fantastic blog post covering how to build a portfolio (π¨), find a job (π΅οΈββοΈ), interview (π), start a job (πΌ), and deal with imposter syndrome (π€·ββοΈ).
Tiny PNG β If you’re building a website and need to optimize your images to reduce their file size, it can be tricky to decide what settings are best to use. Stop deciding and just use Tiny PNG, a free online tool that works like a charm. πΌπ
Bulk Resize Photos β Building a website and need to resize a bunch of images at once? This tool has you covered. πΌοΈπβοΈ
How to make your future self happy by writing goodΒ docs β βThis problem looks familiar, Iβm pretty sure I solved it before. If only I could remember how I did it!β π€ππ
Creative exhaust, the power of being open by default β “You don’t need to ask permission to publish a website…that’s an insanely powerful concept.” This 2014 video about the open web is still awesome. Check. It. Out. π