dato search shopping envelope Pinterest youtube LinkedIn Facebook Twitter instagram search

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

Skriftstørrelser og responsive websites

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

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

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

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

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

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

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

Brug wp_nav_menu i WordPress-temaer

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

Billeder og WordPress

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

Hvorfor kan jeg ikke redigere i tema-filerne?

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

Browseren er død – igen, igen

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

Slugs, permanente links og hvordan man undgår at forvirre WordPress

På WordPress-sites bruger vi ofte kategorier til at gruppere indhold (produkter, ydelser, kundeoversigter, medarbejderoversigter m.m.), men er ikke så tilfredse med de url’er (URL står for Uniform Ressource Locator, også kaldet www-adresse) WordPress leverer, f.eks. stickleback.dk/category/kunder Man kan selv ændre /category/ til f.eks. /kategori/ eller /type/ eller noget helt andet, men helst vil vi nøjes […]

Husk at vedligeholde dit website

Fordi et website ikke er som en trykt brochure, giver det god mening at bruge ressourcer på løbende vedligeholdelse, i stedet for bruge penge på at få lavet en ny hver tredje år. Tøj skal vaskes, hække skal klippes, CV’er opdateres – og det skal websites også. Det er ikke nok at få lavet et […]

WordPress-brugeren “admin”

Hvis man søger på nettet efter tips til at sikre sin WordPress-installation mod hackere, så er et af de mest udbredte råd at undgå at kalde admin-brugeren for “admin”. Men gør det egentlig nogen forskel om man bruger “admin” eller ej? Brute-force angreb på WordPress hjemmesider er en helt almindelig hacker-teknik, og vi oplever disse […]

Farver og web design

Farver er svære at beskrive med ord, blå kan f.eks. være alt fra Danske Bank-blå til den  lyseste lyseblå  og det der ser fint ud på din nye computerskærm kan se helt forfærdeligt på min gamle skærm… men der findes heldigvis redskaber der kan hjælpe med finde frem til de helt rigtige farver til et […]

Tilmelding til nyhedsbrev via hjemmesiden

Når beslutningen om at udsende nyhedsbreve er taget, skal der selvfølgelig være mulighed for at tilmelde sig nyhedsbrevet. Vi bruger oftest MailChimp, som er forholdsvist nemt at komme igang med at bruge og hvor man kan lave en tilmeldingsformular på WordPress uden at bruge plugins. Desuden kan man vælge om man vil udsende nyhedsbreve ‘gratis’ […]

Sådan finder du gratis billeder til brug på nettet

På flickr ligger der masser af Creative Commons fotografier, som – afhængig af hvilken CC-licens de har – man gerne må bruges på websites m.m. uden at krænke fotografens ophavsret. På flickr.com/creativecommons er der en kort beskrivelse af de forskellige licenser, på creativecommons.org er der en mere udførlig forklaring. Der findes flere forskellige online værktøjer […]

Dropdown-menuer i WordPress

WordPress danner automatisk en navigationsmenu i headeren. Hvis du har op til 5-6 siders indhold kan denne menu fint dække behovet, men hvis du har meget indhold på din hjemmeside, kan det hurtigt blive uoverskueligt. Så hvis du har meget indhold, eller bare gerne selv vil bestemme rækkefølgen, kan du via Kontrolpanel > Udseende > […]

God og dårlig stil i WordPress tekstredigering

Det er nemt at udgive nyt indhold ved hjælp af WordPress: Opret en ny side eller et nyt indlæg, skriv en overskrift og teksten, tilføj evt. et billede og udgiv. Alligevel kan det være godt at kende et par genveje til smukkere og læsevenlig tekst. Prøv at eksperimentere med at markere din tekst og klikke […]