Gokulakrishnan Kalaikovan gokulkrishh

Crash Course in CrUX

CrUX is the Chrome UX Report from Google. This crash course will take you through everything you need to get the most out of the data.

1. Official Docs

https://developers.google.com/web/tools/chrome-user-experience-report/

2. Guides on web.dev

The MIT License (MIT)

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell

curl https://git.io/ -i -F "url=<repo-url>" -F "code=<repo-name>"

Above command will give you something like git.io/repo-name

Error Tracking https://sentry.io
Error Tracking https://logrocket.com
Localisation https://crowdin.com
Localisation https://poeditor.com
Auth https://auth0.com
Continuous Integration https://travis-ci.org/
E2E Testing https://www.cypress.io
Cross Browser Testing https://www.browserstack.com
Code Coverage https://codecov.io
Serverless https://zeit.co/

2019 update: this essay has been updated on my personal site, together with a followup on how to get started

2020 update: I'm now writing a book with updated versions of all these essays and 35 other chapters!!!!

1. Learn in public

If there's a golden rule, it's this one, so I put it first. All the other rules are more or less elaborations of this rule #1.

You already know that you will never be done learning. But most people "learn in private", and lurk. They consume content without creating any themselves. Again, that's fine, but we're here to talk about being in the top quintile. What you do here is to have a habit of creating learning exhaust. Write blogs and tutorials and cheatsheets. Speak at meetups and conferences. Ask and answer things on Stackoverflow or Reddit. (Avoid the walled gardens like Slack and Discourse, they're not public). Make Youtube videos

You can run either of the following snippets in your terminal to generate a markdown list of your VS Code extensions.

code --list-extensions | awk '{ print "* [" $1 "](https://marketplace.visualstudio.com/items\?itemName\=" $1 ")" }'

npx https://gist.github.com/elijahmanor/7f9762a4c2296839ad33e33513e88043

NOTE: You can append | pbcopy to either of the above commands to pipe the output to your Mac's copy/paste buffer.

	/* HTML */

	<div class="container">
	<div class="child"></div>
	<div>

	/* Basic Style */

	.container {
	width: 500px;

	function getDocumentImages() {
	return performance.getEntriesByType('resource')
	.map( ( entry ) => entry.name )
	.filter( ( url ) => {
	const parsedUrl = new URL( url );
	return /\.(png\|jpe?g\|gif\|webp\|svg)$/i.test( parsedUrl.pathname );
	} );
	}

	Please follow these steps to point your domain name from namecheap domain to the Netlify nameservers:

	- Having logged into Namecheap account, go to your Domain List -> click 'Manage' next to the domain website.com -> locate the 'Nameservers' section;
	- Choose ‘Custom DNS’ in the drop-down menu;
	- Fill in your custom nameservers into empty lines;
	4 lines in total :

	dns1.p03.nsone.net
	dns2.p03.nsone.net
	dns3.p03.nsone.net