--- title: "Balancing your text with CSS" publication: "Frontend Focus" issue: 588 published_at: "2023-04-12" canonical_url: "https://frontendfoc.us/issues/588" --- Plus do we need to still use tables in email? | Together with [![Handsontable\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,e_trim,w_657,h_100/e_make_transparent/co_white,e_outline:7/mb8isgnw32eqx7fxjh2h.png)](https://handsontable.com/demo) #​588 — April 12, 2023 | [Read on the web](https://frontendfoc.us/issues/588) [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/v1681298082/tux0rrka7r1qsiakiunn.png)](https://ishadeed.com/article/css-text-wrap-balance/) [CSS Text Balancing with `text-wrap:balance`](https://ishadeed.com/article/css-text-wrap-balance/) — Ahmad explores the CSS text balancing feature in his usual accessible style — highlighting where this feature may prove useful, even if support is currently limited. Ahmad Shadeed [![\](https://copm.s3.amazonaws.com/911559ed.png)](https://handsontable.com/demo) [Handsontable 12.3: Data Grid with Spreadsheet Superpowers](https://handsontable.com/demo) — There are a lot of JavaScript data grids out there, but none are quite like Handsontable. Its Excel-like design, keyboard shortcuts, and navigation make it the perfect tool for developers. Handsontable sponsor [Chrome Will Support the WebGPU API by Default](https://arstechnica.com/gadgets/2023/04/chrome-113-will-enable-webgpu-a-modern-low-overhead-graphics-api-for-the-web/)– Here’s Why That’s Important — Last week, with Chrome 113, [Chrome shipped support for WebGPU](https://developer.chrome.com/blog/webgpu-release/), the next-gen web graphics API that aims to address the shortcomings of WebGL. Here, Andrew briefly explains why it matters. Andrew Cunningham [Modern HTML Email (Tables No Longer Required)](https://fullystacked.net/posts/modern-html-email/) — Code emails? Well, the new Outlook switches rendering engines from Microsoft Word to Edge, meaning it may now be time to start coding email like it’s 2023. 🤞 Ollie Williams **⚡️ IN BRIEF** - Christine Kelley warns that [if the Internet Archive's legal appeal fails](https://www.sbstatesman.com/2023/04/04/if-we-lose-the-internet-archive-were-screwed/), it will be a tragedy of historical proportions. - Rachel Andrew runs through [what new features landed in browsers](https://web.dev/web-platform-03-2023/) (_both stable and beta_) during March. - Here are the [developer release notes](https://webkit.org/blog/14100/release-notes-for-safari-technology-preview-167/) for Safari Technology Preview 167. - Version 112 of Firefox is out now, and [here are the developer facing release notes](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/112). 📙 **Tutorials, Articles & Opinion** [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/v1681302318/wjgo2vrfoilxsvvqiinl.png)](https://blog.logrocket.com/create-beautiful-stroked-text-css/) [Can You Create Beautiful Stroked Text in CSS?](https://blog.logrocket.com/create-beautiful-stroked-text-css/) — Explores several different approaches for creating stroked text (_or outline text_) in CSS and with SVGs. Some neat end results here. Rob O'Leary [Testing Localhost on Multiple Devices](https://www.silvestar.codes/articles/testing-localhost-on-multiple-devices/) — Learn how to test your website or web app on various devices with these tools by finding your external IP address or using third-party apps. Silvestar Bistrović ▶[Working with WebXR with Three.js and React](https://www.youtube.com/playlist?list=PLpM_sf_d5YTPXeVp4cmgN_cNBj9pNTEmZ#react3dfiber) — An ongoing series of videos on the basics of [React Three Fiber](https://docs.pmnd.rs/react-three-fiber/getting-started/introduction) (a React renderer for Three.js) and how to achieve common augmented reality related tasks. Mohit Kumar Toshniwal [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/v1681303396/mlhe0chstxrza12xpb2q.png)](https://una.im/color-mix-opacity/) [Using `color-mix()` to Create Opacity Variants](https://una.im/color-mix-opacity/) — You can use this experimental CSS feature to adjust the opacity of a color via a clever hack, as demonstrated here. Una Kravets [Check Out Our Latest Release](https://buildkite.com/releases/2023-03?utm_campaign=CPress&utm_source=ppc&utm_medium=Q2-2023-FrontEndFocus&utm_term=March-2023-Release) — Our latest platform updates enable you to uplevel your CI/CD workflows with security, flexibility, and control. Buildkite sponsor ▶[Create Amazing Patterns using CSS Gradients](https://www.youtube.com/watch?v=mXrBC_mZfTw) — Kevin runs through how to make complex, attractive background patterns with CSS. Kevin Powell [The Relative Font Weight Axis: How Variable Fonts Ease Font Weight Transitions](https://www.stefanjudis.com/today-i-learned/the-relative-font-weight-axis-how-variable-fonts-ease-font-weight/) Stefan Judis [Don’t Override Screen Reader Pronunciation](https://adrianroselli.com/2023/04/dont-override-screen-reader-pronunciation.html) Adrian Roselli [Five Pieces of Advice for More Accessible Websites](https://www.silvestar.codes/articles/five-pieces-of-advice-for-more-accessible-websites/) Silvestar Bistrović [25 Cool CSS Animation Effects and How to Create Them](https://www.creativebloq.com/inspiration/css-animation-examples) Donovan Hutchinson 🔧 **Code, Tools & Resources** [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/v1681305404/mfwlm3gvkwf3nwbfq20g.png)](https://tailwindcss.com/blog/tailwindcss-v3-3) [Tailwind CSS v3.3: Extended Color Palette, ESM/TS Support, Logical Properties, and More](https://tailwindcss.com/blog/tailwindcss-v3-3) — We missed sharing this news last week, so here it is now in case you missed it too. This latest version of the popular utility-based framework adds new colours, TypeScript support, CSS variables changes, simpler RTL support, and more. Adam Wathan (Tailwind) [Generate Dynamic Surveys and Forms Right in Your App using JSON](https://surveyjs.io/?utm_source=frontend_focus&utm_medium=email&utm_campaign=index_12) — Self-host SurveyJS libraries to make forms in-house and have full control over the data flow between server and client. SurveyJS sponsor [Iconhunt: A Search Engine for 150,000+ Icons](https://www.iconhunt.site/) — Powered by the open-source [Iconify](https://iconify.design/), you can search by keyword, then grab the SVG as code or file download. Eirik Madland [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/rp7jovlkw9i842tbykn3.jpg)](https://gradicol.vercel.app/) [Gradicol: A Handpicked Collection of CSS Linear Gradients](https://gradicol.vercel.app/) — Some nice-looking options for gradients with one-click copy and paste, and there’s even a [gradient editor](https://gradicol.vercel.app/customize) that you can use to edit and customize any of the gradients in the gallery. Gergő Pásztor [UI Content: Say Goodbye to Boring _Lorem Ipsum_](https://uicontent.co/) — This resource lets you copy/paste text content into your design or HTML mockups that’s a little more interesting and engaging – without the need for Lorem Ipsum or similar filler. Sayafii Ahmad [ColorMagic: An AI-Powered Color Palette Generator](https://colormagic.app/) — Enter a keyword and this tool will generate a 5-color palette based on the word chosen. Gives you up to 5 free palettes per day for the free version. ColorMagic 🧑‍💻 JOBS [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=easy-job-hunting) — Hired makes job hunting easy-instead of chasing recruiters, companies approach you with salary details up front. Create a free profile now. Hired 📬 **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://mastodon.social/@brandrick) & [Peter Cooper](https://twitter.com/cooperx86). Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom [Stop getting this newsletter](https://frontendfoc.us/leave/*|UID|*) [Ipx.](https://frontendfoc.us/open/588/*|UID|*?ipx=t)