Jens Grochtdreis jensgro

Sass(SCSS) Cheatsheet

HTML und CSS lernen

Einführungen

Learn CSS auf web.dev
Learn HTML auf web.dev
Learn Forms auf web.dev
Learn to Code HTML & CSS
Frontend Handbook - eine Übersicht über alle Aspekte der Frontendentwicklung mit weiterführenden Links

Your State of HTML 2024 Reading List

HTML Media Capture

Capture input from the user’s camera.

The capture attribute specifies that, optionally, a new file should be captured, and which device should be used to capture that new media of a type defined by the accept attribute.

MDN

CSS Broken Grid Demo

A Pen by Jens Grochtdreis on CodePen.

License.

CSS 2024 Reading List

lvh / lvw / lvmin / lvmax, sv, dv, etc.

The CSS data type represents a distance value. Lengths can be used in numerous CSS properties, such as width, height, margin, padding, border-width, font-size, and text-shadow.

https://developer.mozilla.org/en-US/docs/Web/CSS/length
The large, small, and dynamic viewport units https://web.dev/viewport-units/ (web.dev)

Anchor Positioning

Future CSS: Anchor Positioning (kizu.dev)

	/* Basic stylesheet for MathML elements */
	math {
	font-family: 'Times New Roman', Times, serif;
	font-size: 1em;
	line-height: 1.2;
	}

	mrow,
	mfrac,
	msqrt,

	/* *******************************************************************************************
	* TAILWIND.CSS
	* DOCUMENTATION: https://tailwindcss.com/
	* ******************************************************************************************* */

	/*
	* Available breakpoints
	* --------------------
	* sm: min-width: 640px;
	* md: min-width: 768px;

	/* ========= nicht so praktisch ========= */
	p {
	font-size: var(--fs-xs);
	}
	@media (min-width: 800px) {
	p {
	font-size: var(--fs-sm);
	}
	}