How to Monitor Your Web Page's Total Memory Usage with performance.measureMemory()
— Learn how to measure memory usage of your web page in production to detect regressions. (Chrome only, for now.)
Ulan Degenbaev
Microsoft Edge 81 Release Notes for Stable Channel — Version 81 of Microsoft Edge hit the stable channel yesterday , bringing with it the new built-in Collections feature , DevTools localization in 10 new languages, updates to the 3D View tool, and more.
Microsoft
Our Tech Skills Platform Is Free for the Month of April. Start Today — During the entire month of April, we're unlocking Pluralsight Skills for everyone, so you can stay home, stay safe and use your time building in-demand technology skills.
Pluralsight sponsor
What is the 'JAMstack' and How Do I Get Started? — A good explainer that goes through exactly what JAMstack is and how to take advantage of its benefits. ( Psst, we’ve recently launched aJAMstack newsletter .)
Colby Fayock
jQuery 3.5.0 Released — A notable security fix (for a cross-site scripting vulnerability), plus some features additions, fixes and depreciations.
Timmy Willison (jQuery Foundation)
Ten Security Tips for Frontend Developers — A pretty decent list of recommendations aimed at frontend devs for securing a website or app, including tips on CSP, XSS, third-party scripts, and more.
Konstantin Lebedev
:bird: Seen on Twitter — Microsoft, PLEASE consider this :joy:
“I am still disappointed that Edge didn't take the opportunity to name the Canary channel 'Bleeding Egde' and the Beta channel 'Cutting Edge'.”
Tierney Cyren on Twitter:computer: Jobs
Find a Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.
Vettery
Frontend Developer at X-Team (Remote) — Join X-Team and work on projects for companies like Riot Games, FOX, Coinbase, and more. Work from anywhere.
X-Team
:orange_book: News, Tutorials & Opinion
How To Create a Particle Trail Animation in JavaScript — Anna Prenzel explains how to easily program a small trail of particles with anime.js.
Smashing Magazine
CSS System Font Stack Reference — Takes a detailed look at a recommended CSS font stack that uses system fonts (e.g. -apple-system
) for an optimized cross-platform solution.
Alligator.io
Introduction to Web Accessibility — The availability of this free online course from the W3C’s Web Accessibility Initiative has been extended through until the end of May . It’s designed to provide a strong foundation for making sites/apps work well for people with disabilities, meet international standards, and enhance UX for all web users.
W3C course
Responsive Images the Simple Way — A look at handling resolution switching using the srcset
and sizes
attributes.
Scott Vandehey
Tips for Writing Animation Code Efficiently — A concise list of tips focused on how to efficiently build animations (using GSAP ).
Zach Saucier
Continuous Deployments for WordPress Using GitHub Actions — Shipping code to a production server often requires paid services. With GitHub Actions, Continuous Deployment is free for everyone. Read how to set that up.
Steffen Bewersdorff
CSS Variables for React Devs — A solid look at how to use CSS variables (custom properties) in your next project. ( If you’re working with React, we have a newsletter for that too ! )
Josh W Comeau
Making A Responsive CSS Grid Layout with Just 3 Properties
Daniel Nastase
Using CSS to Set Text Inside a Circle
Kerry Smyth
:wrench: Code, Tools and Resources
Flip: Animated Flip Counter Plugin to Add a Countdown to a Site — Adds an animated dynamic countdown timer to a page. No dependencies, responsive and mobile friendly, and fits any language, locale, or time zone.
Rik Schennink
Vime: A New, Modern Media / Video Player for the Web — Aims to be a ‘modern alternative to Video.js and Plyr’: “The idea behind Vime is we want you to control the player, not the other way around.” Modular, tree-shakable, and with potential for a plugin ecosystem.GitHub repo.
Rahim Alwer
CSS Color Gradient Generator — Another straightforward option for generating gradients for backgrounds/other page elements. Has a decent selection of predefined gradients too.
Monokai
midori: A Library for Animated Image Backgrounds — Built with three.js, provides support for animated transition, a configurable dynamic “camera”, and post-processing effects.
Benjamin Pang
Web Font of the Week
A paid monospace font for use in coding editors. It aims to deliver a legible/pleasant reading experience over longer periods of time. Compare it to Source Code Pro, JetBrains Mono, etc,in the playground.
If you don't like paying or the license requirements seem onerous, considerFira Code, a rather similar font released under the SIL Open Font License.
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。