Inlägg

Inlägg som Bosnic har skrivit i forumet
Av Bosnic

Varit inne o kikat lite då man frekvent får jobba med dessa grejer på jobbet. Här kommer lite tankar och ideer

Tror ni får kika lite på hur ni analyserar webbar, tycker den genererar väldigt mycket false positives. Framförallt med cookies och tillgänglighet.

En webb som inte har annat än nödvändiga kakor får en pre-consent violation för marknadsföringskakor.

Skulle vara trevligt om ni även kunde fånga upp några exempel på vart tillgänglighetsproblemen som finns på webben istället för att ha en generisk beskrivning "Färgkontrasaterna är för dåliga", ja men vart då?

Bekräftelsemailet hamnar i skräpkorgen är DKIM, SPF records m.m uppsatt korrekt?
Knappen är helt vit (text, bakgrund) i mailet och går inte att se.

Era exempel på lösningar behöver nog tittas igenom. Står ibland något i stil med "Use code snippets below" och sen finns det inga code snippets tillgängliga.

Lite otydligt när ni blandar gröna och röda grejer som problem. Det behöver nog framgå lite tydligare om det som är grönmarkerat är OK eller inte.

Vet inte hur erat verktyg sätter score men där andra verktyg sätter en hög score så sätter erat långt under hälften för samma eller liknande problem.

För en webb som hjälper till med tillgänglighet, säkerhet och GDPR så har ni själva en del tillgänglighetsproblem, inte tittat supermycket men bl.a. kontraster missing form labels m.m. Ni har också ett gäng dependencies som studsar mot amerikanska servrar.

Vore trevligt om ni kunde komplementera med någon form av prestandakontroll som kommer med förslag på förbättringar även på den fronten

Annars skitbra initiament

Av Bosnic

Jobbar på ett störe mjukvarubolag med en väldigt stor andel offentliga kunder där mycket av detta är aktuellt. Nu är våra kunder sällan några små företag men tar med lite info om hur vi brukar jobba.

Vi försöker i den mån det går att undvika open source/community plugins oavsett ramverk/CMS då vi inte kan garantera att just det pluginet kommer vara up to date eller fungera när en plattform uppdateras efter några år. Då vill man inte ha gjort sig allt för beroende av en specifik funktion eller plugin som kommer kosta kunden skjortan att byta ut eller bygga om. Är det något som leverantören av själva sytemet levererar och underhåller så kan det vara okej.

GDPR är ett hett ämne i många kunddialoger. Vi har kunder som vill använda en drös med 3:e partstjänster och här är det viktigt att vara uppmärksam och informera kunden om diverse problem. Allt från analysverktyg, youtube, och andra tjänster som på ett eller annat sätt får trafiken att studsa ut från EU. Upplever att den här dialogen allt för ofta går ihop med ämnet om cookies.
Här får man i dialog med kund försöka hitta alternativa lösningar i den mån det går. Viktigt är att hålla koll på vilken information som samlas in, vad den används för och i viss mån informera användaren om dennes rättigheter med en GDPR-policy
Ett bra verktyg för att snabbt kolla upp om man har några dependencies där trafiken studsar utanför EU: https://pagexray.fouanalytics.com/

Webbtillgänglighet har vi med som standard i alla leveranser. Allt från att UX som tar fram skisser behöver vara införstådd i ämnet till att vi har experter som regelbundet granskar webbarna som byggs. Webbtillgänglighet är inte en engångsgrej som man bara gör en gång och sen glömmer bort. Framförallt om kunden har många redaktörer så ökar risken att någon gör eller lägger in något knas. Ett bra verktyg jag brukar använda för att få en första indikation om hur mycket man kan förvänta sig hitta på en web är webbläsarplugginet "WAVE Evaluation Tool". Det pluginet kan lista tillgänglighetskoder som man sedan kan slå upp på t.ex. Digg för att få en bättre förståelse kring problemet: https://www.digg.se/ Digg har många bra exempel som man kan använda för att förklara för kunden varför ett visst problem är viktigt att åtgärda. Glöm inte att ha med en tillgänglighetsredogörelse för hur ni jobbar med tillgänglighet och om eventuella avvikelser på webben.

Det mesta som nämnts brukar vara inkluderat i vårat estimat/offerter. Bolaget jag jobbar på erbjuder även utbildningar och extra "oberoende" granskningar vid behov eller om kund önskar det.

Det är också viktigt att hålla koll på plattformen man använder och eventuella kända säkerhetsbrister, en bra rutin är att regelbundet hålla hela systemet uppdaterat och att försöka hålla koll på vilka beroenden av andra system/tjänster som man kan tänkas ha.

Av Bosnic

Har själv det "bekymmret" med en site jag driver där användare genererar mycket content. Det betyder egentligen att Google har hittat dina länkar men inte hunnit indexera/crawla dessa ännu. Allt är som det ska vara. Ha lite tålamod så ska du se att det står en annan status inom någon dag/vecka

Av Bosnic

Det känns som att du försöker lösa ett problem utan att beskriva det faktiska problemet eller behovet. Det är väldigt enkelt att fastna i ett hörn på något man tror är kritiskt för helhetslösningen när man i själva verket har angripit lösningen på helt fel sätt.

Om du kan beskriva vad du faktiskt behöver text to speech till så kommer du troligtvis få betydligt bättre svar och kanske tips på en produkt eller programvara som löser just dina behov och krav utan behovet att köra massa krångliga kommandon.

Det finns en hel drös med skärmläsarverktyg som installeras lokalt framtagna för personer med nedsatt synförmåga som klarar av att läsa upp text i alla möjliga format.

Av Bosnic

Jag och ett par polare har nyligen lanserat detnappar.se
En renodlad marknadsplats för alla som har sportfiske som intresse
Det har varit ett skoj projekt att få prova på en kombination av .NET, Nextjs och Tailwind.

Av Bosnic

Jag har varit i liknande tankar tidigare och landade snabbt i att det inte skulle bli speciellt mycket billigare eller smidigare än att köpa en färdig kombo.
Beroende på hur du har den monterad på båten sen så kan det också finnas risk för vattenstänk eller regn. Tänk också på att om du inte kan förvara båten på ett säkert ställe så finns ju även en stöldrisk som du får ta med i beräkningen.

Om du nu inte vill göra det för själva projektets skull och för att lära dig något nytt så finns det ett helt gäng med facebookgrupper där det säljs bättre begagnade prylar för en rimlig peng som kanske till och med blir billigare.

Av Bosnic
Skrivet av Wequ:

Det där funkar vid hoover men det blir ju på hela <button> eftersom ikonen(pilen) just nu är inuti en <button>, jag vill antingen ha en ensam pil som inte är inuti en button(men som fortfarande fungerar precis som en button med click event). Eller rentav ändra hela utseendet på en <button> till en pil.

Mitt kodexempel targetar enbart ikonen när du har en hover på knappen. Om knappen byter utseende så är det troligtvis pga knappens standardstyling som du i så fall får styla bort.

Ska du använda detta på en site eller app som enbart du kommer använda så är det väl helt fine att koppla klickeventet på ikonen. Men om du planerar att släppa detta som en publik site så skulle jag behållit knappen och försökt styla bort standardbeteendet på hover för att tabb med tangentbord fortfarande ska fungera.

Om nu knappen ska ta dig till en annan sida så kanske en länk är ett bättre alternativ

<button id="backButton"><i class="fa fa-arrow-left"></i></button> #backButton { background: none; border: none; } #backButton:hover i { color: khaki; }

Sen är jag väl lite arbetsskadad och skulle även säga att en "tillbaka" knapp är något som oftast är helt onödigt när i stort sätt alla moderna webbläsare och mobila enheter har en inbyggd tillbakaknapp.

Av Bosnic

Det ser ut som att du kör med Fontawesome-ikoner.
Då borde något i stil med detta fungera för att byta färg på ikonen vid hover

#backButton:hover i { color: khaki; }

Skulle rekommendera att inte koppla klickevent på annat än länkar och knappar för att sidan fortfarande ska kunna användas med enbart tangentbordet

Av Bosnic

Upptäcka om en bild finns på Google?

Jag driver idag en väldigt nischad marknadsplats för begagnathandel. Ibland händer det att det trillar in bedrägeriannonser där annonsbilderna ofta är hämtade ifrån Google eller andra forum.

Jag skulle vilja bygga in en funktion på siten som automatiskt kontrollerar om bilderna redan finns på Google eller liknande när de laddas upp och därmed flagga för t.ex. en admin som kan kontrollera annonsen och i ett tidigt skede vidta eventuella åtgärder.

Nu till frågan i rubriken:

  • Har någon erfarenhet av en liknande lösning?

  • Vad finns det för APIer för att kontrollera att en bild är helt unik?

  • Eller är det så enkelt att det är extremt svårt att lösa då även Blocket och Tradera tycks få in en och en annan bedrägeriannons emellanåt?

Av Bosnic

Värmetålig ethernetkabel?

Har precis köpt ett hus och funderar nu på hur jag ska dra kablarna upp till mitt tänkta kontor.
En ide som kanske inte är helt tokig är att dra kabeln längs med/bakom elementrören som går till våningen ovan och på så sätt skulle jag spara säkert närmare 20-30 meter kabel och undvika fula och synliga lösningar.

Men då är frågan: Hur pass värmetålig är en ethernetkabel? Finns det någon specifik klassning på kabel som man bör kika efter?
Jag vill undvika scenarion där kabeln smälter eller blir värdelös på vintern när man drar på värmen.

Även andra förslag mottages gärna

Av Bosnic

Du får nog vara lite mer tydlig med vad som faktiskt ska göras. Det känns som att vi saknar en hel del kontext
Vad är "Labb 5 i timer och räknare" för något? Vilken bok eller material kommer labben ifrån?

Är det en programmeringsuppgift eller är det något som ska göras i t.ex. Cad eller andra 3D modelleringsverktyg?

Av Bosnic
Skrivet av Fatmajk:

Stötte på denna fråga nu också. Tror spannet går 600-1500kr/h beroende på kompetens och erfarenhet.

Nyexad programmerare: 600kr/h
5 års erfarenhet: 700-850kr/h
10 års erfarenhet: 850-1000kr/h
Och sen högre med längre erfarenhet och spetskompetens.

Detta är exempelsiffror, vad tror ni om dessa?

Det där kan vara väldigt individuellt och helt beroende på projekt och kund. Längre erfarenhet motsvarar inte per automatik bättre kompetens.

Ett större projekt som sträcker sig under en längre tid kan också motiveras med lägre timpenning då man får en mer säker/fast inkomst under perioden. Då kan man använda den något lägre timpenningen i förhandlingen för att säkra att man får projektet och att det inte går till en konkurrent istället.

Hoppar man mellan kortare uppdrag så behöver man också säkerställa att ekonomin går ihop under tiden man inte har ett aktivt case. I sådana lägen bör man ha gjort en kalkyl där man säkerställer att man faktiskt går med vinst och inte säljer sig själv med förlust.

Helt beroende på vilka omständigheter som gäller så kan man faktiskt dra in lika mycket eller mer med större projekt som har lägre timpenning.

Av Bosnic

Ett bättre alternativ hade ju varit att kolla om systemet är igång redan vid sidladdning och därefter inaktivera knapparna till de system som inte är igång. Det går ju också troligtvis att cacha statusen i ett par minuter så den inte behöver köras vid varje sidladdning och därmed minska belastningen.

Men om du måste kontrollera att applikationen fortfarande körs vid klick och förutsatt att vi pratar om en normal hemsida där "programikonen" är en vanlig <a> tagg eller <button> så borde det gå att fånga upp click-eventet med t.ex Javascript och därefter kolla om applikationen körs innan klicket.

https://gomakethings.com/listening-for-click-events-with-vani...
https://stackoverflow.com/questions/14375144/jquery-prevent-d...

Sen kanske det finns ännu bättre sätt att lösa det på beroende i vilket CMS/ramverk intranätet är byggt på. T.ex. Episerver eller Sitevision

Av Bosnic

Tycker att sidan har en snygg och enhetlig design

Jag kan vara lite "arbetsskadad" men här kommer lite feedback på sånt som jag hittat som kan vara värt att titta på. Det är alltså inte enbart designförslag.

  • Det förekommer dansk text här här och var på den svenska versionen

  • Sidan går inte att använda med enbart tangentbordet

  • Finns en del animationer som kan upplevas störande och som inte går att stänga av

  • Felaktigt användande av rubriknivåer, hittar ingen H1 på startsidan och övriga rubriknivåer används i felaktig ordning

  • Texter med bakgrundsbilder är svårlästa

  • Hemsidan går att skrolla till höger så något är troligtvis fel med mobilanpassningen

  • Länkar används som knappar på flertal ställen och saknar text

  • <style> taggar förekommer på felaktiga ställen

  • Lite för många och framförallt små länkar i menyn som gör den lite svåröveskådlig. Fundera på att ta bort nyhetslistningen från menyn och ge övriga länkar mer plats

  • Redundanta länkar i nyhetslistningar. 3 länkar leder till samma nyhet på varje nyhetspuff

  • Bilder saknar alt tagg, en alt tagg ska alltid finnas men den kan dock vara tom

  • Använd animationer sparsamt och helst egentligen enbart när en användare förväntar sig en animation.

Det dyker upp en del felmeddelanden där webbplatsens HTML inte validerar: https://validator.w3.org/

Av Bosnic

De har ett API ser det ut som så det borde vara fullt möjligt att göra det du är ute efter utan att blanda in client-side javascript.
Det bästa är att maila och fråga, troligtvis krävs det också att du har betalat för deras "1-year plan"
https://ttsmp3.com/faq

Av Bosnic

Om jag tolkar det hela rätt så har du ett API-anrop som sker på klientsidan?
Men du vill istället göra detta via din backend?

Isåfall borde du ta en titt på HttpClient

I exemplet nedan så hämtar jag data asynkront från ett API.
Jag konverterar responsen till ett Objekt/klass som jag satt upp i C# som ser likadant ut som själva responsen.
På så sätt kan jag använda och arbeta med objektet som vilket annat i C#

För att få ett vettigt objekt/klass att konvertera med så skulle du kunna googla något i stil med "json to C# class generator" och skjuta in den JSON data som APIet returnerar och på så sätt få en klass som med rätt fältnamn som blir enklare att använda.

var response = await httpClient.GetAsync("Länk till ditt API"); var parsedObject = JsonConvert.DeserializeObject<Klass som motsvarar responsobjektet>(await response.Content.ReadAsStringAsync());

Av Bosnic
Skrivet av superegg:

Tjo,

Jag försöker med att få ut det som dyker upp i "Network" på webbläsare, så vill jag kunna få ut url samt data, men jag har försök med RequestHandler men vet inte hur man ska göra.

Jag har försök att googla men hittar inte så mycket info om chromium web browser, så undra om någon här kanske vet hur man ska göra?

Tacksam för snabba svar.

Vad är det du försöker göra? Beskriv gärna lite vad du förväntar dig få ut från Network tabben eller vad du tror ska dyka upp där så blir det enklare att hjälpa dig.

Network tabben visar i regel alla filer/anrop som skickas ut till klienten/webbläsaren. Om du försöker skjuta ut något från din backend så har du nog större chans att läsa av det där innan det skickas ut till webbläsaren.

Om du klickar på någon av filerna/anropen som listas under "Network" så får du upp tabbarna "Headers, preview och response". Här kan du se den data som webbläsaren tagit emot.

Resultatet bör bli detsamma oavsett vilken webbläsare du sitter på.

Av Bosnic

Perfekt, vi kör på det! Var nog bara jag som missuppfattade
Släng iväg ett PM så tar vi det där

Av Bosnic

Tjena, låter som att du har fel raspberry pi. Raspberry pi zero är mindre än den första som släpptes. Kika gärna på anonsbilden o se ifall de är samma model, alt skicka en bild så kan jag kika
Jag är isåfall enbart intresserad av RPI utan några tillbehör.

Versionen utan wifi kostar ca 60kr på electrokit som tyvärr inte har den i lager och ca 160kr för den med både wifi och headers pålödda

Så runt 50-100kr tänker jag beroende på om det finns wifi eller inte?

Av Bosnic

Köpes Raspberry Pi Zero

OBS! Söker enbart efter Raspberry Pi Zero, övriga modeller är därför inte av intresse.

Söker som sagt efter en eller flera Raspberry Pi Zero om någon har liggandes i någon garderob.

Det spelar ingen roll om det är med eller utan Wifi och Header (Pins) då dessa kommer lödas in i ett projekt som inte kräver uppkoppling.

Läs hela annonsen här