Skip to content

Instantly share code, notes, and snippets.

View RyanJTalbot's full-sized avatar
:octocat:
coding

Ryan JT RyanJTalbot

:octocat:
coding
View GitHub Profile
@tkadlec
tkadlec / perf-diagnostics.css
Last active March 20, 2025 08:41
CSS used to highlight potential performance issues
:root {
--violation-color: red; /* used for clear issues */
--warning-color: orange; /* used for potential issues we should look into */
}
/* IMAGES */
/*
* Lazy-Loaded Images Check
* ====
@hirako2000
hirako2000 / hand-book-flat-list.md
Last active December 27, 2024 15:41
Handbook Links as flat list
@AliceWonderland
AliceWonderland / React-Redux-Resources.md
Last active August 22, 2024 07:15
A list of tutorials for beginner practice projects in React and Redux for those who like to learn by coding.

Hands-On Tutorials for React and Redux

Beginner practice projects in React and Redux for those who like to learn by coding.

There's so much out there and many ways to start out. This is a start, from here your path can branch out how you prefer.

All resources and references are free and/or open source.

React

First projects using Facebook's Create-React-App, a barebones React app. (Best for learning only). Avoid having to research, install, and configure a setup. Jump to being able to try it to get a better sense of it.

@delibytes
delibytes / react-cheatsheet.md
Last active February 19, 2024 18:06
React & JSX Cheatsheet

React & JSX Cheatsheet

Overview
JSX HTML <div>...</div>
JSX Component <Component property={javascript} />
<Component property='string' />
JSX Component with Children <Component>{children}</Component>
reference: props.children
Escaping JavaScript {...}
require statements const React = require('react');
const ReactDOM = require('react-dom');
npm modules react, react-dom
@faressoft
faressoft / javascript_deep_dive.md
Last active September 23, 2025 11:00
JavaScript Deep Dive to Crack The JavaScript Interviews
From: http://redteams.net/bookshelf/
Techie
Unauthorised Access: Physical Penetration Testing For IT Security Teams by Wil Allsopp.
Social Engineering: The Art of Human Hacking by Christopher Hadnagy
Practical Lock Picking: A Physical Penetration Tester's Training Guide by Deviant Ollam
The Art of Deception: Controlling the Human Element of Security by Kevin Mitnick
Hacking: The Art of Exploitation by Jon Erickson and Hacking Exposed by Stuart McClure and others.
Nmap Network Scanning: The Official Nmap Project Guide to Network Discovery and Security Scanning by Fyodor
The Shellcoder's Handbook: Discovering and Exploiting Security Holes by several authors

FWIW: I (@rondy) am not the creator of the content shared here, which is an excerpt from Edmond Lau's book. I simply copied and pasted it from another location and saved it as a personal note, before it gained popularity on news.ycombinator.com. Unfortunately, I cannot recall the exact origin of the original source, nor was I able to find the author's name, so I am can't provide the appropriate credits.


Effective Engineer - Notes

What's an Effective Engineer?

@thegitfather
thegitfather / vanilla-js-cheatsheet.md
Last active July 17, 2025 02:58
Vanilla JavaScript Quick Reference / Cheatsheet
@vasanthk
vasanthk / System Design.md
Last active November 1, 2025 07:34
System Design Cheatsheet

System Design Cheatsheet

Picking the right architecture = Picking the right battles + Managing trade-offs

Basic Steps

  1. Clarify and agree on the scope of the system
  • User cases (description of sequences of events that, taken together, lead to a system doing something useful)
    • Who is going to use it?
    • How are they going to use it?
@marko-jankovic
marko-jankovic / CSS and HTML interview questions.md
Last active July 29, 2025 15:24
CSS and HTML interview questions

1. HTML Fundamentals

HTML Structure and Semantics

  • What is HTML?
    HTML (Hypertext Markup Language) is the standard language used to create and design documents on the web. It structures content using elements or tags.

  • What are the building blocks of HTML5?
    The building blocks of HTML5 include elements like <header>, <footer>, <section>, <article>, and <nav> which enhance semantic meaning and accessibility.

  • What is the purpose of the `` element in HTML?