March 27, 2019 #384 — March 27, 2019Read on the WebFrontend Focus An Illustrated (and Musical) Guide to Map, Reduce, and Filter Array Methods — A look at how to best leverage these three useful JavaScript array methods, with tips on how to remember them.Una KravetsAll You Need to Know About Hyphenation In CSS — We linked to a piece exploring hyphenation support back in January. Here’s another good look at how to use it practice, along with use case examples.Richard Rutter What Should Developers Consider When Planning a React Application? — Start your next React project with confidence. Learn strategies for tooling, frontend and UX, testing and performance to boost your (and your team’s) productivity. Get your free copy.Progress KendoReact sponsorCrafting Reusable HTML Templates — We linked to the first post in this five-part Web Components series in last week’s issue, and now all posts are available. It’s a good look at why Web Components are a great approach to building front-end components and UI elements in a standardized way.Caleb Williams10 HTML Elements You Didn’t Know You Needed — This is reasonably elementary, but reminded me of the sort of things that did well back when we were called HTML5 Weekly so.. here’s a quick look at some HTML elements, a few of which you might not have known existed.Emma Wedekind beginnerUsing closest() to Return the Correct DOM Element — closest travels up the DOM tree from the current element and returns the closest ancestor that matches the given parameter.Matt Smith? JobsProduct-Focused & Driven Frontend Engineers in Stockholm — Join our 30-person team of A-players, solve problems at global scale & help us become the most trustworthy online health company.Diet Doctor Sweden ABFind A Job Through Vettery — Vettery specializes in dev roles and is completely free for job seekers.Vettery? Articles, Tutorials & OpinionBetter Web Video with AV1 Codec — How to use AV1 to make videos on your site both smaller and better quality. Includes CLI instructions and some cross-browser tricks.Andrey SitnikHow We Built The Fastest Conference Website in The World — Yes, a bit of a clickbait headline, but there’s a few handy strategies and tips here that were employed to make the JSConf EU site speedy.Malte UblCreate Robust Angular Apps Using Pre-Built Components with Full Support — Download our free 30-day trial of ExtAngular to gain access to 115+ components, all built to use with Angular applications.SENCHA, INC sponsorBuilding Accessible Websites and Apps Is A Moral Obligation — What if web accessibility was legally required in the way handicapped access is in physical businesses? (Note: It is in some countries.)Chris FerdinandiSee No Evil: Hidden Content and Accessibility — Looks at scenarios in which you may want to hide content, and how to handle such situations in an accessible manner.Paul HebertHow to Manipulate CSS Colors with JavaScript — This goes into a lot more depth than you might be expecting.Adam GieseSVG Circle Decomposition To Paths — How to turn SVG circles into paths which you can use in animation and text paths.Smashing MagazineA Guide to Debugging Common JavaScript ErrorsAli Spittel beginnerHow to Keep Your CSS Grid Layouts AccessibleAnna Monus? Code and Tools CSSeffectsSnipets — A nice little collection of CSS animations, with one-click copy and paste, created with Vue.Emil Kowalski? ZingGrid: Responsive, Interactive JavaScript Data Grids & TablesZingGrid sponsorExploding 3D Objects with Three.js — A set of effective WebGL demos that show an exploding 3D-object animation.Yuriy Artyukh demodropcss: A Simple, Thorough and Fast Unused-CSS Cleaner — A simple tool for finding and removing unused CSS.Leon Sorokinx-ray: A Visual Debugger for Your HTML, Executable Via A Bookmark — Enables you to see the space taken up by each individual element.Benjamin ScabbiaSchedule SQL > MongoDB Migrations | Generate Python + PHP in Studio 3TStudio 3T sponsor Flexulator: Browser-Based Flexbox Space Distribution CalculatorNick Lyons ? Upcoming EventsSmashingConf, April 16–17 — San Francisco, CA — A friendly, inclusive event which is focused on real-world problems and solutions.IMAGECON, May 1–2 – San Francisco, CA — A two-day conference with a dozen workshops and seven speakers focused on all things images on the web.CityJS Conference, May 3 — London, UK — Meet local and international speakers and share your experiences with modern JavaScript development.Frontend United, May 16-18 — Utrecht, Netherlands — A yearly, non-profit, developer-first, community-focused conference.CSSCamp 2019, July 17 — Barcelona, Catalunya — A one-day, one-track conference for web designers and developers. Source link