Jump to content

haugsand

Medlemmer
  • Content Count

    2487
  • Joined

  • Last visited

Community Reputation

14 :)

About haugsand

  • Birthday 10/06/1986

Profile Information

  • KjĂžnn
    Mann
  1. Du kan bruke lang-attributtet til Ä angi flere ulike sprÄk samme nettside. Bruk <html lang="no"> for Ä angi at det er et norsk nettsted, og legg til lang="en" pÄ elementer som er omkranser engelsk test. Declaring language in HTML
  2. StÞtte for flexbox er 94,1 % pÄ verdensbasis, og enda hÞyere i Norge, om du tar hensyn til kjente, beskrevne feil i IE11 og andre nettlesere. Siden bruk av flexbox kan fÞre til vesentlig forenkling av kode, synes jeg det er verdt Ä vurdere i nye prosjekter. VÊr oppmerksom pÄ at mobile nettlesere forsÞker Ä skalere tekststÞrrelser pÄ egen hÄnd dersom viewport ikke er angitt. OppfÞrselen kan variere fra nettleser til nettleser, og er ikke alltid forutsigbar. Enkelte elementer fÄr for eksempel skalert tekststÞrrelse, mens andre ikke fÄr det.
  3. StÞtten for flexbox begynner faktisk Ä bli meget god, og kan trygt brukes, sÄ lenge du tester siden en ekstra gang i IE 11: http://caniuse.com/#search=flexbox Et meta viewport-element bÞr legges til head, sÄ siden skalerer riktig pÄ mobiler og pÄ andre skjermer med hÞy pikseltetthet: https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag Eksempel: <meta name="viewport" content="width=device-width, initial-scale=1"> I tillegg vil jeg anbefale fÞlgende teknikk for Ä angi dynamiske tekststÞrrelser: http://snook.ca/archives/html_and_css/font-size-with-rem
  4. Det kan ogsÄ vÊre nyttig Ä ta en titt pÄ CSS Columns.
  5. Hvorfor synes du det, webliz? I og med at det er sÄ lav aktivitet i denne delen av forumet, ser jeg ingen ulemper med Ä ha alt samlet i én kategori.
  6. a:active fungerer dessverre ikke pÄ denne mÄten, les mer her: https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aactive Her har du tre alternative metoder Ä lÞse problemet pÄ: http://www.apaddedcell.com/highlight-links-current-page-css
  7. Siden du omtaler dette som en tabell: Har du vurdert Ă„ bruke table-elementet i stedet for Ă„ bruke en liste? Å bruke Document Fragments kan gi ryddigere kode og bedre ytelse fremfor Ă„ legge alt til html-variabelen underveis.
  8. Legg til denne koden i head: <meta name="viewport" content="width=device-width, initial-scale=1"> Da kan du benytte max-width i stedet for max-device-width i CSSen din: @media only screen and (max-width: 1200px) { #floating-menu { font-size: 8pt; } #termostattabell { width: 750px; } }
  9. PrĂžv Ă„ sett height: 100%; og max-height til bildets hĂžyde i piksler.
  10. Interessant konsept, og en krevende oppgave! Et sÞkefelt er bÄde enkelt, fordi en bruker raskt kan skrive inn det han er ute etter, og vanskelig, fordi frihetsgradene er sÄ store. Jeg har noen innspill og kommentarer. Det er ikke sikkert alle er like relevante: Jeg liker at listen over drinker automatisk oppdateres nÄr jeg skriver inn noe i sÞkefeltet Har du vurdert Ä legge til kolonneoverskrifter, med sortering? Har du vurdert Ä legge til autocomplete-funksjonalitet? Jeg liker at de avanserte sÞkealternativene ikke vises som standard, men jeg synes samtidig ikke at sidebaren fungerer sÄ godt. Det kan vÊre vanskelig Ä fÄ oversikt over hva sÞkekriteriene er. Kan det vÊre en idé Ä i stedet Äpne opp de avanserte alternativene rett nedenfor sÞkefeltet? Kanskje "sÞk" og "utforsk" burde vÊre pÄ samme side? Med en knapp der du kan velge mellom enkel og avansert visning? Lykke til videre!
  11. Jeg er enig i din siste kommentar, Emancipate. Å bruke meta viewport er et viktig hjelpemiddel for Ă„ kunne mobiltilpasse en nettside, men er ikke relatert til diskusjonen om hvilken enhet som bĂžr brukes til Ă„ bestemme tekststĂžrrelse. Det var interessant Ă„ se hvordan text-size/zoom har utviklet seg de siste Ă„rene, men jeg kan ikke si meg enig i alt som stĂ„r i artikkelen jeg lenket til isted.. Jeg er selv en bruker av em, og har brukt denne metoden mye opp gjennom tidene: How to size text using ems. Fordelen med Ă„ angi tekststĂžrrelse i piksler i body, og ellers bruke relative enheter, er at stĂžrrelsesforholdet mellom de ulike elementene bevares. Det er mulig jeg tolker utsagnet ditt feil, men em skalerer i forhold til arvet tekst-stĂžrrelse, og ikke skjermstĂžrrelse. Her er forĂžvrig Googles anbefaling: Use Legible Font Sizes
  12. Jeg har en Samsung Galaxy S4, med en opplÞsning pÄ 1080 x 1920. Om jeg ikke setter meta viewport, vil nettsiden min tegnes opp med en bredde pÄ 1080 piksler. Siden mobilens skjerm er knÞttliten sammenlignet med en ordinÊr PC-skjerm, vil teksten derfor bli knÞttliten. Dersom jeg legger til meta viewport, vil nettleseren ta hensyn til enhetens device-pixel-ratio, der Galaxy S4 har en verdi pÄ tre. Dette fÞrer til at nettsiden min tegnes opp med en bredde pÄ 1080/3 = 360 piksler, noe som fÞrer til at teksten vil fÄ en normal stÞrrelse. Les forÞvrig artikkelen jeg lenket til, for Ä se eksempler. Jeg har ikke tid til Ä skrive en utfyllende forklaring pÄ de andre punktene, men dere kan lese dette innlegget: R.I.P. REM, Viva CSS Reference Pixel!. Dette innlegget diskuterer en del problemstillinger, men kunne vÊrt litt mer balansert. Chrome Developers anbefaler at du setter body { font-size: 16px; }, mens alle andre font-stÞrrelser settes i prosent. Finner dessverre ikke igjen den nettsiden nÄ.
  13. Javascript-filen din inneholder en referanse til et element med class="test", ikke id="test". PrÞv med fÞlgende kode: $(document).ready(function () { $('#test').click(function () { $('#test').fadeTo('fast', 0.1); }); }); Hva er det du prÞver Ä oppnÄ ved hjelp av den koden? At innholdet i <div id="test"></div> skal fades inn nÄr du klikker pÄ den?`I sÄ fall kan CSS transitions lÞse problemet pÄ en mer elegant mÄte.
  14. Jeg anbefaler deg Ă„ lese fĂžlgende artikkel: Pixel-Perfect UI in the WebView Oppsummering: Pikseltettheten pĂ„ en moderne smartfelefon og en ordinĂŠr PC-skjerm er ulik. Dette fĂžrer til at teksten som standard vil vĂŠre knĂžttliten pĂ„ en mobiltelefon, om det ikke gjĂžres noen tilpasninger. Om du legger til fĂžlgende kode i head-delen HTML-dokumentet ditt, tas det hensyn til at ulike enheter har ulik pikseltetthet: <meta name="viewport" content="width=device-width, initial-scale=1"> Du kan trygt bruke px til Ă„ angi stĂžrrelser, i stedet for em. Google anbefaler faktisk bruk av px. Å bruke px til Ă„ angi tekst-stĂžrrelser var fĂžrst og fremst problematisk da IE6 var den ledende nettleseren, siden tekst angitt med px ikke ble forstĂžrret ved bruk av browserens zoom-funksjonalitet.
  15. Leter du andre steder pĂ„ dette forumet finner du informasjon om det. SĂžk pĂ„ kgun Hayek site:www.diskusjon.no Personlig har jeg mer sans for Eugen von Böhm-Bawerk enn de to marginale Ăžkonomene du nevner. Tvilsom pĂ„stand. Et Google-sĂžk pĂ„ "kgun Hayek site:www.diskusjon.no" gir kun to resultater, og gir lite bidrag til diskusjonen. Er det ikke drĂžyt Ă„ kalle Hayek og von Mises marginale Ăžkonomer? Hayek vant tross alt en nobelpris, pĂ„ bakgrunn av sitt arbeid med von Mises' teorier. Kan du fortelle mer om hvorfor du foretrekker Eugen von Böhm-Bawerk? Å si at den Ăžkonomiske skolen har den mest troverdige forklaringen pĂ„ finanskrisen, er Ă„ kaste en brannfakkel inn i diskusjonen. Hvilke deler av deres teorier gjĂžr at du ikke kan si deg enig i utsagnet?
×
×
  • Create New...