François Best franky47

In French:

upperoi

Unsplash practical progressively enhanced responsive optimised images

Unsplash has the best free pictures out there.

However, their delivery is painful if you want to follow all the best practices:

This is a curated list of awesome-like lists on various topics.

A semi-curated list of SaaS, platforms and web-based tools for software development.

	{
	"Create functional component": {
	"prefix": "fct",
	"body": [
	"export interface ${1:Component}Props {",
	"",
	"}",
	"",
	"export const ${1:Component}: React.FC<${1:Component}Props> = ({ ...props }) => {",
	" return (",

	import React from 'react';
	import { useWindowSize } from 'react-use';

	// 100vh is broken on mobile (Chrome, Safari):
	// https://chanind.github.io/javascript/2019/09/28/avoid-100vh-on-mobile-web.html

	export default function use100vh() {
	const ref = React.useRef();
	const { height } = useWindowSize();

	import React from 'react'

	const useDerivedState = <T>(derive: () => T, deps: any[]): T => {
	const [value, setValue] = React.useState<T>(derive)
	React.useEffect(() => {
	setValue(derive())
	}, deps)
	return value
	}

	# Inspiration: https://www.raspberrypi.org/forums/viewtopic.php?t=23440

	let upSeconds="$(/usr/bin/cut -d. -f1 /proc/uptime)"
	let secs=$((${upSeconds}%60))
	let mins=$((${upSeconds}/60%60))
	let hours=$((${upSeconds}/3600%24))
	let days=$((${upSeconds}/86400))
	UPTIME=`printf "%d days, %dh %dm %ds" "$days" "$hours" "$mins" "$secs"`

	# get the load averages