Der er en enkelt feature i den nyeste udgave af Firefox, som jeg har glæde af dagligt, STOR glæde, og som er så fint udført: Man kan så nemt som ingenting tage et screenshot af browservinduet, af dele af det, eller af hele indholdet i browservinduet, uanset hvor meget indhold der er. Højreklik et sted i […]
Stickleblog
Med på arbejde: Fredag
Lisa arbejder gerne i lidt utraditionelle stillinger: View this post on Instagram Tro det eller ej, men der arbejdes 😀 #medpåarbejde A post shared by Tom Risager (@tomrisager) on Dec 15, 2017 at 2:24am PST Jeg har holdt fri – jeg klarede at slappe af i ca. 20 minutter, så fandt jeg på noget at […]
Med på arbejde: torsdag
Vi kan godt li’ at ordne verdenssitation over en kop morgenkaffe, inden vi får alt for travlt: View this post on Instagram Morgenmødet (OK, formiddagsmødet) tager vi på Las Rejas i dag. Som næsten hver dag, undtagen tirsdag hvor Enrique holder fri, og fredag hvor vi holder til på Al Timon fordi de serverer bocadillos […]
Med på arbejde: onsdag
En travl dag, hvor vi har arbejdet med hver vores projekter, men også har blandet os lidt i hinandens arbejde, og desuden haft telefonsamtaler og emails om diverse andre projekter. Vores kaffemaskine er en Aeropress: View this post on Instagram Kaffemaskinen består af flere dele #medpåarbejde A post shared by Tom Risager (@tomrisager) on Dec […]
Med på arbejde: tirsdag
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 […]
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 […]