--- title: Next-Gen CSS, OSS needs you, testing best practices - Picks #180 | daily.dev description: Learn about the new CSS container queries, JavaScript testing practices, what you can do for the open-source community, and more! canonical: https://daily.dev/blog/next-gen-css-oss-needs-you-testing-best-practices-picks-180/ og:type: article og:url: https://daily.dev/blog/next-gen-css-oss-needs-you-testing-best-practices-picks-180/ og:title: Next-Gen CSS, OSS needs you, testing best practices - Picks #180 | daily.dev og:description: Learn about the new CSS container queries, JavaScript testing practices, what you can do for the open-source community, and more! og:image: https://media.daily.dev/image/upload/s--byrM8RTm--/f_auto,q_auto/v1/recruiter-landing/60a4c46d21413878052c10c6_Cover_ec095a45ee?_a=BAMAMiB80 og:site_name: daily.dev og:locale: en_US article:published_time: 2021-05-19 article:modified_time: 2026-05-04T12:19:04.062Z article:author: Ido Shamun twitter:card: summary_large_image twitter:site: @dailydotdev twitter:creator: @dailydotdev twitter:title: Next-Gen CSS, OSS needs you, testing best practices - Picks #180 | daily.dev twitter:description: Learn about the new CSS container queries, JavaScript testing practices, what you can do for the open-source community, and more! twitter:image: https://media.daily.dev/image/upload/s--byrM8RTm--/f_auto,q_auto/v1/recruiter-landing/60a4c46d21413878052c10c6_Cover_ec095a45ee?_a=BAMAMiB80 --- Our upcoming The Monthly Dev event is already next week. The lineup is superb and you know can't miss this free event. Quincy Larson will be there, will you? [https://www.meetup.com/the-monthly-dev-world-class-talks-by-expert-developers/events/277134257/](https://www.meetup.com/the-monthly-dev-world-class-talks-by-expert-developers/events/277134257/) ## Open Source Needs You 🚨 There are many open-source projects that are looking for contributors. This article will motivate you to do your first steps in the open-source ecosystem. - [Open Source Needs You](https://app.daily.dev/posts/rkLmrUKJD) ## useQuery Instead of Fetch While Calling an API 👀 A very short introduction to React Query, the missing data-fetching library for React. - [useQuery Instead of Fetch While Calling an API](https://app.daily.dev/posts/wzWBgzbyG) ## Getting started with Go for frontend developers ✨ An overview of Golang pros from the standpoint of a web developer. - [Getting started with Go for frontend developers](https://app.daily.dev/posts/vtumjRPuh) ## Frustrating Design Patterns That Need Fixing: Birthday Picker 😡 "Design patterns" here means literally design patterns, as in UI and UX. The article covers what's wrong with current implementations of date pickers and how we can fix it. - [Frustrating Design Patterns That Need Fixing: Birthday Picker](https://app.daily.dev/posts/OAWK-pBOZ) ## Micro Frontends with Podium 🦠 Podium will help you to onboard the micro-frontend hype train. This article will help you build your first micro-frontend application. - [Micro Frontends with Podium](https://app.daily.dev/posts/Ui1Yzcbip) ## Free Admin Template Built with React and Bootstrap4 👨‍💼 Although Bootstrap 5 is already out. Here's an incredible free resource for you. An admin template for your next project. - [Free Admin Template Built with React and Bootstrap4](https://app.daily.dev/posts/FKPQQ10z5) ## Stop Writing Ugly JavaScript Fetch Functions 🤪 A suggestion by the author on how to make your fetch calls looks better. It mostly involves using named functions instead of anonymous functions and making it DRY. - [Stop Writing Ugly JavaScript Fetch Functions](https://app.daily.dev/posts/874nO6NaC) ## Next Gen CSS: @container 🤩 @container is going to revolutionize responsive design! It's a new CSS feature very similar to the famous media queries but this time it's relative to the parent element instead of the viewport. Read the article for more details. - [Next Gen CSS: @container](https://app.daily.dev/posts/-rk7nBdtJ) ## JavaScript testing: 9 best practices to learn 😎 A great article with dos and don'ts with detailed explanations that will help you test like a pro. - [JavaScript testing: 9 best practices to learn](https://app.daily.dev/posts/ni-UhsmPQ) ## Announcing TypeScript 4.3 RC 🚀 A new TypeScript is coming and it's got a new bunch of features you should check out. - [Announcing TypeScript 4.3 RC](https://app.daily.dev/posts/3-PQKlzoM) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/og-image.png?v=a830cdf1","width":1200,"height":630},"sameAs":["https://twitter.com/dailydotdev","https://www.linkedin.com/company/dailydotdev","https://github.com/dailydotdev","https://www.instagram.com/dailydotdev"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","description":"Free, personalized developer news aggregator. Stay on top of software development news, AI coding tools, and web dev - curated daily from trusted sources.","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://daily.dev/blog/next-gen-css-oss-needs-you-testing-best-practices-picks-180/","url":"https://daily.dev/blog/next-gen-css-oss-needs-you-testing-best-practices-picks-180/","name":"Next-Gen CSS, OSS needs you, testing best practices - Picks #180 | daily.dev","description":"Learn about the new CSS container queries, JavaScript testing practices, what you can do for the open-source community, and more!","inLanguage":"en-US","isPartOf":{"@id":"https://daily.dev/#website"}},{"@type":"Article","@id":"https://daily.dev/blog/next-gen-css-oss-needs-you-testing-best-practices-picks-180/#article","headline":"Next-Gen CSS, OSS needs you, testing best practices - Picks #180","url":"https://daily.dev/blog/next-gen-css-oss-needs-you-testing-best-practices-picks-180/","datePublished":"2021-05-19","dateModified":"2026-05-04T12:19:04.062Z","isPartOf":{"@id":"https://daily.dev/#website"},"publisher":{"@id":"https://daily.dev/#organization"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/blog/next-gen-css-oss-needs-you-testing-best-practices-picks-180/"},"description":"Learn about the new CSS container queries, JavaScript testing practices, what you can do for the open-source community, and more!","image":{"@type":"ImageObject","url":"https://media.daily.dev/image/upload/s--byrM8RTm--/f_auto,q_auto/v1/recruiter-landing/60a4c46d21413878052c10c6_Cover_ec095a45ee?_a=BAMAMiB80"},"author":{"@type":"Person","name":" Ido Shamun","url":"https://app.daily.dev/idoshamun"},"potentialAction":{"@type":"ReadAction","target":"https://daily.dev/blog/next-gen-css-oss-needs-you-testing-best-practices-picks-180/"}},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https://daily.dev/blog/"},{"@type":"ListItem","position":3,"name":"Weekly Picks","item":"https://daily.dev/categories/weekly-picks/"},{"@type":"ListItem","position":4,"name":"Next-Gen CSS, OSS needs you, testing best practices - Picks #180","item":"https://daily.dev/blog/next-gen-css-oss-needs-you-testing-best-practices-picks-180/"}]}]} ```