Ligesom jeg bruger mange forskellige browsere, bruger jeg også forskellige browser extentions, bookmarklets og wallpapers: Den vigtigste: LastPass holder styr på alle mine passwords, både på min laptop, min tablet og min smartphone. Med LastPass behøver jeg kun at huske ét password, og stadigvæk have gode, sikre, unikke adgangskoder til alt. Og ja, der er extensions […]
Stickleblog
CSS Grid med fallback
For at bruge CSS Grid med fallback begynder vi med grundlæggende CSS som virker i alle browsere, og tilføjer derefter styling som kun virker i nyere browsere. Progressive Enhancement Ideen bag progressive enhancement er at et website ikke nødvendigvis skal se ens ud, men det skal virke i alle browsere. Progressive enhancement er en mulighed for at bruge […]
Re-Learning JavaScript
Until a few years ago I didn’t really think of JavaScript as a programming language. At first it was just something that could be used to create flashy animations, counters and so on, and it usually just involved copy/pasting code that someone else had written and perhaps modifying a few lines to meet the requirements […]
Skriftstørrelser og responsive websites
På responsive websites er tekststørrelsen ofte lidt et smertensbarn. Billeder kan automatisk resizes, så de hele tiden passer til skærmens størrelse, mens tekststørrelser via media queries ændres i ‘ryk’, så f.eks. overskrifterne på mobilskærme er 36px, på tablets 48px og på store skærme er 60px. Det er ikke altid lige kønt, men det er heller […]
Hvilken browser bruger du?
Hvis du er ligesom mig, så kan det tage lidt tid at svare på dette spørgsmål! Hvis du ikke ved hvilken browser du bruger (eller hvad en browser er), så prøv at klikke på dette link:What browser? Næsten alt min arbejde foregår online, i skyen, via websites og webapps, og jeg bruger forskellige browsere til […]
Backups Everywhere!
A few years ago we lost a number of virtual servers due to an irrecoverable hardware issue at a local VPS provider. Those were managed servers, and as it turned out our provider (who shall remain nameless) had neglected to perform the daily backups that were in our service agreement. Whoops. Fortunately we hadn’t trusted […]
Handmade Computer & Resilient Web Design
Dette handler om bøger, ikke bøger trykt på papir, men bøger udgivet på internettet. View this post on Instagram “There are all beautiful in between states like dawn and dusk… and so is everything else in our life. So how do computers allow us to communicate intricate messages and delicate memories?” – Handmade Computer. Essay […]
React Unit Testing with Jest and Enzyme
create-react-app is a great tool that lets you setup a React development environment quickly, without having to first become an expert on Webpack, Babel, and all the other tools you will need to be effective. We like it. create-react-app comes preconfigured with the Jest test runner which lets you test your components as you develop them. Jest […]
CSS Grid – kan det bruges?
Det handler om rækker og kolonner. Ikke rækker eller kolonner, men rækker og kolonner. Layout, altså. Der skal en hel del html-markup samt CSS til et layout som dette: See the Pen Floats by risager (@risager) on CodePen. Også hvis man bruger Flexbox: See the Pen Flexbox by risager (@risager) on CodePen. Med CSS Grid kan man nøjes med […]
Inline svg-ikoner
Ikoner kan f.eks. bruges som links til sociale medier. På IcoMoon App kan man finde masser af ikoner og downloade dem som svg-filer (klik på Generate SVG & More nederst til venstre). IcoMoon findes også som en Chrome extension. SVG-koden Den downloadede kode kan bruges som den er, men jeg foretrækker at ændre den lidt, så […]
WordPress Admin Area Memory Allocation
A recent project required us to create a fairly large multipage competition entry form for a WordPress website. Because of some complex validation requirements we decided to implement the form in JavaScript using React and Redux. The form allows the user to upload images and pdf files. These files are Base64 encoded and added to the Redux store. […]
Demo Dag
Demo Dag finder sted ca. hveranden måned i København (og også i Malmö). En flok mennesker samles et sted og skiftes til at demonstrere ting de har lavet. Hver demo får 7 minutter, og det er forbudt at bruge powerpoints/slides – det er en demo, ikke en præsentation. Det er ofte software, men det er […]
WordPress billed-gallerier
Der findes uendeligt mange billedgalleri-plugins til WordPress, men hvis det skal være nemt og enkelt, kan man nøjes med WordPress’ indbyggede galleri-funktion: Tilføj medier Opret galleri Vælg billeder – og husk at rette billedtitlen til klik på ‘Opret nyt galleri’ Tilføj evt. billedtekster, tilpas links og billedstørrelser Indsæt galleri Man kan plukke af alle de […]
Scrutiny5
Jeg har downloaded en testversion af Scrutiny5 (kun til mac, ikke windows), og efter kun et par dage er jeg overbevist om at det faktisk vil være en stor hjælp – både til nye og gamle websites, bl.a. til: check af døde links: interne links, eksterne links, links i pdf-dokumenter, angivelse af om links bliver redirected, om […]
EcmaScript 6
Programmeringssproget JavaScript har en mindre kendt slægtning der hedder EcmaScript. Sproget udvikles og standardiseres som EcmaScript, og nye versioner af EcmaScript finder så efterhånden vej til browserproducenternes forskellige implementeringer af JavaScript. Så når der kommer en ny version af EcmaScript er det værd at lægge mærke til, fordi nye ES features med tiden bliver tilgængelige i […]
Git internals
Git er et open-source værktøj til software versionsstyring (et VCS). Det blev oprindelig udviklet af Linus Torvalds til at versionskontrol af Linux kernen, men det er efterfølgende blevet det mest populære VCS overhovedet. Git er et distribueret system, dvs. der findes ikke nogen central server som en udvikler skal have forbindelse til for at kunne arbejde med […]
Statisk eller dynamisk website?
HTML Browsere som IE, Edge, Chrome, Firefox m.fl. arbejder med HTML, som er et opmærkningssprog eller markup language. Sider skrevet ved hjælp af HTML består af indhold der er omgivet af forskellige HTML elementer som bestemmer hvordan indholdet af siden skal gengives i browseren. Det kan f.eks. se således ud: Elementerne <h1>, </h1>, <p> og </p> vises ikke i browseren, men bruges i stedet til at […]
HTTP/2
HTTP/2 (HTTP version 2) er den nyeste udgave af HTTP-protokollen som bruges i kommunikationen mellem webservere og browsere. HTTP/2 blev en standard i maj 2015 med RFC 7540, næsten 20 år efter at den nuværende HTTP/1.1 blev standardiseret i 1997. Et af målene med HTTP/2 er at reducere den tid der går fra en browser sender […]
oTranscribe
Forleden skulle jeg transskribere en lydfil på ca. 25 minutter. Jeg er ferm til blindskrift, og har tidligere transskriberet mange, mange timers landstingsforhandlinger. Men dengang foregik det med ETB (eletronisk tekstbehandling) og fodpedal til at starte/standse lyden… Det gik ikke at sidde og skifte mellem lydafspiller og dokument mens jeg lyttede og skrev ned – […]
Kom nemt igang med at bruge en Icon Font
Bootstrap bruger Glyphicons, Foundation har deres egen samling, der findes Font Awesome, IcoMoon, The Noun Project, IconFinder og mange, mange flere… der er ikoner overalt på internettet. Ikonerne kan indsættes som <img>, som <svg> eller som Icon Fonts. Material Icons Google har også lavet deres egne ikoner til Material Design – og det er måske den allernemmeste måde at komme igang med at bruge Icon Fonts, især hvis man […]
Spam and Blocklists
Note If you came here to learn how to get your IP delisted from Symantec Cloud’s email filter: Sorry, you can’t. Email Filtering Spam is annoying because it distracts and makes it harder to identify email messages that need attention. Unwanted emails also frequently have attachments with content that can damage your computer, or they can […]
Getting off Hotmail’s blocklist
tl;dr: Before contacting Microsoft about problems sending email to @hotmail.com addresses, check your IP address’ reputation with Symantec here. When setting up a new VPS you sometimes discover that the IP address you have been given is blacklisted or has a negative reputation, perhaps because the previous tenant was spamming or hosting a compromised website with […]
Under construction
“X bygger ny hjemmeside. Hjemmesiden vil være tilgængelig snarest muligt, så vi håber at se dig snart igen!” Tja, jo. Måske? Får du lyst til at gå og huske på at X måske snart får nyt website? Husker du i givet fald at checke om Xs nye website er oppe? Eller går du bare videre […]
XSS sikkerhedshul i mange WordPress temaer og plugins
WordPress har en nyttig add_query_arg() funktion der kan bruges til at føje en query streng til en URL. F.eks: add_query_arg() sørger automatisk for at URL’en formateres korrekt når der er flere query variabler, f.eks: Læg mærke til at add_query_arg() i eksemplet ovenfor bevarer det eksisterende ?view=list query, og at brugen af ? og & håndteres korrekt. Der findes en tilsvarende funktion remove_query_arg() som bruges til at fjerne en […]