10 – Tailwind CSS 💨

14 – Windows → Mac 🍎

Ikkunat kiinni ja omena suuhun, hurr durr. 😤✋🪟 → 😎🤙🍎 Äänitetty 18.2.2022. Jaksomuikkarit myös osoitteessa krapu.la/14 [https://krapu.la/14] Kysy meiltä kysymys, vastaamme (saatamme vastata 🤞) siihen jossain jaksossa! krapu.la/kysy [https://krapu.la/kysy] Kuulumisia 👂 * Matiaksella uutta duunia takana kuukausi * 1:53 Hannes tehnyt Telegram-bottia * Telegraf: Modern Telegram Bot Framework for Node.js [https://github.com/telegraf/telegraf] * 3:26 Hannes ostanut uuden reitittimen 🚀 * 4:45 Saatu jo 3 palautetta! 🤙 * Seuraava jakso tulee olemaan Q&A-jakso * Kysymykset ja palautteet edelleen tervetulleita! 👉 krapu.la/kysy [https://krapu.la/kysy] * 5:44 Jeren lähettämä palaute Jakson pihvi 🥩 * 10:20 Macin käyttöä takana kuukausi (M) / viikko (H) * 10:52 Miksi vaihdettiin Maciin * 12:40 Maciin tottui nopeasti * 14:09 Macin hyviä puolia * Kinto: Mac-style shortcut keys for Linux & Windows [https://github.com/rbreaves/kinto] * 22:45 Macin huonoja puolia * Windows-softien ajamiseen Macilla: Wine [https://www.winehq.org/], Parallels [https://www.parallels.com/], Crossover [https://www.codeweavers.com/crossover] ja Boot Camp [https://support.apple.com/boot-camp] * Desperados III -videopeli [https://store.steampowered.com/app/610370/Desperados_III/] * Laws of UX [https://lawsofux.com/] ja Fitts's Law [https://lawsofux.com/fittss-law/] * Dockin auto-hiden nopeudensäätöä [https://apple.stackexchange.com/q/33600/406227] * 34:45 Must-have-softia Macille * Homebrew: the missing package manager for Mac [https://brew.sh/] * Windows-alternativeja Homebrewille: Scoop [https://scoop.sh/] ja Chocolatey [https://chocolatey.org/] * Oh My Zsh: nice Zsh config [https://ohmyz.sh/] * Powerlevel10k: a Zsh theme [https://github.com/romkatv/powerlevel10k] * Ikkunamanagereita: Rectangle [https://rectangleapp.com/], Moom [https://manytricks.com/moom/] ja Amethyst [https://ianyh.com/amethyst/] * Paras ikkunamanageri Windowsille: PowerToys FancyZones [https://docs.microsoft.com/en-us/windows/powertoys/fancyzones] * Launchereita: Raycast [https://www.raycast.com/] ja Alfred [https://www.alfredapp.com/] * LinearMouse: customize external mouse [https://linearmouse.org/] * AltTab: Windows-style "alt-tab" switcher for Mac [https://alt-tab-macos.netlify.app/] * MeetingBar: next meetings in the menu bar [https://github.com/leits/MeetingBar/] * Hammerspoon: automation tool for Mac [https://www.hammerspoon.org/] * Ctrl+hjkl -skripti [https://rarelyneeded.com/2019/11/20/mapping-ctrl-hjkl-to-arrow-keys-on-macos/]; löytyy myös Hanneksen dotfiles-reposta [https://github.com/Steellow/dotfiles] * Matiaksen dotfiles-repo [https://github.com/mtsknn/dotfiles], jossa Cmd+Q+Q -skripti * 48:51 Yhteenveto Macista Jakson valinnat 🍱 * 50:25 Matias: Haapasalon Hatsapuri [https://hatsapuri.fi/] ja Hatsapurillo * 53:00 Matias: one-shotteja filmeissä 😍 * Linkit osoitteessa krapu.la/14 [https://krapu.la/14] – eivät mahtuneet tähän * 59:21 Hannes: Demon Slayer -anime [https://anilist.co/anime/101922/Demon-Slayer-Kimetsu-no-Yaiba/]

13 – Tammikuisia turinoita ⛄

Clojure! React Native & Expo! NAS-rakentelua! Telegram-botteja! MacBookeja! Ynnä muuta! Haluttiin tehdä "Jouluisia jorinoita" -jakso ennen joulua, mutta eipä tehty, joten tässä vastaava jakso kuukauden myöhässä. Hou hou hou! Äänitetty 14.1.2022. Jaksomuikkarit myös osoitteessa https://krapu.la/13 Kysy meiltä kysymys, vastaamme (saatamme vastata 🤞) siihen jossain jaksossa! https://krapu.la/kysy Kuulumisia eli jakson pihvi 👂🥩 * 0:40 Hannes muuttanut isompaan kämppään * 2:31 Jokavuotinen Advent of Code -koodikalenteri [https://adventofcode.com/] * Matiaksen Clojure-ratkaisuja Advent of Codeen [https://github.com/mtsknn/advent-of-clojure] * Matiaksen Need for Speed -ClojureScript-sovellus [https://github.com/mtsknn/need-for-speed] * 6:23 Hanneksen ostoslistasovellus [https://github.com/Steellow/mysli] React Nativella + Expolla [https://expo.dev/] * 9:06 NAS-rakentelua tai oikeammin vielä vasta aiheen tutkimista * 18:24 Telegram-botteja * PM2: process manager for Node.js apps [https://github.com/Unitech/pm2] * WeShare-mobiilisovellus [https://www.mobilepay.fi/kayttajille/weshare] * Uncanny valley -ilmiö [https://fi.wikipedia.org/wiki/Outo_laakso], ei kun siis Dunning–Kruger-efekti [https://www.google.com/search?q=dunning-kruger+effect&tbm=isch] * WalkingPad-kävelymatto [https://www.gymstick.fi/walkingpad.html] * WalkingPad Pro -pro-kävelymatto [https://www.gymstick.fi/walkingpad-pro.html] * 30:45 Matias vaihtanut työpaikkaa: OP:lta Loihde Factorille [https://loihdefactor.com/] * Jest: JavaScript testing framework [https://jestjs.io/] * 33:31 Matias vaihtanut ja Hannes vaihtamassa Windowsista Macciin Jakson valinnat 🍱 * 42:13 Matias: Vinland Saga -manga [https://anilist.co/manga/30642/Vinland-Saga/] * 45:09 Hannes: Silicon Valley -TV-sarja [https://www.imdb.com/title/tt2575988/] * 47:24 Hannes: Logitech MX ERGO -pallohiiri [https://www.logitech.com/fi-fi/products/mice/mx-ergo-wireless-trackball-mouse.910-005179.html]

12 – Energiaa työpäivään ⚡

Protipit työpäivästä selviämiseen jotta illalla jaksaa muutakin kuin vain rötvätä sohvalla. Äänitetty 19.11.2021. Jaksomuikkarit myös osoitteessa https://krapu.la/12 Kysy meiltä kysymys, vastaamme (saatamme vastata 🤞) siihen jossain jaksossa! https://krapu.la/kysy Kuulumisia 👂 * 1:32 Saatiin eka palaute. 😎 TypeScript-jakso tulossa joskus lähitulevaisuudessa * 2:10 Hannes boulderoinut ja mentoroinut * 3:55 Matias perehtynyt Godot Engineen [https://godotengine.org/] * ReactGD: Godot + React [https://github.com/ghsoares/ReactGD] * Reddit-postaus tekeillä olevasta top-down shooterista mehukkailla ääniefekteillä [https://old.reddit.com/r/godot/comments/qt3w8t/] * High-quality audio makes you sound smarter [https://tips.ariyh.com/p/good-sound-quality-smarter] * 14:00 Nykypäivän mobiililaitteiden tehoja * Stop building websites for iPhones [https://blog.rentpathcode.com/analyzing-performance-e7aed196df64] * Scribe.rip: an alternative front-end to Medium [https://scribe.rip/] * Miniflux: feed reader [https://miniflux.app/] * The Mobile Performance Inequality Gap, 2021 [https://infrequently.org/2021/03/the-performance-inequality-gap/] Jakson pihvi 🥩 * 18:27 Miksi energiaa työpäivään? * 19:48 Siivoa kotitoimisto * IKEA SKÅDIS -säilytystaulu (peg board) [https://www.ikea.com/fi/fi/p/skadis-saeilytystaulu-valkoinen-50320805/] * 22:20 Siivoa selaimen välilehdet * Tree Style Tab -Firefox-lisäosa [https://addons.mozilla.org/en-US/firefox/addon/tree-style-tab/] * 24:37 Ylös, ulos ja lenkille * 27:45 Välillä seisoen * 31:47 Kävelymatto on next level * Kävelymatoista puhuttu 3. jaksossa [https://krapu.la/3/] * Matiaksen winning entry Solidabiksen koodihaasteeseen 2021 😎 [https://github.com/mtsknn/need-for-speed] * 34:32 Palaveeraus ulkona * Stephen Wolfram: Seeking the Productive Life: Some Details of My Personal Infrastructure [https://writings.stephenwolfram.com/2019/02/seeking-the-productive-life-some-details-of-my-personal-infrastructure/] * 39:45 Kesällä palaveeraus aurinkotuolissa * 40:52 Taukojumppaa * 41:31 Päivän aloittaminen liikunnalla * 43:15 Musiikki * Lo-fi-musiikki [https://www.youtube.com/results?search_query=lofi+music] * 45:04 Muista juoda * 7UP Free [https://www.hartwall.fi/juomat/virvoitusjuomat/7-UP/7up-free/] on parasta * 50:32 Tarpeeksi valoa * 53:28 Chore-breakit on win-win * Choreista puhuttu 7. jaksossa [https://krapu.la/7/] * 54:04 Teams/Slack/tms. kiinni niin ei tule notifikaatioita * 55:23 Ympäristön vaihtaminen virkistää Jakson valinnat 🍱 * 56:40 Hannes: Dyson V8™ -johdoton varsi-imuri [https://www.fi.dyson.com/polynimurit/varsi-imurit/dyson-v8/yleiskatsaus] * 59:26 Hannes: Run with the Wind -anime [https://www.imdb.com/title/tt9402026/] * Klippi Run with the Windistä Redditissä [https://old.reddit.com/r/anime/comments/qkq2yv/] * Run with the Windin OST YouTubessa [https://www.youtube.com/watch?v=i77knO5pp5E] * 1:03:07 Matias: WandaVision-sarja [https://www.imdb.com/title/tt9140560/] * 1:04:27 Matias: Loki-sarja [https://www.imdb.com/title/tt9140554/] * Edge of Tomorrow -filmi [https://www.imdb.com/title/tt1631867/] * Interstellar-filmi [https://www.imdb.com/title/tt0816692/]

11 – Eleventy 🦝

Eleventy on static site generator (SSG), eli se ottaa vastaan Markdown-tiedostoja ja oksentaa ulos staattisia HTML-tiedostoja. Mitä hyvää ja huonoa siinä on? Äänitetty 3.11.2021. Jaksomuikkarit myös osoitteessa https://krapu.la/11 Kysy meiltä kysymys, vastaamme (saatamme vastata 🤞) siihen jossain jaksossa! https://krapu.la/kysy Kuulumisia 👂 * 0:35 Neli- ja kolmipäiväisiä työviikkoja * 1:45 Hannes: sähköläskipyöräilä * 3:46 Hannes: koulujuttuja * 5:20 Matias: uudet Leguano-merkkiset paljasjalkatalvikengät * Oululainen Toimivat jalat -liike [https://www.toimivatjalat.fi/] * 8:49 PowerToysista [https://github.com/microsoft/PowerToys] tullut uusi versio (v0.49) jossa Find My Mouse -ominaisuus [https://docs.microsoft.com/en-us/windows/powertoys/mouse-utilities] Jakson pihvi 🥩 * 10:50 Intro jakson aiheeseen * 11:20 Yleistä static site -generaattoreista (SSG) ja Eleventystä [https://www.11ty.dev/] * 22:55 Eleventyn hyviä puolia * Next.js 12:n uusi feature: Middleware [https://nextjs.org/blog/next-12#introducing-middleware] * 38:53 Eleventyn huonoja puolia * GitHub-issue issue Pugin hitaudesta Eleventyssä [https://github.com/11ty/eleventy/issues/1926] * Pug (template engine) [https://pugjs.org/] * Jamstack.org [https://jamstack.org/] sisältää listauksen useista eri SSG:istä * 48:29 Koodikrapula.fi [https://koodikrapula.fi/]-himmeli: Eleventy + Preact [https://preactjs.com/] + ym. * krapu.la [https://krapu.la/] ohjaa nykyään koodikrapula.fi:hin [https://koodikrapula.fi/] 😎 * Koodikrapula.fi-saitti GitHubissa [https://github.com/koodikrapula/koodikrapula.fi] * JSX vs HTM (Matiaksen blogipostaus 🤘) [https://mtsknn.fi/blog/jsx-vs-htm-hyperscript-tagged-markup/] * 51:18 Loppukaneetti Eleventystä * Bear Blog -blogialusta [https://bearblog.dev/] * Hanneksen blogi [https://hanki.bearblog.dev/] käyttää Bear Blogia 🤙 Jakson valinnat 🍱 * 54:06 Hannes: The Simpsons [https://www.imdb.com/title/tt0096697/] * 55:39 Hannes: Rick & Morty [https://www.imdb.com/title/tt2861424/] * Matias: Moonmen-musavideo [https://www.youtube.com/watch?v=TgqiSBxvdws] * Matias: Get Schwifty -musavideo [https://www.youtube.com/watch?v=I1188GO4p1E] * 56:53 Matias: Miniature Calendar [https://miniature-calendar.com/] * Hyvä esimerkki: juna-asemaminiatyyrejä Instagramissa [https://www.instagram.com/p/CU_kDhFhovt/]

10 – Tailwind CSS 💨

Eikö olisi sama kirjoittaa vain inline-tyylejä...? No ei! Tailwind on jotain paljon parempaa: 👀💯👌🤑🔥 Perästä kuuluu! Äänitetty 15.10.2021. Kuulumisia 👂 * Hacktoberfestiä [https://hacktoberfest.digitalocean.com/] jäljellä pari viikkoa * 2:20 Koodikrapulalla 300+ kuuntelua! Joku kuulemma kuuntelee takaperin * 3:53 Webbidevaus.fi-podcast [https://webbidevaus.fi/] jatkuu * 5:30 VS Coden v1.61:n uudet telemetria-asetukset [https://code.visualstudio.com/updates/v1_61#_telemetry-settings] * Herrasmieshakkerit-podcast [https://www.f-secure.com/fi/business/podcasts/herrasmieshakkerit] * 8:00 Parissa viime jaksossa mainittu Mr. Robot -TV-sarja [https://www.imdb.com/title/tt4158110/] löytyy nyt myös Netflixistä * 8:58 Hannes harjoitellut YouTubeemista * MKBHD-YouTube-kanava [https://www.youtube.com/user/marquesbrownlee] * 10:54 Viikko 43 on Ace Week [https://aceweek.org/] Jakson pihvi 🥩 * 12:21 Tailwind CSS: "utility-first CSS framework" [https://tailwindcss.com/] * Tachyons: samankaltainen CSS framework [https://tachyons.io/] * tailwind-rn: "Use Tailwind CSS in React Native projects" [https://github.com/vadimdemedes/tailwind-rn] * Tailwind CSS IntelliSense -lisäosa VS Codelle [https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss] * Headwind: "an opinionated Tailwind CSS class sorter for VS Code" [https://github.com/heybourn/headwind] * eslint-plugin-tailwindcss: "Rules enforcing best practices and consistency using your tailwind.config.js" [https://github.com/francoismassart/eslint-plugin-tailwindcss] * Adam Wathanin tweetti: @apply bad! [https://twitter.com/adamwathan/status/1226511611592085504] * 33:33 Tailwindin huonoja puolia * Incomplete List of Mistakes in the Design of CSS [https://wiki.csswg.org/ideas/mistakes] * Protip: Tailwind-luokkien asettaminen objektiin eikä suoraan className-proppiin * Random esimerkki GitHubissa [https://github.com/salvia-kit/salvia-kit/blob/986b0f8/src/components/ui/sidenav.tsx#L16-L25] * 48:20 Twind: Tailwind CSS on steroids! [https://twind.dev/] * Twindin grouping syntax [https://twind.dev/handbook/grouping-syntax.html] * Adam Wathanin tweetti: Tailwindiin ei liene tulossa grouping syntaxia ainakaan hetkeen [https://twitter.com/adamwathan/status/1380249107835592704] Jakson valinnat 🍱 * 53:57 Hannes: DIY-pizzaa 🍕 * 56:38 Matias: Love Advice from the Great Duke of Hell -webtoon [https://www.webtoons.com/en/comedy/love-advice/list?title_no=1498] Jaksomuikkarit myös osoitteessa https://krapu.la/10 [https://krapu.la/10/]. Kysy meiltä kysymys, vastaamme (saatamme vastata 🤞) siihen jossain jaksossa! https://krapu.la/kysy [https://krapu.la/kysy]