Sun 22. October 2023 | 2023-10-22
Ifølge https://koukia.ca/rename-or-move-files-in-git-e7259bf5a0b7
Hvis du vil være sikker på at file history blir ivaretatt i en fil om du renamer den (eller flytter den), så må du bruke commando-linja og kjøre
git mv mycoolclass.cs myCoolClass.cs
eller
git mv layout/CardList common/List
Hvis du renamer direkte i editor-en, så kan du ikke være sikker på at git skjønner at det er samme fil.
Når du ivaretar git history så kan du bruke ting som git log -p --follow -- path/to/filename
. Se gist: https://gist.github.com/paalss/7127b421ff7f3a862ae8d76c772aeb6a
Kommentarer:
Mulig det er unødvendig å bruke mv
. Da jeg renamet og flyttet layout/CardList til common/List så skjønte git at disse to filene var 74% like.
git log -p --follow components/common/List/List.tsx
funker fjell. Historikken strekker seg tilbake til før renamingen
Sun 22. October 2023 | 2023-10-22
Usage with long nested keys
const { t } = useTranslation("translation", {
keyPrefix: "long.nested.keys",
});
Sun 22. October 2023 | 2023-10-22
https://github.com/paalss/nvim/blob/master/docs/neovim-install.md
Sun 22. October 2023 | 2023-10-22
Eleventy stuff
eleventy.js
Return specific post
module.exports = function (eleventyConfig) {
eleventyConfig.addPassthroughCopy("bundle.css");
eleventyConfig.addPlugin(syntaxHighlight);
eleventyConfig.addCollection("post", function (collection) {
const coll = collection.getFilteredByTag("post");
console.log(coll);
return [coll[20]];
});
};
Return first 5 posts
module.exports = function (eleventyConfig) {
eleventyConfig.addPassthroughCopy("bundle.css");
eleventyConfig.addPlugin(syntaxHighlight);
eleventyConfig.addCollection("post", function (collection) {
const coll = collection.getFilteredByTag("post");
console.log(coll);
return coll.slice(0, 5);
});
};
Sun 22. October 2023 | 2023-10-22
- https://gregives.co.uk/ (bilde av fyren som byttes ut etter musebevegelser, slik at det ser ut som han ser på musepekeren!!)
- https://brittanychiang.com/ (et kult design som mange har stjålet koden til)
- https://lynnandtonic.com/
- https://lynnandtonic.com/archive/2020/
- https://ashleighsimonelli.co.uk/ (innovativt, koselig og terminal UI)
- https://pehaa.com/ (stilig typografi, stilig scroll-effect som gør alt skrått)
- https://arsalanshakil.github.io/ (stilig typografi, scroll styling)
- https://gherciu.github.io/portfolio/ (veldig levende desgin. innhold som virkelig popper frem. Nydelig design)
- https://danny-garcia.com/ (kul boblebakgrunn)
- https://sarah.dev/ (roseorigimai lignende greier som blir helt forvridd når man hoverer-over blomstene)
- https://www.ilithya.rocks/ (råstilig flygende 3d-tekst og 3d-objekter)
- https://jolienhoop.com/ (kul reaktiv bakgrunn!!!)
- https://www.dalelarroder.com/ (rå oppstilling av tekst, stilig mus-effekt i bakgrunnen)
- https://gabrielthecode.com/ (stilig bg med firkanter, skrå linjer. Unikt, men fortsatt oversiktlig. Men litt lang loading på siden)
- https://ahmedzougari.netlify.app/ (squiggly effect på profilbilde ved hover)
- https://vivek9patel.github.io/ (linux UI)
- https://www.abdusamad.uz/ (stilig navigasjon med ctrl + k)
- https://yodkwtf.com/ (skøy bg, oversiktlig og stilig)
- https://www.hafidziti.dev/ (fine inngangs-animasjoner på elementer, ikke for sakte, som mange av de andre animasjonene er)
- https://developer-portfolio-1hanzla100.vercel.app/ (helt rå animasjoner)
- https://harshgoel.me/ (steam hover card aktig-effekt på project cards)
- http://v1.kaisermann.me/ (arbeidspult UI)
- https://turnerj.com/ (fin gradient effect ved hover)
- https://garvnanwani.netlify.app/ (en fryd å se på. som å se i et magasin. fin typografi)
- https://nachocaiafa.com.ar/ (woooooooooooooooooooooooooooooooowww!!! Ser akkurat ut som en nettside for et spill eller noe)
- https://j471n.in/ (veldig fine inngangsanimasjoner, alt kommer sammen veldig pent)
- https://jayantgoel001.github.io/ (Ganske stilige inngangsanimasjoner. Har også en slags vtuber person? veldig unikt)
- https://moustapha.me/ (wooooooooooooow! animasjonene, designet, logoen)
- https://romanisthere.github.io/ (man tegner på bakgrunnen og det er et visittkort der som automatisk utfyller teksten sin)
- https://iantrent.com/
- https://karkipramesh.com.np/ (stilig bakgrunn av en wireframe-skjelett-3d-kule som roterer)
- https://jahir.dev/
- https://leewarrick.com/ (litt fine animasjoner)
- https://louayhamada.com/ (code editor UI)
- https://matteolobello.com/ (en sirkel som følger musepekeren, og når den komme rover lenker, så forvandles den til en firkant som markerer hele det lenkede ordet. Stilig, unikt)
- https://mayank0255.github.io/ (pent design. Godt håndtert scroll hijjacking)
- https://maramsaiharsha.netlify.app/ (litt gøy, bare)
- https://migu.es/ (elementer i designet popper fram)
- https://nicovanzyl.com/portfolio
- https://olepetterstokke.no/
- https://olaolu.dev/
- https://ogaston.com/ (flygeanimasjon på twitter-fuglen!!)
- https://bluexguardian.com/
- https://pazindushane.github.io/ (veldig proft utseende. UI og animasjoner spiller så godt sammen)
- https://priya180975.github.io/portfolio/ (kul minimalistisk stil, tør å bruke grid)
- https://www.juliacodes.com/
- http://danielsternlicht.com/
- https://www.pirhoo.com/
- https://evander.vercel.app/
- https://kuldar.com
- https://robertandradejr.dev/
- https://fossheim.io/
MEST UKONVENSJONELLE PORTEFØLJER
Sun 22. October 2023 | 2023-10-22
For filer i mappe hvis navn er "pages":
npx jscodeshift -t https://mskelton.dev/ratchet.ts pages/**/*.{ts,tsx}
https://github.com/mskelton/ratchet
funker ikke på destructured props, da
Sun 05. June 2022 | 2022-06-05
Hvordan bytte fra wsl til git bash i et prosjekt
I et prosjekt hvor du allerede har installert npm modules med wsl er det litt tricky å gå over til git bash. Har opplevd det i hvert fall.
Her er et forsøk som funket, men det er sannsynigvis unødvendige steg her.
Hvorfor bytte? Vel... react-snap og bruk av chromium er visst ikke helt akseptert av WSL
WSL
- npm cache verify
- delete node_modules
- npm cache clean --force
Git bash
- npm rebuild
- lukk VS Code og åpne som Admin
- npm i
- npm start
Og det funker! "React-scripts is not recognised" – no more!
https://coder-coder.com/npm-clear-cache/
https://stackoverflow.com/questions/47928735/react-scripts-is-not-recognized-as-an-internal-or-external-command
Fri 26. March 2021 | 2021-03-26
Eksempel
Scenario
Port er opptatt:
Git bash
$ docker-compose up -d
Creating network "lamp_default" with the default driver
Creating lamp_adminer_1 ...
Creating lamp-redis ...
Creating lamp-database ... error
Creating lamp_adminer_1 ... done
Creating lamp-redis ... done
ccess a socket in a way forbidden by its access permissions.
ERROR: for database Cannot start service database: Ports are not available: listen tcp 127.0.0.1:3306: bind: An attempt was made to access a socket in a way forbidden by its access permissions.
ERROR: Encountered errors while bringing up the project.
Finne hvillket program som bruker det
$ netstat -ano | findstr '3306'
TCP 0.0.0.0:3306 0.0.0.0:0 LISTENING 5028
TCP [::]:3306 [::]:0 LISTENING 5028
$ tasklist | findstr '5028'
mysqld.exe 5028 Services 0 4,144 K
Resultat
mysqld.exe
https://veerasundar.com/blog/2009/10/how-to-check-which-application-is-using-which-port/