stickleback.dk

Webudvikling – enkelt og brugervenligt

Kategori: Stickleblog

  • Med på arbejde: mandag

    Lisa Risager

    Categories:

    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: […] Read more

  • Med på arbejde: søndag

    Lisa Risager

    Categories:

    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 […] Read more

  • Madopskrifter og metadata

    Lisa Risager

    Categories:

    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 […] Read more

  • Borg or Restic?

    Tom Risager

    Categories:

    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 […] Read more

  • Browser extensions

    Lisa Risager

    Categories:

    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 […] Read more

  • CSS Grid med fallback

    Lisa Risager

    Categories:

    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 […] Read more

  • Re-Learning JavaScript

    Tom Risager

    Categories:

    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 […] Read more

  • Skriftstørrelser og responsive websites

    Lisa Risager

    Categories:

    På responsive websites er tekststørrelsen ofte lidt et smertensbarn. Billeder kan automa­tisk 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 […] Read more

  • Hvilken browser bruger du?

    Lisa Risager

    Categories:

    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 […] Read more

  • Backups Everywhere!

    Tom Risager

    Categories:

    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 […] Read more

  • Handmade Computer & Resilient Web Design

    Lisa Risager

    Categories:

    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 […] Read more

  • React Unit Testing with Jest and Enzyme

    Tom Risager

    Categories:

    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 […] Read more

  • CSS Grid – kan det bruges?

    Lisa Risager

    Categories:

    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 […] Read more

  • Inline svg-ikoner

    Lisa Risager

    Categories:

    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å […] Read more

  • Demo Dag

    Lisa Risager

    Categories:

    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 […] Read more

  • WordPress billed-gallerier

    Lisa Risager

    Categories:

    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 […] Read more

  • Scrutiny5

    Lisa Risager

    Categories:

    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 […] Read more

  • oTranscribe

    Lisa Risager

    Categories:

    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 – […] Read more

  • Kom nemt igang med at bruge en Icon Font

    Lisa Risager

    Categories:

    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 […] Read more

  • Under construction

    Lisa Risager

    Categories:

    “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 […] Read more

  • Brug wp_nav_menu i WordPress-temaer

    Lisa Risager

    Categories:

    Tilpas mark-up af WordPress-menuer – så bliver det nemmere at lave styling til flere forskellige menuer på samme site. Den helt enkle måde at bruge WordPress’ menuer i et tema er at placere wp_nav_menu()i en tema-fil – så vises enten den første menu der er oprettet via Kontrolpanel > Udseende > Menuer, eller (hvis man ikke […] Read more

  • Billeder og WordPress

    Billeder og WordPress

    Lisa Risager

    Categories:

    Billeder er ofte en væsentlig del af et websites indhold og WordPress forbedrer løbende mulighederne for at uploade, redigere og anvende billeder. 1. Tilføj billede Klik på ‘Tilføj medier’ for at begynde at uploade billeder til en side eller et indlæg: eller upload billeder via Kontrolpanel > Medier > Tilføj ny. OBS: Billedernes filnavne bør […] Read more

  • Hvorfor kan jeg ikke redigere i tema-filerne?

    Lisa Risager

    Categories:

    Det er så nemt at rette i et WordPress-tema via kontrolpanelet i WordPress: Kontrolpanel > Udseende > Editor. Det gælder også plugins, hvor man dog får denne advarsel: En tilsvarende advarsel får man ikke når man prøver at redigere i tema-filerne, men det kan faktisk være lige så ‘farligt’, og vi har derfor valgt at […] Read more

  • Browseren er død – igen, igen

    Lisa Risager

    Categories:

    Browseren er blevet erklæret død mange gange i tidens løb. F.eks. forudså Wired Magazine allerede i 1997 at vi var på vej mod en post-html internet hvor browseren ikke længere ville spille nogen rolle, og lignende forudsigelser er dukket op med jævne mellemrum lige siden. I dag kommer den primære trussel fra mobile apps til […] Read more