这里是 Frontend Focus 的中文翻译项目,每周在 己思 平台首发。
翻译及校对:richshaw2015,Yully Che
In a move designed to stop unsafe downloads, starting in April, Chrome will block files downloaded insecurely (non-HTTPS downloads started on secure pages) from HTTPS pages. Here’s The Register’s take on this change.
来源:Joe DeBlasio (Google)
The inside story of Mozilla’s long, sometimes lonely and totally idealistic quest: “The only way to fight Google, Facebook and the rest of the seemingly unstoppable tech giants is to change the structure and technology of the internet itself.”
来源:David Pierce
A number of bloggers have responded to PPK’s original article calling for better marketing efforts around CSS. Here PPK furthers the discussion with a response to those articles.
来源:PETER-PAUL KOCH
在性能和灵活性之间取得平衡。
A detailed and considered look at what we can do to minimise the performance impact of third-party fonts, whilst also giving designers what they want - win win.
来源:Barry Pollard
Released yesterday, this version adds CSS logical properties, letter-spacing
and word-spacing
support when working with SVG, DevTools updates and more. You can see the full list of changes for developers here.
来源:Chris Mills (Mozilla)
If you’ve got a lengthy article with lots of subsections, how about putting a handy, sticky navigational menu alongside of it? Here’s how.
来源:Chris Coyier
A bit of wish-casting here, conjuring up a half dozen or so little ideas and features that would be nice to see in the CSS of the future.
来源:Tyler Sticka
Tim Kadlec talks to designer Karolina Szczur about third-party scripts, how to identify which ones are problematic, and what you can do about it.
来源:Chasing Waterfalls podcast
Vue、React、Angular 的竞品,前端框架真是层出不穷。
Svelte is an interesting compile-time framework. Here’s why you may want to consider using it.
来源:Tristram Tolliday
Learn how to design and build an accessible autocomplete control from scratch.
来源:Adam Silver
The new version of this popular utility-first CSS framework is described as “probably the most exciting feature release in the history of Tailwind”. It adds CSS Transition, Transform and Grid support, plus a ton of other additions.
来源:Adam Wathan
This is a commercial tool (though free for non-commercial purposes) but as someone who started on the Web in the 90s, the idea of Java being compiled to JavaScript continues to tickle me. 🙂 Interesting tech.
来源:Stefano De Rossi
A just-add-classes grid framework based on the Grid Layout module and Flexbox. If you’ve used Bootstrap grids, this should be easy to use.
来源:Dave Berning
demo 效果太酷炫了!
A fully customizable WebGL slider/carousel based on PixiJS and GSAP. Certainly not for every project, but the demos are worth a look.
来源:Hadrien Mongouachon
A reworking of Libre Franklin by the USWDS department of the GSA, a US government agency. It’s freely licensed and comes in nine weights.
来源:Source: digital.gov
This lightweight and cross-browser library helps auto-detect a user’s local time and switch themes.
<script src="darkmode.js"></script>
<script>
var options = {
light: "light.css",
dark: "dark.css",
startAt: "23:00",
endAt: "06:00",
checkSystemScheme: true,
saveOnToggle: true
};
var DarkMode = new DarkMode(options);
</script>
来源:Nickolas Deny
If you’ve seen how Medium lets readers select text and share it, it’s like that, but lighter.
来源:Estevan Maito
Native Mac or Windows app. A free editor to create animated SVG icons using a nice clean interface.
来源:Philip Ardeljan
来源:(Image shared with permission via: Becks)
译者注:如需了解,请查看原文。
译者注:如需了解,请查看原文。
Copyright © 2015-2022 BY-NC-ND 4.0