--- title: "The State of CSS survey returns" publication: "Frontend Focus" issue: 512 published_at: "2021-10-13" canonical_url: "https://frontendfoc.us/issues/512" --- Plus busting some common web accessibility myths. | [![\](https://res.cloudinary.com/cpress/image/upload/v1602675575/hhmdxfk96fnbq3effjk1.png)](https://frontendfoc.us/) Frontend Focus #​512 — October 13, 2021 | [Read on the web](https://frontendfoc.us/issues/512) [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1634118020/ljfe5gq0joly8dxy3yhh.png)](https://stateofcss.com/) [The State of CSS Survey](https://stateofcss.com/) — This year's State of CSS survey is now open. It's well worth taking a few minutes to fill it out and share your thoughts. The results will highlight the latest CSS trends, and always makes for an interesting read. [Last year](https://2020.stateofcss.com/en-US/) reiterated the rise of Grid, how more folks are using VS Code, and just how little love Print stylesheets get. Sacha [outlines what's new in this year's questionnaire here](https://dev.to/sachagreif/the-state-of-css-2021-survey-is-now-open-167n). Raphaël Benitte & Sacha Greif [The Case for 'Developer Experience'](https://future.a16z.com/the-case-for-developer-experience/) — In a world of ‘no code’, SaaS, and APIs, Jean presents a considered take on the evolving developer experience, and embracing the messy reality of the tech stack. Jean Yang [![\](https://copm.s3.amazonaws.com/0b4ac863.png)](https://transcend.io/consent-manager/?utm_source=cooperpress&utm_medium=newsletter&utm_campaign=cooperpress-10-6) [Consent Management Without Endless Configurations](https://transcend.io/consent-manager/?utm_source=cooperpress&utm_medium=newsletter&utm_campaign=cooperpress-10-6) — Transcend Consent ensures nothing is tracked without user consent, without sacrificing site performance or UX. The only solution that is fully compliant across all 200+ tracking technologies – all in a lightweight, 30KB bundle. Transcend sponsor [RenderingNG: An Architecture That Makes and Keeps Chrome Fast for The Long Term](https://blog.chromium.org/2021/10/renderingng.html) — Highlights the long-term [rendering journey of Chrome](https://developer.chrome.com/blog/renderingng/) over the past eight years. Chris Harrelson (Google) [How to Win at CORS](https://jakearchibald.com/2021/cors/) — Jake, developer advocate at Google, outlines all he knows about [Cross-Origin Resource Sharing](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS) (CORS) in an effort to help make sense of things. There’s a [demo/playground](https://jakearchibald.com/2021/cors/playground/) here to help illustrate things. Jake Archibald [Lots to See in Firefox 93](https://hacks.mozilla.org/2021/10/lots-to-see-in-firefox-93/) — ...including AVIF image format support. [Here’s the full developer rundown](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/93). Ruth John (Mozilla) **⚡️ Quick bits:** - It's been 27 years since [the first proposal of 'Cascading HTML style sheets' was published](https://twitter.com/WebDesignMuseum/status/1447216601208483848). - Microsoft have tweaked [how Edge processes show up in Windows Task Manager](https://blogs.windows.com/msedgedev/2021/10/12/improving-edge-processes-task-manager/). These look to be some rather handy changes. - Adobe is alleged to have used the DMCA to shut down a project that's [aiming to keep Flash alive](https://torrentfreak.com/adobe-uses-dmca-to-nuke-project-that-keeps-flash-alive-secure-adware-free-211012/). - Here's a look at [13 'tiny and terrific' entries](https://github.blog/2021-10-05-13-tiny-and-terrific-entries-from-the-js13kgames-competition/) from the recent Js13kGames competition. These are always fascinating. - Halloween is coming, as such here's [a dozen spooky looking fonts](https://dribbble.com/stories/2021/10/06/spooky-fonts) — should you have a need. 📙 **Tutorials, Articles & Opinion** [Safe DOM Manipulation (in the Future) with the Sanitizer API](https://web.dev/sanitizer/) — The new [Sanitizer API](https://wicg.github.io/sanitizer-api/) (edited by developers from both Google and Mozilla) aims to build a robust processor for arbitrary strings to be safely inserted into a page. Something to look forward to. Jack J (Google) [Myths About Web Accessibility](https://alvaromontoro.com/blog/67989/myths-about-web-accessibility) — A collection debunking some common web accessibility misconceptions or myths (_such as accessibility being difficult, expensive, etc_). Alvaro Montoro [Shortcut Puts the Agile in Agile and the “Can” in Kanban](https://shortcut.com/?utm_source=cooperFRONTEND&utm_medium=spon_nl&utm_campaign=prospecting&utm_content=sponsoredlink) — Shortcut is made for developers and PMs, providing speedy task management, reporting, and collaboration. [Try it today](https://shortcut.com/?utm_source=cooperFRONTEND&utm_medium=spon_nl&utm_campaign=prospecting&utm_content=sponsoredlink). Shortcut (formerly Clubhouse.io) sponsor [My Challenge to the Web Performance Community](https://philipwalton.com/articles/my-challenge-to-the-web-performance-community/) — A subtle set of guidelines for how we talk about web performance optimizations. Philip Walton [Practical Frontend Philosophy](https://jaredgorski.org/writing/15-practical-frontend-philosophy/) — General thoughts on how to think about frontend development: “_Zoomed out, the frontend is just a data pipeline, conveying data from computers to humans_”. Jared Gorski [The Autofill Dark Pattern](https://www.smashingmagazine.com/2021/10/autofill-dark-pattern/) — Explores how different browsers implement the autofill feature, allowing for a dark pattern that lets developers get users’ personal data _without their permission_. Alvaro Montoro [![\](https://res.cloudinary.com/cpress/image/upload/v1634121265/azwszmvrrak6c2ewowus.gif)](https://www.sitepoint.com/css-typewriter-effect/) [How to Create a CSS Typewriter Effect](https://www.sitepoint.com/css-typewriter-effect/) — I think this effect can be a little overdone, but this is a particularly simple way to pull it off. Matt Nikonorov [Hardware and The Web: The Balance Between Usefulness, Security & Privacy](https://nielsleenheer.com/articles/2021/hardware-and-the-web-the-balance-between-usefulness-security-and-privacy/) Niels Leenheer [The Options for 'Password Revealing' Inputs](https://css-tricks.com/the-options-for-password-revealing-inputs/) Chris Coyier Jobs [Sr. Frontend-Focused Engineer (Remote in Germany)](https://www.finanzchef24.de/ueber-uns/jobs/product-development/frontend-focused-engineer) — You love developing digital products that solve true customer problems? Join us to reinvent business insurances. #React #GraphQL Finanzchef24 [(Senior) Frontend-Entwickler*in](https://mein-grundeinkommen.homerun.co/senior-frontend-entwickler-in/de) — Als Frontend-Entwickler*in wirst du in interdisziplinären Teams Frontend-Features entwickeln und Kampagnen vorantreiben sowie die bestehende Plattform betreuen und optimieren. Mein Grundeinkommen e.V. [Find Frontend Engineering Jobs with Hired](https://hired.com/join/?utm_source=newsletter&utm_medium=sponsor&utm_campaign=%28b2c%29%28l-all%29%28r-all%29%28cooper-frontendfocus%29&utm_content=find-your-next-job) — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers. Hired 🔧 **Code, Tools and Resources** [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1634123917/gxkhk8zxbhmnzkopemlo.png)](https://doodleipsum.com/) [Doodle Ipsum: The Lorem Ipsum of Illustrations](https://doodleipsum.com/) — In terms of placeholder services, this is a little different. Includes an easy-to-use API to add artsy, doodle-based placeholder illustrations in various categories. blush [AnyWebP: Online Tool to Bulk Convert WebP to JPG/PNG/ICO](https://anywebp.com/) — You can convert to and from WebP format, all done client-side with no data sent to the server. anywebp [Build Internal Tools in Minutes with Retool, Where Visual Programming Meets the Power of Real Code](https://retool.com/?utm_source=sponsor&utm_medium=newsletter&utm_campaign=cooperpress) Retool sponsor [Cash — A Tiny jQuery Alternative](https://github.com/fabiospampinato/cash) — This absurdly small jQuery alternative isn’t new, but [Chris Coyier recently put it back on our radar](https://css-tricks.com/cash-tiny-jquery-alternative/). 6 KB minified and gzipped. Fabio Spampinato [Animated Backgrounds: A Gallery of Animated Backgrounds Built with CSS & JS](https://animatedbackgrounds.me/) — Clearly not the best option performance-wise, so use these very sparingly! All backgrounds are sourced from various CodePen demos by different users. Prakhar Tripathi [Actionable Color Palettes: 30+ Hand Curated Color Palettes](https://colorpalettes.colorion.co/) Csaba Kissi [DOM Treemap: Chrome Extension to Explore The Distribution of DOM Nodes in The Document Tree](https://chrome.google.com/webstore/detail/dom-treemap/albnoggfgnooeefdjpncieecohhblonh/) Der Schepp [github-code-font-changer: A Chrome Extension to Change and Customize the Default GitHub Code Viewer Font](https://github.com/AmraniCh/github-code-font-changer) El Amrani Chakir 📬 **Got a new email address?** You can [change your email here](https://frontendfoc.us/edit_subscription/*|UID|*). --- **Bored of us?** Click [here to stop getting this newsletter](https://frontendfoc.us/leave/*|UID|*). --- **Got a link for us?** Reply and tell us. We can't include everything but we'll take a look. --- Published by Cooper Press Ltd. Curated by [Chris Brandrick](https://twitter.com/chrisbrandrick) & [Peter Cooper](https://twitter.com/peterc). Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom [Stop getting this newsletter](https://frontendfoc.us/leave/*|UID|*)