stickleback.dk

Webudvikling – enkelt og brugervenligt

Tag: css

  • 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

  • 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

  • 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

  • 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

  • Farver og web design

    Lisa Risager

    Categories:

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