A guide to contributing to Web standards

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

内容简介:Image via:Increment:information_source:
A guide to contributing to Web standards

Image via:Increment

A User’s Guide to CSS Variables — A long-requested but still underused feature. Here’s a solid look at the “ revolutionary possibilities for collaboration and code reuse ” that CSS custom properties for cascading variables offer.

Lea Verou

Introducing the Web Platform Contribution Guide The Web Platform Contribution Guide is an online resource for anyone who wants to participate in the development of Web standards present and future. If the idea of Web standards boggles your mind at all, this is a very accessible guide.

Bocoup

A guide to contributing to Web standards

You Write Amazing Code, Get The Glory You Deserve — The most amazing code, but they see only the nasty bugs. Get rid of bugs fast and easy with the power of AI. DeepCode is free to use. Give it a try today.

DeepCode.AI sponsor

Microsoft’s New Edge Browser Now Rolling Out Via Windows Update — Yep, Microsoft’s Chromium-based Edge launched back in January, but users had to specifically download it. It will now be automatically installed.

Tom Warren

htmx: Build Dynamic Pages Using HTML Attributes — Billed as the ‘successor tointercooler.js’, htmx lets you add dynamic Ajax-y elements, Server Sent Events (SSE), WebSockets and more to a site using just HTML attributes.

Big Sky Software

:zap:️ Quick bits:

: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

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

:orange_book: Tutorials & Opinion

Global and Component Style Settings with CSS Variables — A look at how to use CSS variables to create more manageable project styles and more portable patterns.

Sara Soueidan

A First Look at aspect-ratio — It’s not directly supported in any browsers yet but its arrival is described as ‘impending’. Stuff like aspect-ratio: 16 / 9 certainly seems nice, though, so we’re keeping our fingers crossed..

CSS Tricks

:hamburger: Let's Make a Hamburger Menu — A step by step guide to creating a hamburger menu animation with SVG and CSS.

Mikael Ainalem

On Fixed Elements and Backgrounds — Definitely not for the faint of heart. This is a pretty deep dive into containing blocks, rendering, and scroll performance.

Chen Hui Jing

When Frontend Means Full Stack — Thoughts on the shifting responsibilities of frontend developers, a place which puts us “ between the thing we’re building and the people we’re building it for ”.

Chris Coyier

Scale Your Software Projects Without Losing Speed — See how Shopify used Buildkite CI/CD to scale from 300 to 1800 engineers while keeping build times under 5 minutes.

Buildkite sponsor

A New Way to Delay Keyframes Animations — If you’ve ever wanted to add a pause between each iteration of your CSS @keyframes animation, it’s.. not easy. Here’s an interesting technique to create such an effect, though.

Eric Johnson

Creating an Overlapping Header with CSS Grid — A clever (sneaky?) use of :before makes it all work.

Jonathan Snook

▶   CSS Aspect Ratio, Rendering Engines, and More with Jen Simmons — Web Designer and Developer Advocate Jen Simmons joins Dave Rupert and Chris Coyier to talk about her new HTML Essentials course, CSS Aspect Ratio, and rendering engines vs browsers.

ShopTalk Show podcast

Svelte, Why So Much Hype ? — A closer look at the component-based library .

Anthony Le Goas

:wrench: Code, Tools and Resources

A guide to contributing to Web standards

RoughNotation: A Small Library to Create and Animate Rough Annotations — Uses Rough.js for the handdrawn look. Lots of nice interactive examples on the page showing the diversity of annotation types.

Preet Shihn

htmlgoddess: A Static Site Generator to Code Like It's 1999 — Feels a bit like satire, but seems to be a real framework that wants to promote simplicity, speed, and accessibility in web pages.Backstory here.

Jonathan Crockett

AudioMass: A Full-Featured Web Audio Editing Tool in JavaScript — Runs entirely in the browser with no backend or plugins required. Impressive.Source here.

Pantelis Kalogiros

Easings: Generate, Test & Share Custom Cubic Bezier Easing Curves — This online tool lets you play around with cubic-bezier() values to create custom easings that you can drop into transitions and animations.

Paul Macgregor

Perspective: Streaming Pivot Visualization via WebAssembly — An interesting use for WebAssembly here. Originally built for J P Morgan, Perspective is for building real-time high performance interactive visualizations, powered by a C++ engine compiled to WASM under the hood.

The Fintech Open Source Foundation

A guide to contributing to Web standards

Better Keyboard Buttons in CSS — A quick way to improve the readability of keyboard shortcuts when you’re mentioning them in text. I love simple little solutions like this.

Terence Eden


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

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

HTML & CSS设计与构建网站

HTML & CSS设计与构建网站

[美] Jon Duckett / 刘涛、陈学敏 / 清华大学出版社 / 2013-1 / 59.80元

欢迎您选择一种更高效的学习HTML和CSS的方式。不管您设计和建立新网站,还是想更好地控制现有网站,都可以在《HTML & CSS 设计与构建网站》一书的指导下创建出用户友好、令用户赏心悦目的Web内容。我们知道,编码是一项令人望而生畏的工作,而本书却采用有别于许多传统编程书籍的新颖编排方式,将使您收到事半功倍的学习效果。 每一页都在短小精悍的示例代码的引导下,简明直观、直截了当地阐述一个新......一起来看看 《HTML & CSS设计与构建网站》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

MD5 加密
MD5 加密

MD5 加密工具

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换