Jens Grochtdreis jensgro
jensgro
/ sass-cheatsheet.md
Created
July 24, 2025 11:57
— forked from fredsiika/sass-cheatsheet.md
A high-level Sass (SCSS) cheatsheet for the most important functionality features of Sass.
jensgro
/ tailwind_cheatsheet.css
Created
April 1, 2025 13:03
— forked from LeCoupa/tailwind_cheatsheet.css
Tailwind CSS CheatSheet --> UPDATED VERSION --> https://github.com/LeCoupa/awesome-cheatsheets
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* ******************************************************************************************* | |
| * TAILWIND.CSS | |
| * DOCUMENTATION: https://tailwindcss.com/ | |
| * ******************************************************************************************* */ | |
| /* | |
| * Available breakpoints | |
| * -------------------- | |
| * sm: min-width: 640px; | |
| * md: min-width: 768px; |
jensgro
/ linktipps-css-html.md
Last active
January 30, 2025 15:53
Empfehlenswerte Links zum Erlernen von HTML und CSS
- 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
jensgro
/ a11-links.md
Created
January 7, 2025 13:16
- https://practical-accessibility.today/code/hiding-techniques/
- https://www.heise.de/blog/Die-Produktwerker-Barrierefreiheit-von-digitalen-Produkten-9868902.html
- https://www.credly.com/badges/abc731d2-859c-437a-bc05-5eae507c02df
- https://developer.spotify.com/documentation/accessibility
- https://www.fcstpauli.com/news/einfache-sprache-fc-st-pauli-stellt-ubersetzungstool-zur-verfugung/
- https://adrianroselli.com/2020/03/i-dont-care-what-google-or-apple-or-whomever-did.html
- https://tink.uk/perceived-affordances-and-the-functionality-mismatch/
- https://adrianroselli.com/2022/07/its-mid-2022-and-browsers-mostly-safari-still-break-accessibility-via-display-properties.html
- https://yatil.net/blog/no-accessibility-without-disabilities
- https://css-tricks.com/why-dont-developers-take-accessibility-seriously/
jensgro
/ html-reading-list.md
Last active
September 30, 2024 20:42
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.
jensgro
/ custom-property-nutzung.css
Last active
October 5, 2024 22:27
Ein Detail-Asprekt der Nutzung von Custom Properties
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* ========= nicht so praktisch ========= */ | |
| p { | |
| font-size: var(--fs-xs); | |
| } | |
| @media (min-width: 800px) { | |
| p { | |
| font-size: var(--fs-sm); | |
| } | |
| } |
A Pen by Jens Grochtdreis on CodePen.
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)
- Future CSS: Anchor Positioning (kizu.dev)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| :where(label:has(> input:disabled), label:has(+ input:disabled)) { cursor : not-allowed;} | |
| .row:has(.topic-tags-block) {} | |
| :where(button) { all : unset;} | |
| footer:has(.broadcastinfo) {} | |
| a:has(.lead) {} | |
| .teaser:has(.topline[style="display: none;"]) .hgroup a:before {} | |
| .media-liveblog:has(.topline) .topline:before {} |
jensgro
/ linkliste-js-node.md
Last active
October 5, 2024 22:30
Links zum Erlernen von JS und node.js
- JavaScript for Designers
- 30 Day Vanilla JS Coding Challenge - sehr gute Videos von WesBos
- Die dazugehörigen Aufgaben
- The Modern JavaScript Tutorial
- JavaScript the right way
- plain JS
- JavaScript fundamentals
- Learn JavaScript - von Google
NewerOlder