Gatsby 3.0, genetic algorithms, Vue, Deno & PostCSS tuts + web dev's top links

More web dev links than you can shake a bottle of sauce at. No images? [Click here]( [SitePoint Weekly]( [SitePoint Weekly]( SitePoint Weekly #21 - Master browser debugging and genetic algorithms. - Learn what's new in the just-released Gatsby 3.0. - Check out new Vue, Deno & PostCSS tuts — among others. - ... and find out how to make a better boss (without getting fired). 💾 The Loop Just published on SitePoint [Beyond Console.log() – Level up Your Debugging Skills]( [Beyond Console.log() – Level up Your Debugging Skills]( Christian Heilmann console.log() is a great tool, but your browser's developer tools can do so much more. Learn how to take your coding and debugging to the next level with Microsoft Senior Program Manager Christian Heilmann. [➤ Read more]( [An Introduction to Genetic Algorithms]( Timothy Boronczyk Learn how to write a genetic algorithm, a procedure that solves problems using operations that emulate the natural processes involved in evolution. [An Introduction to Genetic Algorithms]( [How to Use PostCSS as a Configurable Sass](Alternative]( Craig Buckler Sass is handy, but can't do everything. Learn how to use PostCSS to create a custom CSS preprocessor that compiles Sass syntax but also adds extra features. [Canvas vs SVG: Choosing the Right Tool for the Job]( Maria Antonietta Perna Just updated for 2021: When should you use SVG, and when is Canvas better? We run through the purpose, pros, and cons of each so you'll always know which to reach for. [How to Change Your Boss's Mind Without Losing Your Job]( [How to Change Your Boss's Mind Without Losing Your Job]( Andrew McDermott Your boss is about to do something stupid. You know the routine. They make a terrible decision that ends up costing the company money. When they realize they’ve dug themselves into a deep hole, they’re upset, blaming you or your co-workers. It’s a catch-22 many developers find themselves in on a routine basis. Is your boss making bad calls? Are you walking on eggshells? Learn practical strategies for helping your boss make better decisions... without losing your job in the process. [➤ Read more]( [How to Fetch Data from a Third-party API with Deno]( [How to Fetch Data from a Third-party API with Deno]( Jack Franklin Learn how to fetch and manipulate data from APIs with Deno in this guide. We cover Deno basics, so you can dive in with this guide even if you've never used it before. [Fetching Data from a Third-party API with Vue.js and Axios]( Olayinka Omole Learn how to start a new Vue project, fetch data from an API using axios, and handle responses and manipulate data using components and computed properties. [Fetching Data from a Third-party API with Vue.js and Axios]( [Build a Twitter Clone Using TypeScript, Prisma and Next.js]( Nirmalya Ghosh The best way to explore React is to build something with it. Learn how to build a React Twitter clone with Prisma and the powerful Next.js framework. [How to Design Your Video Player with UX in Mind]( Michiel Mulders Choosing an online video player, or even building one? It's not all aesthetics and performance. Find out how you can enhance the experience for users in contexts ranging from education to social. ♾️ 🍕 Around the Web Delicious web development & design treats - [Gatsby 3.0 is here](, bringing with it incremental builds by default and much more. - Learn [how to use Tailwind on a Svelte site]( over on CSS-Tricks. - The devs at Google have some advice on [debugging layout shifts](... which I bet many of you are doing ahead of May. - Learn to build React apps with Deno [using the AlephJS library](. - The [GitHub Elements]( repo gives you a look at GitHub's web component collection, which are open sourced for you to use. - [Get started with Jamify](, which aims to make publishing with Gatsby and Ghost a breeze. - Find issues or performance wins in your CSS with this look at [CSS auditing tools](. - Tailwind is having a moment — but [Aleksandr Hovhannisyan isn't having any of it](. - [Nickel]( is a lightweight config language that aims to automate the generation of static configuration files (like JSON or YAML) that are then fed to another system. - Learn how to customize and [build on top of GitHub CLI with your own scripts](. - Build the most complete [Wayland setup on Arch]( that you can with this guide. - This fun tutorial will show you how to [use Dev.to as a CMS for a Next.js website](. - Matt Peterson explores a return to the server with broadcasting at its core in [The Future of Web Software Is HTML-over-WebSockets](. - Time to learn some new functions: here are a number of [JavaScript ES2021 features you need to know](. - [Devbook]( gives developers a single search engine to check StackOverflow, docs, code, and more. - Flutter is reaching beyond the mobile as the [2.0 toolkit adds support for desktop and web apps](. - How well do you know HTTP? [HTTPWTF]( looks at the quirks of the protocol, from the unpatched bugs to the happy accidents. - [Svelte NodeGUI]( is an Electron alternative that'll help you build performant cross-platform desktop apps with native Svelte and CSS-like styling. - Microsoft has released an [M1-native Visual Studio Code for developing apps](. - [Cloudflare Pages]( has just taken its generous free tier public to compete with Jamstack development platforms like Netlify and Vercel. - Here's a look at the latest updates in [Chrome 90's DevTools](, including new flexbox debugging tools and a Core Web Vitals overlay. - [docker2saas]( is an open-source tool that bootstraps a SaaS website from a Docker image in 10 minutes. - Laurie on Tech shows you how to go about [diagnosing performance issues](. ♾️ Connect with the community Come chat with us on our [Discord server](, where I can often be found, and join us for discussions on the [SitePoint forums](. You can see what else we're up to between issues on [Twitter](, or stop by the site to read [new articles](. Or you can get all the latest right here, next week. Thanks for reading. Until next time! 👋 [Joel Falconer]( [Joel Falconer]( Managing Editor SitePoint Level 1, 110 Johnston St Fitzroy VIC 3065 Australia Product links may be affiliate links and are used when available, and editorial decisions are never made on this basis. You're receiving this email because you signed up to receive news from SitePoint. Smart choice! [Share]( [Tweet]( [Share]( [Forward]( [Preferences]( | [Unsubscribe](