What's the carbon footprint of your website?

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

What's the carbon footprint of your website?

CO2 Emissions On The Web — Sites are said to now befour times bigger than they were in 2010. This post looks at the energy costs of data transfer and what you can do to reduce your web carbon footprint.

Danny van Kooten

Old CSS, New CSS — This is a tale of one individuals personal history with CSS and web design, offering a comprehensive, detailed “ blend of memory and research ”. A great trip down memory lane for any of you who got started on the web in the 90s.

Evelyn Woods

What's the carbon footprint of your website?

Open-Source Serverless CMS Powered by React, Node & GraphQL — The way we build, deploy and operate the web is evolving. Webiny is a developer-friendly serverless CMS. Use it to build websites, APIs and apps and deploy them as microservices. SEO-friendly pages and fast performance.View on GitHub.

Webiny sponsor

How Smashing Magazine Manages Content: Migration From WordPress To JAMStack — An interesting look at how a big site like Smashing Magazine went about migrating from WordPress to a static infrastructure. This technical case study covers the gains and losses, things the Smashing team had wished they’d known earlier, and what they were surprised by.

Sarah Drasner

▶   What’s New in DevTools in Chrome 80 — New features include improved WebAssembly debugging, network panel updates, support for let and class redeclarations and more.

Google Chrome Developers

A New Technique for Making Responsive, JavaScript-Free Charts — There are countless libraries for generating charts on the web, but they all seem to require JavaScript. Here’s how the New York Times approached JS-free charts with SVG.

Rich Harris

:computer: Jobs

Frontend Developer at X-Team (Remote) — Work with the world's leading brands, from anywhere. Travel the world while being part of the most energizing community of developers.

X-Team

Find a Dev Job Through Vettery — Vettery is completely free for job seekers. Make a profile, name your salary, and connect with hiring managers from top employers.

Vettery

:orange_book: News, Tutorials & Opinion

HTML Attributes to Improve Your Users' Two Factor Authentication Experience — How to use the HTML autocomplete, inputmode and pattern attributes to improve the user experience of logging in.

Phil Nash

▶   Exploring the Frontend Performance of the UK's National Rail Website — Runs through using the layers panel in Chrome DevTools to diagnose performance issues on a high traffic website.

Umar Hansa

Transitioning Hidden Elements — Paul Hebert has written a littleJavaScript utility to wrap up all of the intricacies of dealing with transitioning hidden elements - often tricky as they’re not in the document flow .

Cloud Four

What's the carbon footprint of your website?

How I Recreated A Polaroid Camera with CSS Gradients Only — A high-level tutorial showing how to recreate physical products with just CSS. The end result here is a Polaroid camera made entirely out of gradients.

Sarah L. Fossheim

The React Hooks Guide: In-Depth Tutorial with Examples. Start Learning — Learn all about React Hooks as we comprehensively cover: State and Effects, Context, Reducers, and Custom React Hooks.

Progress KendoReact sponsor

Getting Keyboard-focusable Elements — A quick JavaScript function for managing focus.

Zell Liew

Shopping for Speed On eBay — This case study explains how eBay increased key metrics by optimizing the performance of their web/app experiences.

Addy Osmani

How We Started Treating Frontend Performance as a Feature — A non-technical guide to the decisions HubSpot made (and the tools they now utilise) that helped them start treating frontend performance as a feature.

Adam Markon

:wrench: Code, Tools and Resources

What's the carbon footprint of your website?

LegraJS — Lego Brick Graphics — A small (3.36KB gzipped) JS library that lets you draw using LEGO like brick shapes on an HTML <canvas> element.

Preet Shihn

Craft 3.4 is Here — Version 3.4 of this paid CMS brings improvements to user experience, collaboration, GraphQL, and more.

Craft

Upcoming Events

Flashback Conference, February 10-11 — Orlando, USA — Looks at cutting-edge web dev, browser APIs and tooling, but adds how they’ve evolved from the past to the web of today.

Frontend Developer Love, February 19-21 — Amsterdam, Netherlands — Three full days of talks from 35+ global JavaScript leaders from around the world.

ConveyUX, March 3-5 — Seattle, USA — This West Coast user experience conference features over 65 sessions across three days.

W3C Workshop on Web & Machine Learning, 24-25 March — Berlin, Germany — Hosted by Microsoft, this free event aims to “ bring together providers of Machine Learning tools and frameworks with Web platform practitioners to enrich the Open Web Platform with better foundations for machine learning ”.


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

查看所有标签

猜你喜欢:

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

Ruby on Rails电子商务实战

Ruby on Rails电子商务实战

Christian Hellsten、Jarkko Laine / 曹维远 / 人民邮电出版社 / 2008-4 / 49.00元

《Ruby on Rails电子商务实战》全面讲解了使用Ruby on Rails创建产品级应用程序的过程。书中通过演示构建网上书店的全过程,先后介绍如何使用如TDD的敏捷实践,启动一个项目并建立良好稳定的基础,如何深入Ruby on Rails,实现诸如将应用程序翻译成各种语言对产品进行调试等的普遍需求。其中用到的主要技术包括Ajax、聚合、设置标签和国际化等,还介绍了如何使用ActiveRec......一起来看看 《Ruby on Rails电子商务实战》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

MD5 加密
MD5 加密

MD5 加密工具

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具