What's new in Chrome and Firefox for devs, plus what's on the horizon for Safari

栏目: IT技术 · 发布时间: 4年前

内容简介::information_source:
What's new in Chrome and Firefox for devs, plus what's on the horizon for Safari

▶   Google's web.dev LIVE Event is On Now — It started yesterday but Google is running a three day (June 30-July 2) online event focused on the Web development community covering new tooling and techniques. If you want to watch the talks from yesterday, they’reall here.

web.dev

When Sass and New CSS Features Collide — CSS has added plenty of cool new features (such as custom properties) of late, but they don’t come without their own problems. Here, Ana Tudor explains why she still finds preprocessors, like Sass, necessary.

CSS Tricks

What's new in Chrome and Firefox for devs, plus what's on the horizon for Safari

Easily Create and Embed Data Visualizations with Logi Composer — Logi Composer is the first out-of-the-box development experience for embedded analytics. Watch this webinar to learn how you can easily create, customize, and embed data visualizations, and maintain complete control over the end-user experience.

Logi Analytics sponsor

What's New In DevTools in Chrome 85 — Style editing for CSS-in-JS frameworks, Lighthouse 6.0, support for new JavaScript features, and more.

Jecelyn Yeen (Google Developers)

▶   What's New for Web Developers in Safari & WebKit — A 40-minute video looking at the latest features and improvements announced at WWDC for Safari and WebKit, including updated web APIs, CSS and media features, JavaScript syntax, and more. This video looking at changes to the Safari Web Inspector is also worth a look.

Jon Davis (Apple)

New in Firefox 78: DevTools Improvements and Abundant Web Platform Updates — Version 78 landed yesterday, bringing with it a new regex engine, updates to the ECMAScript Intl API, new CSS selectors, enhanced support for WebAssembly, and many improvements to the dev tools. These are the highlights, but if you want to dig into the full list of developer-facing changes,that’s here.

Florian Scholz, Harald Kirschner (Mozilla)

:zap:️ Quick bits:

:computer: Jobs

Frontend Developer at X-Team (Remote) — Join the most energizing community for developers and work on projects for Riot Games, FOX, Sony, Coinbase, and more.

X-Team

Find a Job Through Vettery — Use Vettery to connect with growing tech teams at startups and Fortune 500 companies.

Vettery

:information_source: Interested in running a job listing in Frontend Focus? There'smore info here.

:orange_book: News, Tutorials & Opinion

Improving HTTP with Structured Header Fields — Highlights the benefits of the new Structured Fields library — a collection of well-defined data types designed to help assure interoperability, remove some HTTP header headaches, and introduce some network level performance gains.

Mark Nottingham

▶   What Is CUBE CSS? (Smashing Podcast Episode 19) — Drew McLellan talks to Andy Bell, the creator of CUBE CSS, to find out how this CSS methodology differs from BEM, SMACSS, and OOCSS.

Smashing Magazine podcast

Using the Chrome UX Report API — Learn how to use the recently released Chrome UX Report API to get easy, RESTful access to real-user experience data across millions of websites (and compare your Core Web Vitals measurements).

Rick Viscomi and Shane Exterkamp

A Lightning-Speed Overview of Svelte — A quick way to learn the core parts of JavaScript framework Svelte.

Per Harald Borgen

How to Dynamically Get All CSS Custom Properties on a Page — Some fun DOM and stylesheet wrangling on display here.

Tyler Gaw

:wrench: Code, Tools and Resources

What's new in Chrome and Firefox for devs, plus what's on the horizon for Safari

emoji-picker-element: A Lightweight Emoji Picker for the Modern Web —See a live demo here. Some cool performance advantages for this: It’s a web component and it’s built on Svelte and IndexedDB.

Nolan Lawson

Bootstrap Icons Alpha 5 — The fifth and final alpha release of Bootstrap Icons, featuring 300 new glyphs (taking the total past 1,000 icons).

Mark Otto, Jacob Thornton, and Bootstrap contributors

Tragopan: A Minimal Dependency-Free Pan/Zoom Library —Try it out here. Claims to work faster due to use of native browser scrolling for panning (left/right/up/down) and transform/scale for zooming.

team.video

Stitches: An Atomic CSS-in-JS Library — Another option in the CSS-in-JS world that includes abstractions for React, Vue, and Tailwind UI.

Christian Alfoni

What's new in Chrome and Firefox for devs, plus what's on the horizon for Safari

Checkboxland: Render 'Anything' as HTML Checkboxes — This frivolous experiment is equal parts terrifying and impressive. It’s a JS library that displays animations, text, and arbitrary data using nothing but HTML checkboxes and, to be fair, they’ve presented it really well!

Bryan Braun

How to Target Email Clients — A crowdsourced list of email development techniques for singling out email clients and platforms.

Dylan Smith


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

集体智慧编程

集体智慧编程

TOBY SEGARAN / 莫映、王开福 / 电子工业出版社 / 2009-1 / 59.80元

本书以机器学习与计算统计为主题背景,专门讲述如何挖掘和分析Web上的数据和资源,如何分析用户体验、市场营销、个人品味等诸多信息,并得出有用的结论,通过复杂的算法来从Web网站获取、收集并分析用户的数据和反馈信息,以便创造新的用户价值和商业价值。全书内容翔实,包括协作过滤技术(实现关联产品推荐功能)、集群数据分析(在大规模数据集中发掘相似的数据子集)、搜索引擎核心技术(爬虫、索引、查询引擎、Page......一起来看看 《集体智慧编程》 这本书的介绍吧!

html转js在线工具
html转js在线工具

html转js在线工具

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具