Vi arbejder gerne fra sydlige himmelstrøg i vintermånederne, hvis det i øvrigt kan fungere med de projekter vi er i gang med. De sidste par år har vi lejet en lejlighed i Arinaga på Gran Canaria, hvor decembervejret er lidt varmere end i København. Det er både en fordel og en ulempe at have et […]
Stickleblog
Med på arbejde: mandag
Tom er som regel først oppe og tidligt igang med dagens arbejde: View this post on Instagram Kontoret. Sofaen i baggrunden er @lisarisager's foretrukne arbejdsplads. #medpåarbejde A post shared by Tom Risager (@tomrisager) on Dec 10, 2017 at 11:31pm PST Lidt senere sætter jeg mig med min laptop i sofaen, gerne med musik i ørerne: […]
Med på arbejde: søndag
I denne uge tager vi jer med på arbejde i Stickleback. Det er søndag, og ja, vi arbejder gerne om søndagen. I dag har vi brugt en del tid på hovedrengøring af en laptop (der er virkelig meget der skal installeres og tilpasses inden den er klar til arbejdet igen!) og ellers er arbejdsdagen gået […]
Madopskrifter og metadata
Hvad ville internettet være uden kattekillinger og madopskrifter? Nej, vel? Strukturerede data og schema-markup Schema.org er et samarbejde mellem de helt store spillere på (søgemaskine-)markedet om struktureret markup af indhold på websites – i dette eksempel handler det om madopskrifter, fordi vi netop har været med til at relancere muttionline.dk Hvorfor bruge schema.org-markup? Helt enkelt: for at […]
Migrating Site(s) from a WP Network Installation
We recently had to move three websites out of a WP Network (“multisite”) installation. We took notes while we were working on this, but as it turned out almost everything we had to do was already documented in this excellent tutorial. The one issue we did run into was a problem where our admin user was […]
Borg or Restic?
In a previous article we wrote about some of the tools and services that we use on a regular basis to backup our Linux servers. Since then, Borg has become the tool that we rely on for most of our daily backup needs. It performs very well, it has all the features that we need, and it has proven […]
Browser extensions
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 […]
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 […]