Skip to content

Instantly share code, notes, and snippets.

@ross-u
ross-u / Critical_rendering_path.md
Created September 10, 2024 12:33 — forked from papplo/Critical_rendering_path.md
Critical Rendering Path: MDN Docs

(Originally from Mozilla Docs](https://developer.mozilla.org/en-US/docs/Web/Performance/Critical_rendering_path)

The Critical Rendering Path is the sequence of steps the browser goes through to convert the HTML, CSS, and JavaScript into pixels on the screen. Optimizing the critical render path improves render performance.The critical rendering path includes the Document Object Model (DOM), CSS Object Model (CSSOM), render tree and layout.

The document object model is created as the HTML is parsed. The HTML may request JavaScript, which may, in turn, alter the DOM. The HTML includes or makes requests for styles, which in turn builds the CSS object model. The browser engine combines the two to create the Render Tree. Layout determines the size and location of everything on the page. Once layout is determined, pixels

Originally from developers.google.com

Performance in Loading, according to Google

This document set contains explanations, examples, and recommendations that focus on low-effort, high-return performance wins. The content is progressive, not cumulative; that is, you don't have to use all of the proposed techniques, nor do you have to use them in any particular order. But the more of them you can apply to your web pages, the better those pages will perform.

Text content

@jdc-cunningham
jdc-cunningham / linkedin-filter-web-console.js
Last active September 10, 2024 12:22
Filter LinkedIn jobs
let blockedCompanies = [
"Motion Recruitment"
"Horizontal Talent"
"REI Systems"
"Jobot Consulting"
"CyberCoders"
"Calyptus"
"INSPYR Solutions"
"TTEC Digital"
"Sphera"
@ross-u
ross-u / README.md
Created February 13, 2024 11:11 — forked from MrAFerreira/README.md
Module 2 (React) Project README example

Project Name


Description

Project management App that allows users to create projects and tasks.


@1travelintexan
1travelintexan / cloudinary-setup.md
Created October 26, 2023 09:27
Cloudinary React (module-3)

1. Cloudinary account setup

Go to this link https://cloudinary.com/ and create your cloudinary account, verify your email and go through or skip the initial questions

After you are done you should be able to see the following in your dashboard:

  • Cloud Name
  • API key
  • API Secret
@veekaybee
veekaybee / normcore-llm.md
Last active November 3, 2024 18:57
Normcore LLM Reads

Anti-hype LLM reading list

Goals: Add links that are reasonable and good explanations of how stuff works. No hype and no vendor content if possible. Practical first-hand accounts of models in prod eagerly sought.

Foundational Concepts

Screenshot 2023-12-18 at 10 40 27 PM

Pre-Transformer Models

@RakaDoank
RakaDoank / seo-meta-in-spa.md
Last active October 19, 2024 08:43
How do i achieve SEO Meta in Server While The Web Project is Single Page Application (SPA)?

Are you having a trouble about SEO Meta in server while your project is SPA only like React Router or Vue Router?

Can i guess you also don't have so much time for migration on the new framework that can handle server side rendering out of the box like Next.js, Nuxt.js, Gatsby, etc.

Setting the SEO meta in server like <title>, <meta name="description"/> are actually useful for search engine, and also good for showing your summary content in social media app by pasted the full url in Whatsapp, IG, Twitter, etc.

Enough the intermezzo, here we go.

The concept is actually simple, modify the index.html (from bundled source) before it served to the client.

@ross-u
ross-u / environments-on-heroku.md
Created August 25, 2022 11:39 — forked from katlandreth/environments-on-heroku.md
Create Staging and Production apps on Heroku with corrisponding git branches

##Set-up

  • create a heroku account
  • install the heroku toolbelt: https://toolbelt.heroku.com/
  • log into heroku via the commandline with heroku login and enter your credentials.
  • add your AWS (or other) keys to the heroku environment (I did this from the webapp -from your apps list, click on your appname, then Settings > Reveal Config Vars and add your config variables)

##Create your app

  • in your terminal, cd to your app on your local machine
@ross-u
ross-u / markdown-details-collapsible.md
Created February 3, 2022 15:32 — forked from pierrejoubert73/markdown-details-collapsible.md
How to add a collapsible section in markdown.

A collapsible section containing markdown

Click to expand!

Heading

  1. A numbered
  2. list
    • With some
    • Sub bullets
@sindresorhus
sindresorhus / esm-package.md
Last active November 5, 2024 08:41
Pure ESM package

Pure ESM package

The package that linked you here is now pure ESM. It cannot be require()'d from CommonJS.

This means you have the following choices:

  1. Use ESM yourself. (preferred)
    Use import foo from 'foo' instead of const foo = require('foo') to import the package. You also need to put "type": "module" in your package.json and more. Follow the below guide.
  2. If the package is used in an async context, you could use await import(…) from CommonJS instead of require(…).
  3. Stay on the existing version of the package until you can move to ESM.