This commit is contained in:
Philippe Torrel
2026-09-21 12:10:33 +02:00
parent 6650b361c3
commit f11bf06d0a
14 changed files with 959 additions and 56 deletions
-56
View File
@@ -1,56 +0,0 @@
<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title></title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
<main>
<div class="container py-5">
<h1></h1>
</div>
</main>
<script>
'use strict';
const products = [
'Game of Thrones Wax Seal Coasters',
'Electronic Butterfly in a Jar',
'Aquafarm: Aquaponics Fish Garden',
'Cassette Adapter Bluetooth',
'Marvel Comics Lightweight Infinity Scarf',
'Ollie - The App Controlled Robot',
'Sound Splash Bluetooth Waterproof Shower Speaker',
'PowerCube',
'Backpack of Holding',
'Retro Duo Portable NES/SNES Game System',
'Universal Gadget Wrist Charger',
'USB Squirming Tentacle',
'USB Fishquarium',
'Space Bar Keyboard Organizer & USB Hub Pop',
'USB Pet Rock',
'Powerstation 5- E. Maximus Chargus',
'Dual Heated Travel Mug',
'Crosley Collegiate Portable USB Turntable',
'Meh Hoodie',
'Magnetic Accelerator Cannon',
];
outputEl.innerHTML = ''; // output Element leeren
letters.forEach((letter) => {
// Guard
if (getItemsByLetter(letter, products).length === 0) return;
console.log(`======= ${letter} ========`);
console.log(getItemsByLetter(letter, products).join('\n'));
console.log('==========================');
outputEl.innerHTML += `<h3 class="text-center">${letter}</h3>`;
outputEl.innerHTML += `<ul class="list-group"><li class="list-group-item">${getItemsByLetter(letter, products).join('</li><li class="list-group-item">')}</li></ul>`;
outputEl.innerHTML += '<hr />';
});
</script>
</body>
</html>
-68
View File
@@ -1,68 +0,0 @@
# Linksammlung
<https://git.gkontra.de/ptorrel/JS>
## Allgemeine Links
- [StackOverflow Survey 2023](https://survey.stackoverflow.co/2023)
- [StackOverflow Survey 2024](https://survey.stackoverflow.co/2024)
- [StackOverflow Survey 2025](https://survey.stackoverflow.co/2025)
- <a href="https://2022.stateofjs.com/en-US">State Of JS 2022</a>
- [State Of JS 2023](https://2023.stateofjs.com/en-US)
- [State Of JS 2024](https://2024.stateofjs.com/en-US)
- [State Of JS 2025](https://2025.stateofjs.com/en-US)
- [JavaScript Wiki Historie](https://de.wikipedia.org/wiki/JavaScript)
- [What the f\*ck JS?](https://github.com/denysdovhan/wtfjs)
- [W3C HTML Validator](https://validator.w3.org/nu/#file)
- [Can I use](https://caniuse.com/)
- [ASCII Table](https://asciitable.xyz/)
- [HTML Entities Liste (W3c)](https://dev.w3.org/html5/html-author/charref)
- [HTML Entities & Tastaturkürzel](https://www.key-shortcut.com/html-entities/alle-entitaeten)
- [HTMLReference.io](https://htmlreference.io/)
- [BEM](https://getbem.com/) - Block Element Modifier
## CSS Tricks
- [CSSReference.io](https://cssreference.io/)
- [CSS Guide Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
- [CSS Flexboxfroggy](https://flexboxfroggy.com/#de)
- [CSS Gridgarden](https://cssgridgarden.com/#de)
- [CSS3 color names](https://htmlcolorcodes.com/color-names/)
- [CSS Gradient](https://cssgradient.io/)
- [Animate.css](https://animate.style/)
## Software/ Tools
- [Microsoft PowerToys](https://learn.microsoft.com/de-de/windows/powertoys/)
## Passwordmanager
- [Enpass](https://www.enpass.io/pricing/)
- [1password](https://1password.com/de/pricing/password-manager)
- [KeepassXC](https://keepassxc.org/)
- [Safe in cloud](https://safe-in-cloud.com/)
- [BitWarden](https://bitwarden.com/de-de/)
<!-- - [Dashlane](https://www.dashlane.com/) -->
## Fonts
- [Hack Font](https://sourcefoundry.org/hack/)
- [Meslo Nerd Font](https://github.com/romkatv/powerlevel10k#fonts)
- [Google Fonts Download](https://gwfh.mranftl.com/fonts)
- [50 Best Google Fonts](https://www.pagecloud.com/blog/best-google-fonts-pairings)
- [20 best google Webfonts](https://www.awwwards.com/20-best-web-fonts-from-google-web-fonts-and-font-face.html)
- [Google Fonts](https://fonts.google.com/)
- [FontAwesome](https://fontawesome.com/icons?d=gallery)
- [FontSquirrl](https://www.fontsquirrel.com/)
- [Dafont](https://www.dafont.com/de/)
- [My Fonts](https://www.myfonts.com/pages/whatthefont/) - What the font
## Blog/ Techartikelseiten
- [Dev.to](https://dev.to/)
- [SmashingMagazine](https://www.smashingmagazine.com/)
- [Awwwards](https://www.awwwards.com/)
- [JS CheatSheet](https://dev.to/devsmitra/28-javascript-array-hacks-a-cheat-sheet-for-developer-5769)