Welcome to my Weekly Digest #38 of this year.
This weekly digest contains a lot of interesting and inspiring articles, videos, tweets, podcasts, and designs I consumed during this week.
Interesting articles to read
Systems for z-index
Say you have a z-index bug. Something is being covered up by something else. A typical solution is to put position: relative
on the thing so z-index works in the first place.
In Quest of Search
The idea is to create a semantic HTML element for the ARIA search role, which represents a landmark region “that contains a collection of items and objects that, as a whole, combine to create a search facility.”
Video optimization for the web simplified with ImageKit
Learn how you can resize and optimize video assets using ImageKit's URL-based video APIs.
Video optimization for the web simplified with ImageKit | Codrops
Some great videos I watched this week
Images are hard.
Putting an image on a website is pretty easy. Except that there is a massive checklist of things to do in order to do it right.
by Chris Coyier
How to view raw markdown files and permalink to code snippets
Did you know you can permanently link to any piece of code? This includes markdown files, but you'll need the raw version.
by GitHub
New in Chrome 94
Chrome 94 is rolling out now! The default color space for canvas elements is now formally defined as sRBG, and you can change it to Display P3. There’s a new, low-level way to access built-in audio and video codecs, important for streaming games, video editors, and such.
D3.js in 100 Seconds
Data-Driven Documents or D3 is a JavaScript library for drawing SVGs with data. It's the magic behind many of the graphs, charts, and other data visualizations you see on the web today.
by Fireship
petite-vue
Dave gives us a look at petite-vue, a special (and extra small) version of Vue that is designed to be used directly in the browser, requires no build step, and allows us to build pleasantly interactive apps very declaratively.
https://www.youtube.com/watch?v=MYJynMWJlFM
by Chris Coyier
Useful GitHub repositories
Awesome Guidelines
A curated list of high-quality coding style conventions and standards.
Kristories / awesome-guidelines
A curated list of high quality coding style conventions and standards.
A set of guidelines for a specific programming language that provides recommendations on programming style, best practices, and methods for various aspects of writing programs in that language.
Contents
- Programming Languages
- Development Environment
- Platforms
- Frameworks
- Content Management System
- Tools
- Contributors
Programming Languages
Brainfuck
C
- C Coding Standard
- C Programming/Structure and style
- Making The Best Use of C - This chapter provides advice on how best to use the C language when writing GNU software.
C#
C++
- Google C++ Style Guide
- C++ Core Guidelines - A set of tried-and-true guidelines, rules, and best practices about coding in C++.
- LLVM C++ Coding Standards
- Mozilla C++ Coding style
- Chromium C++ style guide
- Webkit C++ Code Style Guidelines
- NASA C++ Coding Standards and Style Guide
- OceanBase C++ Coding Standards
Clojure
- The Clojure Style Guide - A community…
Miniflare
Fully-local simulator for Cloudflare Workers
cloudflare / miniflare
🔥 Fully-local simulator for Cloudflare Workers. For the latest version, see https://github.com/cloudflare/workers-sdk/tree/main/packages/miniflare.
Warning
This repository is for Miniflare 2, which is
only receiving critical security updates. Miniflare 2 simulated the
Workers runtime and the rest of the Cloudflare developer platform using
Node.js. New versions of Miniflare can be found in the
workers-sdk
repository, and use the
open-sourced
Workers runtime workerd
. This
practically eliminates behaviour mismatches between development and production
deployments. We recommend you
migrate to Miniflare 3 now if
you can. Whilst Miniflare 3 supports most of Miniflare 2's features, one key
omission is the unit testing environment. We're actively working on adding
support for this to Miniflare 3. Once this is supported, we're planning to
deprecate Miniflare 2 and archive this repository.
🔥 Miniflare 2
Miniflare is a simulator for developing and testing Cloudflare Workers.
- 🎉 Fun: develop workers easily with detailed logging, file watching and pretty error pages supporting source maps.
- 🔋 Full-featured: supports most Workers features…
dribbble shots
Clothing Store - Website Concept
Relaxation App - Mobile Design
3D Weather Icons
by Mikolaj
Interior Plant Shop Landing Page
by Saddam Hosen
Tweets
Picked Pens
HEXplorer
by Rob DiMarzo
Feedback Reactions
by Aaron Iker
Podcasts worth listening
Syntax – Webhooks
In this Hasty Treat, Scott and Wes talk about webhooks — one of those concepts that seems a lot scarier than it actually is.
CodePen Radio – Custom Properties
Chris & Shaw talk about a big ol’ conversion to getting CodePen’s color system to use --custom-properties
all the way through, rather than Sass variables.
Syntax – From React To SvelteKit
In this episode of Syntax, Scott talks with Wes about moving Level Up Tutorials from React to SvelteKit — why he did it, how, benefits, things to watch out for, and more!
Ladybug – All About Agile
The definition of Agile is the ability to create and respond to change. Ultimately dealing with and succeeding in an uncertain or turbulent environment.
Thank you for reading, talk to you next week, and stay safe! 👋
Top comments (0)