Poenget mitt handlet selvfølgelig ikke om nettsteder med såpass avansert funksjonalitet at det rett og slett ikke er mulig uten JS. Det var implisitt.
Men det er fryktelig mange nettsteder der ute som krever JS for ting man lett kunne løst med et <form> i bunn. Da får de som kjører uten JS...
Selvfølgelig tar man hensyn til det. Lager så mye funksjonalitet man kan få til uten JS, før man legger til alle bells and whistles med JS. Progressive enhancement.
Definitivt skummelt og definitivt få det bort. Med de filene der kan ufine fyrer gå til <ditt domene>/facebook_plugin.php?e=<command>, og få kjørt kode som skrives der det står <command>...
Da kan du f.eks. laste et eget stylesheet for IE8 og nedover på denne måten :
<!--[if lt IE 9]>
<link rel="stylesheet" href="ie.css">
<![endif]-->
(if lt IE 9 betyr "if less than IE 9")
I den css-filen legger du for eksempel inn dette :
.tekstdiv {display: block;}...
Joda :) Blir bare IE9 og opp dette også, så det er vel ingen forbedring strengt tatt. Bare enda et triks å ha i ermet.
<a href="#tekst">Les mer</a> <a href="#">Lukk</a>
<div id="tekst">masse masse tekst</div>
#tekst {
display: none;
}
#tekst:target {
display: block;
}
Det har du helt rett i! Men jeg fant det virkelig ikke bryet verdt å gå tilbake og redigere, siden poenget mitt var vel forhåpentligvis mulig å forstå, samme hvilken term som ble brukt regner jeg med...? Og det passer jo nesten, hvis man legger litt godvilje til ;)
Ser ellers at det virker å...
Sikkert de fleste ja, men ikke alle. Det kan være gamlemor som bruker sønnens PC, der han har blokkert Javascript. Og det er også andre grunner som på en eller annen måte forhindrer Javascript fra å fungere. Dette er også en del av universell utforming : lag nettsider som alle får brukt. Alt...
Du kan jo rett og slett bare legge denne advarselen inni <noscript></noscript> . Det aller beste er jo selvsagt om du kan få nettstedet ditt til å fungere på en grei måte også for de som ikke kjører Javascript, men det er ofte for mye forlangt... ;)
Legg til float: left i CSS for .logo så burde det løse seg :)
Da kan du også fjerne display: inline-block fra .logo, og også display: inline fra .main-menu
F.eks noe slikt :
div {
float: left;
}
#a {
width: 100%;
}
#b, #c {
width: calc((100% - 200px)/2);
}
#d {
width: 200px;
}
calc() støttes ikke av IE8, Opera Mini og Android, men ellers er du good to go :)
Jepp, hør på Olav, og kast den guiden fra 90-tallet du ble tilbudt her. Har ikke lest den personlig, men HTML har utviklet seg siden da, så mye i den kan nok være utdatert.
Dette nettstedet bruker informasjonskapsler (cookies) for å tilpasse innholdet, skreddersy din opplevelse og holde deg innlogget dersom du registrerer deg.
Ved å fortsette og bruke dette nettstedet, samtykker du i bruken av informasjonskapsler.