Publicerat nya inlägg på Webbdev-essentials.net & Filosofisidan.se!

För några dagar sen gjorde jag ett ryck och satt mig och skrev- och publicerade några nya inlägg på min webbutvecklings samlingssida: webbdev-essentials.net.

Min tanke var ursprungligen att bara skriva 2-3 st. men det gick så långt att det blev 6 st. i slutändan ^^

En produktiv skrivar-session med andra ord 🙂

När jag ändå satt och höll på, passade jag även på att uppdatera sidan med lite nödvändigheter som jag märkte när jag var inne där.

Grejen med WordPress hemsidor är att de konstant behöver uppdateras, då saker inom kodvärlden ständigt förändras, och kompatibilitet är inte givet när ändringar sker i alla lägen. Så det gäller att hålla lite koll där.

Man kan inte ta för givet att man kan lämna sin WordPress hemsida och allt bara rullar på och fungerar i all evighet – såsom för t ex. (oftast) en ren handkodad Statisk HTML hemsida

WordPress hemsidor är desto mer komplexa och dynamiska och är byggda med betydligt fler ”beroenden” – och desto fler sådana som en hemsida använder – desto volatilare kan dess stabilitet bli med tiden allteftersom utvecklingen drivs framåt.

Vanilla JavaScript funktion som söker igenom en Array efter en eller flera textsträngar

Det första inlägget jag skrev handlade om en Vanilla JavaScript funktion jag kodade som en hjälpfunktion efter att ha försökt söka upp på Google något som skulle tillfredsställa mitt behov i en specifik situation.

Situationen var att jag behövde söka igenom en array-lista för en Custom Function i Google Sheets och kontrollera om en specifik textsträng existerade i array-listan.

Jag hittade en del lösningar som involverade både JavaScript include samt match funktion, men jag tyckte inte det kändes som de uppfyllde riktigt det jag var ute efter.

Nu i efterhand när jag tänker efter hade man säkert kunnat göra snarlik lösning med hjälp av JavaScript match likaså.

Mitt behov när jag satt och letade var att kunna identifiera mot flera strängar samtidigt, och att det skulle vara en så flexibel lösning som möjligt.

Efter lite knåpande och experimenterade med RegEx hittade jag ett sätt, som visade sig vara förvånansvärt enkelt dessutom. Och det verkar funka prima så långt som det testats hittills.

Jag blev faktiskt uppriktigt sagt förvånad över av att det inte var så lätt – eller att jag inte kunde – hitta någon kombinationslösning där en array-lista söktes igenom efter Regular Expression.

Kanske sökte jag på fel saker.

Oavsett så hittade jag en bra lösning som jag tänkte flera säkert har användning av så jag publicerade den även på mitt GitHub konto för alla att ta del av.

Är ni nyfikna på själva inlägget jag publicerade kan ni läsa det här.

CSS Filterfunktion i Google Dev Tools Code Inspector

Näst upp var en funktion jag upptäckte när jag satt och arbetade på inleed.se och var imponerad över hur bra jag tyckte de lyckats med val av typsnitt och färgkontraster mellan förgrund och bakgrund för stilrenhet och lättläslighet.

Blev så imponerad och gillade det så mycket att jag tog en screenshot och blev sugen på att ta reda på själv vilket typsnitt det var de använda för att senare kontrollera Google Fonts ifall det var något jag själv kunde använda i mina projekt.

Så när jag kollade i högerspalten av min Google Inspector i Google Chrome webbläsaren (när verktyget fäst i underkant av webbläsaren) så noterade jag att där stod ”Filter” högst upp i CSS-kolumnen bredvid pseudokod-lägena (:hov).

Jag blev lite nyfiken och tänkte att jag bara skulle testa skriva något där för att se vad som händer.

Så jag började skriva in det jag letade efter, nämligen: font-family. Jag hann inte helt klart innan jag fick upp samtliga CSS-regler för sidan som hade font-family attributet och värde tilldelat.

Där kunde jag mycket enklare se vilket typsnitt som var aktivt på sidan, än om jag hade behövt scrolla igenom alla deras CSS-regler, som jag kanske fått göra tidigare.

Det är en grym funktion som jag tror, för mig åtminstone, kommer spara betydligt med tid framöver när man sitter och jobbar med CSS i webbläsaren för realtidstestning, vilket är väldigt vanligt förekommande för mig i mitt valda yrke 🙂

Men filterfältet var så diskret att det var väldigt lätt att missa, tyckte jag själv iaf. då jag uppenbarligen missat det ett bra tag med tanke på hur mycket jag suttit och arbetat med CSS i webbläsaren via Google Inspector verktyget- som jag för övrigt tycker är helt underbart att arbeta i för att testa CSS-ändringar i realtid på en hemsida.

Det var ett väldigt kort inlägg bara för att uppmärksamma och informera men ändå. Ovan berättande om inlägget täcker i stort innehållet av själva inlägget dessutom. Men är ni ändå nyfikna kan ni läsa hela inlägget här.

Hur man lägger till länkade inläggskategorier till WordPress temas inläggsmallar

När jag satt och förhandsgranskade inläggen jag hittills skrivit och publicerade, tyckte jag där saknades något på min sida.

Jag märkte att jag inte skrev ut vilka kategorier som inlägget hade taggats i, vilket kan vara ett bra sätt att leda läsare vidare till relaterade inlägg.

Så jag beslutade mig för att försöka ta fram dessa med hjälp av WordPress Temakodning och lägga till dem till single.php inläggsmall som är ansvarigt för hur ett inlägg presenteras när någon klickar upp inlägget för att läsa det i fokus.

Efter lite Googlade hittade jag en funktion som jag trodde kunde hjälpa mig få till det såsom jag ville ha det.

Sen fick jag experimentera lite då det var nytt för mig, men till slut så hittade jag ett sätt att lyckas ta fram den själva länkade listan med inläggskategorier som jag var ute efter.

Därefter återstod bara att CSS-Styla layouten så det kändes bra och uppfyllde min vision för hur jag ville ha det.

Jag valde att lägga inläggskategorierna i botten av inlägget då jag tyckte det kunde lätt bli för mycket under inläggets rubrik då jag brukar tagga inlägg i flera olika kategorier som jag anser passar in på inläggets karaktär.

I slutändan var jag väldigt nöjd med slutresultatet och tänkte att flera säkert hade varit nyfikna på hur man åstadkommer det på samma sätt som jag gjorde, så då blev det underlaget för ytterligare ett inlägg att skriva och publicera.

Det blev dock ett lite längre inlägg då jag valde att gå igenom det Step-by-Step så läsaren förhoppningsvis relativt enkelt skulle kunna följa med i hur jag gick tillväga för att lägga in länkade inläggskategorier till ett WordPress tema via temaredigering och PHP-kodning (som hela WordPress back-end typ är kodat i).

Tycker ni det låter intressant och också vill lära er hur ni lägger till inläggskategorier till ert WordPress tema kan ni läsa mer här.

Feedback är alltid välkommet 🙂

En observation för webbserver konfiguration hos inleed.se

Nästa inlägg blev också ytterligare ett kort ett, men som jag själv tyckte var intressant nog att lyfta.

Och det föddes när jag återigen satt och arbetade i inleed.se med att sätta upp en server där och stötte på det intressanta fenomenet att en index.html fil verkade skriva över en index.php fil.

Inget jag direkt tänkt på tidigare, då jag inte stött på situationen tidigare.

Men en nyfiken betänklighet ändå, diskuterade det lite med inleeds support för att försöka röna ut hur det funkade och senare Googlade jag även lite på egen hand.

Rätt intressant, och något som kan vara användbart som webbutvecklare/Full-Stack att känna till men som jag personligen iaf. inte tänkt på tidigare.

Läs mer här.

Delning av användbara verktyg för produktivitet i mån av bilddelning och kontrollerade screenshots

5:e och näst-sista inlägget jag publicerade var ett inlägg om 2 populära Windows verktyg som varje dag underlättar min arbetsdag.

Genom att hjälpa mig snabbt och enkelt ta screenshots för specifika markerade områden som enkelt kan delas via chatt, mail eller vad man nu än behöver.

Kan varmt rekommendera om du också arbetar någon form av arbete där kollaboration och delning av bilder är vanligt förekommande i arbetsdagen.

En Varning till Företag om Försiktighet vid uppladdning av underlag och material till (gratis) online tjänster

Sista inlägget var mer för att informera företagare, men även privatpersoner om att praktisera försiktighet när man laddar upp material till en webbtjänst – speciellt om en gratis sådan – som erbjuder att lösa problem åt en för ett uppladdat underlag.

Fråga dig själv om något är gratis – vad tjänar de då på? Ibland är det reklam, ibland är det delvis att de tjänar på dig och det du ger dem.

Det är lätt att man blir lite godtrogen och kanske även naiv, men i de här fallen tycker jag själv iaf. det kan vara bra att vara lite paranoid, speciellt om det man laddar upp innehåller företagshemligheter(!). Då bör man vara Extra Försiktig.

Det är väldigt enkelt att skriva vilka påståenden som helst på en hemsida, oavsett om i en policy eller bara på hemsidan.

Det är egentligen inte svårare än att skriva i anteckningar för att ge insikt till de av er som inte har erfarenhet av att bygga en hemsida eller hantera en hemsida.

Men hur vet du att de faktiskt håller vad de lovar?

Har du insyn i hur de satt upp sin kod och server för hur de tar hand om, lagrar och bearbetar filer du laddar upp till dem?

Hur vet du att de inte slussar vidare en kopia till någon extern tredjepart? Källkritisk, kan vara bra att vara.

Tidigare har det varit känt att där funnits gratistjänster som varnats för då de lagt in i sin kod att i hemlighet spara ned material som laddats upp.

Ibland har de även sparat utan användares vetskap och så har information läckt på Google p.g.a. att de även sökoptimerat ditt underlag (Pastebin).

Inte alltid så populärt kanske. Så tänk Efter Före du laddar upp material för valideringstjänster eller vad det nu kan vara för att hjälpa dig ta dig vidare i arbetsdagen 🙂

Detta kan även sträcka sig så långt som Sociala Medier.

Där finns ett ordspråk om att det som läggs upp på Internet varar för evigt.

Till viss mån kan det stämma, då där finns massa tjänster på nätet som har gjort det till sitt huvudsyfte att indexera, kopiera och spara ned ALLT som laddas upp till Internet för bevarandeändamål.

Så tänk på det.

Det finns oftast andra, säkrare alternativ än att riskera något som kan potentiellt skada en själv eller företaget.

På Internet bör man vara lite kritisk när det gäller hemsidor som gärna vill ha din information.

Information är makt och potentiellt pengar. Desto känsligare information, desto värdefullare.

Fler citat till Filosofisidan

Innan jag publicerade alla nya inlägg och fixade med webbdev-essentials.net sidan, så publicerade jag även lite nya citat till Filosofisidan.se:

filosofisidans senaste publicerade citat

Det första citatet jag publicerade ”Spåren efter mina steg”, kan tolkas antingen väldigt simpelt, eller extremt djupt, beroende på din preferens och perspektiv.

Jag snubblade över det när jag läste en bok, där någon hade yttrat detta citat efter en reflektion av sitt liv.

Just detta citatet talade väldigt mycket till mig då det är lätt att glömma vad ens väg här i livet lämnar för spår efter sig.

Oftast tror jag man blickar framåt och fokuserar på vad som komma skall.

Vissa kanske tittar tillbaka ibland av nostalgi eller reflektion, vissa kanske är fast i det förflutna och har svårt att gå vidare. Jag tror det är viktigt också att inte glömma bort vart man kommer ifrån, eller låtsas som att det aldrig hänt.

Allting som hänt en, har lett till vart man befinner sig idag och vem man är nu. Jag själv känner iaf. att det inte går att ångra något för då kanske man inte hade varit den man är idag, eller där man är idag.

Där finns oftast ljusglimtar i ens liv, men de kan ibland vara svårare att se, men om man tittar tillräckligt noga, så brukar man kunna hitta dem.

Men en intressant reflektion definitivt att göra för hur man påverkar andra runtomkring sig, både positivt och negativt, vad man lämnar efter sig med valen man gör, besluten man tar, orden man väljer att uttala osv.

Samt om man är nöjd med hur man lever sitt liv eller om där finns utrymme för förbättring för hur man vill leva sitt liv.

Man blir aldrig färdigutvecklad, där finns alltid saker att jobba på om man bryr sig tillräckligt.

Däremot kan man stanna upp sinsemellan och låta sig vara nöjd för en stund, och njuta av vad man uppnått och vart man kommit så här långt, innan man samlat tillräckligt med ny energi för att fortsätta sin resa till en ännu ”rikare” framtid för både vad man upplever såväl som inom sig själv för hur/vem man är.

Citatet lägger grunden för en väldigt djup reflektion (om man nu känner sig manad för det d.v.s.) 🙂

Jag personligen gillar att då och då djupdyka ned i kaninhålet (ibland med vänner som också gillar det) och utforska vad som finns där. Så länge man lyckas ta sig upp därifrån igen så kan det vara väldigt insiktsfullt och givande, på många nivåer.

Jag får känslan av att många lever så upptagna liv idag i vårt digitala samhälle att de kanske inte tar sig tiden för djupdykning och reflektion i sig själva.

Sånt som vi förr hade desto mer tid för när man inte hade konstant stimulans och underhållning så lättillgängligt som vi har det idag.

Det är en väsentlig del av hur vi växer som människor.

Självinsikt. Reflektion. Filosoferande. Perspektiv.

Något som kan tvinga fram detta är när vi utsätter oss för utmaningar. Där vi får stå öga mot öga med oss själva och känna av- och lära oss hantera nya upplevelser som vi tidigare inte haft erfarenhet av.

Publicerat i Filosofi, Kunskap, Mina projekt, Nyheter, Webbdev-essentials.net | Etiketter , , , , , , , , , , , , , , , , , | Lämna en kommentar

Visste du att man kan Mäta Avstånd i Google Maps?

Detta har jag helt missat.

En vän och kollega visade mig igår hur man på Google Maps i datorn tydligen kan högerklicka för att välja ”Mät avstånd”.

Därefter kan man trycka på valfri plats på kartan för att mäta avstånd från där du högerklickade, dit du vänsterklickat.

Så smart!

Hade ingen aning, sjukt användbart ju.

Du kan sen fortsätta klicka för att fortsätta mäta likaså! Så vill du veta omkrets för din tomt är det absolut inga problem, då är det bara att klicka i de olika hörnorna 🙂 (Börja högerklicka i ena först)

Google Maps Mät Avstånd funktion

Detta ska tydligen vara möjligt både på Dator såväl som på t ex. Android.

Här hittar du även instruktioner för iPhone.

Publicerat i Kunskap, Nyheter | Etiketter , , , , , , | Lämna en kommentar

Har du hört talas om ”Spotify Jam”?

Jag älskar Spotify Jam!

Jag och en kollega där jag jobbar brukade ha s.k. ”musikbottar” som använde sig av diverse musikstreaming källor som YouTube och liknande för att spela upp musik under tiden vi arbetade på en Discord server vi brukade sitta i.

Dessvärre så innebar detta ibland, beroende på vilken källa de här bottarna var kodade att använda sig utav för att söka upp och spela musik ifrån, att där kunde förekomma pauser, dålig kvalitet, m.m.

Spotify Jam kom lägligt från Spotify, ganska samtidigt som de flesta Musikbottar stängdes av eller bannlystes p.g.a. att de bröt mot STIM eller liknande Copyright licenser.

Med hjälp av Spotify Jam så kan du basically göra vad musikbottarna i en Discord Server röstkanal gjorde:

  1. Du söker upp musik i Spotify, alternativt en spellista som du vill lyssna på, och som din(a) kollega(/or) kanske också kan tänka sig lyssna på
  2. Sätter igång låten
  3. Och har en gemensam musiklyssningssession tillsammans med valfritt vald(a) deltagare

Det är väldigt smidigt, och funkar hur bra som helst.

Hur du kommer igång med Spotify Jam’s?

STEG 1: För att starta en Spotify Jam Session så öppnar du Spotify på din dator t ex. och söker upp en låt eller spellista, vilken du vill.

STEG 2: Därefter högerklickar du på låten och väljer (om svensköversatt gränssnitt d.v.s.) ”Starta ett Jam”.

STEG 3: Därefter inleds sen Jam sessionen och du får upp att du kan Kopiera Länk för att Bjuda in dina vänner. Gör detta, skicka till valfri vän du vill dela en musiksession med, och börja lyssna tillsammans.

Möjligheter som finns i en Spotify Jam session

När jag och min kollega båda befinner oss i en delad Spotify session, där jag kanske börjar med att initiera en session, för att sedan kopiera en inbjudningslänk till honom för att skicka som han sen kan använda för att gå med i min skapade musiklyssningssession så kan vi sen båda två:

  • Lägga till låtar i vår gemensamma spellista för sessionen
  • Skippa låtar
  • Spola fram/tillbaka låtar

Dock en fin grej, är att jag kan justera volymen på min Spotify klient i datorn utan att min kollega blir påverkad, utifall jag skulle behöva hoppa in i möte osv. kan min kollega fortfarande fortsätta njuta av- och lyssna på musiken.

Potentiella buggar med Spotify Jam ibland under användning

Vi har noterat att den kopplar ifrån ibland, och ibland är den aktiv trots den säger att den inte är det (sessionen då alltså).


Men jag kan varmt rekommendera Spotify Jam om du känner för att lyssna på musik tillsammans med någon! 😀

Så smidigt.

Nu har jag förvisso ett Premium Spotify konto som jag använder primärt när vi kör Spotify Jam, så är lite osäker på hur det funkar med Spotify’s gratiskonto.

Tycker du det låter intressant, och vill läsa mer kan du kolla på artikeln Spotify publicerade vid lansering av tjänsten.

Hittade även denna i Spotify Community som ger lite instruktioner på hur Spotify Jam fungerar.

Och den till synes ”officiella” supportartikeln för funktionen hos Spotify.

Publicerat i Musik, Nyheter | Etiketter , , , , , , , | Lämna en kommentar

Känner du till ”Spotifylänkar”?

En (numera) dold liten pärla i Spotify för när du delar låtar och spellistor med andra.

Om du såg mitt inlägg där jag lyfte Jeris Johnson så kanske du även märkte s.k. Spotifylänkar / ”Spotify URL:er” listade allra först för de olika låtarna?

Spotify URL:er (som jag kallar det), är ett alternativ till vanliga webblänkar om du t ex. lyssnar via Spotify applikationen och inte vill att länkarna ska öppna webbversionen av Spotify, då det ibland kanske kan kännas lite bökigt när man redan har applikationen uppe på datorn.

Då är en Spotify URL alldeles utmärkt!

Tidigare var dessa alltid lättillgängliga i Spotify programmet på datorn (åtminstone på Windows). Men senare så ”dolde” Spotify dessa så man bara kan komma åt dem genom att använda en speciell Hotkey när man är inne under ”Dela”-fliken i programmet på Windows.

Testa håll musen över ”Dela” > ”Kopiera låtlänken” och tryck sedan ned ALT-knappen på tangentbordet, så ska du nog se att du får programmet att visa Spotify Länkar istället för vanliga webblänkar!

Ett nifty litet trick som kommit till god användning för mig själv åtminstone många gånger.

På så vis slipper man huvudvärken av att en kompis delar en låt och man klickar på länken för att bara hamna i webbläsarens Spotify app istället för programmet där man faktiskt lyssnar på datorn.

Publicerat i Kunskap, Musik | Etiketter , , , | Lämna en kommentar

WOW! John Wines på Americas Got Talent!!

Fick detta nyss delat till mig. Wow vilken häftig gubbe!

John Wines både chockerar och imponerar. Coolt och väldigt inspirerande! 😀

Grym talang verkligen! Gillade honom starkt ^^

Publicerat i Inspiration | Etiketter , , , , , , | Lämna en kommentar

Jeris Johnson(!!) – Musik på Spotify

För några dagar sen snubblade jag över artisten: Jeris Johnson från Spotify rekommendationer och har inte kunnat sluta lyssna på vissa av hans låtar sen dess.

Älskar hans röst och hur taggad man blir! Perfekt för när man sitter och jobbar 😀

Om ni har Spotify kan ni hitta några av mina favoritlåtar från honom nedan:

  • The Story of Our Lives | spotify:track:3EIH4AJu0eGSVNp768Mrb6
  • Kiss From A Rose | spotify:track:6rgY99hSrusqBEgOv1vxTj
  • Kryptonite (Reloaded) | spotify:track:2VMs3LPD0pKKD3z55ZmnVH

Om ni inte är bekanta med Spotify-URL:er så kan ni hitta ”vanliga” länkar i listan nedan:

Om ni är inloggade på Spotify redan, så kan ni också lyssna direkt här nedan:

Om ni inte har Spotify, men ändå är nyfikna kan ni lyssna på låten på YouTube här:

Publicerat i Musik | Etiketter , , , , , , | Lämna en kommentar

Publicerat nytt film/serie tips på Filmtipset.net!

Igårkväll skrev jag ihop och publicerade ett nytt inlägg för en av mina projekthemsidor: Filmtipset.net.

En hemsida jag byggde för att kunna organisera och dela med mig av film och TV-serie tips från det jag sett och gillat under åren.

TV-serien jag tipsade om kan ni läsa mer om här.


Man får ta vara på inspirationen och flowet när det kommer.

Det är lite som reklamen för trisslotter: ”Plötsligt händer det” ^^

Det är bara att tacka, ta emot och göra det mesta av det! 😀

 

Publicerat i Filmtips, Mina projekt, Nyheter | Etiketter , , , | Lämna en kommentar