Sök  
 
Skribent Inlägget Löst
Google
 
     

  Forum » Kolla in min sida » Ny sida med HTML 5 och CSS 3  
 
Skriven av: vimpyboy | den 12 juli 2010 Kl 16:16
Ny sida med HTML 5 och CSS 3
Jag håller på med en ny sida till mig själv byggd med HTML 5 och CSS 3. Jag är rätt kass på design, men är ändå rätt nöjd än så länge. :)

Den enda bilden som används på sidan är bakgrundsbilden, resten är CSS.

Den finns här:
http://beta.mikaelsoderstrom.se

IE 8 klarar inte av att visa den särskilt bra, men IE 9 gör det perfekt. Chrome har även en bugg för border-radius, så länkarna kan se knasiga ut i menyn med det. Jag har inte testat Firefox 3.6, utan bara betan av Firefox 4. Opera 10.60 och Safari 5 visar den korrekt.

Testar ni i någon annan webbläsare så säg gärna till hur den ser ut där!

Kom gärna med kommentarer. :)

Antal svar 15



NAVIGERING: [1] 2
Skriven av: Roosweb | den 12 juli 2010 Kl 16:45
Såg bra ut! Testade den lite snabbt i FF 3.6 och den liksom "laggar" i webbläsaren när man scrollar sidan, vet inte om det beror på webbläsaren, din sida, eller något annat. Själva sidan ser dock toppen ut och jag hoppas verkligen att webbläsarna ligger i nu så att man kan börja använda HTML5 och CSS3 alltmera!
Skriven av: vimpyboy | den 12 juli 2010 Kl 17:16
Tackar! :)

Ska bli riktigt kul när webbläsarna får allt bättre stöd för CSS 3 och HTML 5. Skönt att slippa skapa png-bilder för runda hörn, skuggningar och annat.

Det är förresten bara tre div-element på sidan, resten är element från HTML5. :)
Skriven av: hejahv | den 13 juli 2010 Kl 09:39
Hur får du till de runda hörnen nu då?
Skriven av: gisjoe | den 13 juli 2010 Kl 10:01
Så är det nya taggar i html5?
Vad är bra med CSS3?
Skriven av: Stefan | den 13 juli 2010 Kl 10:30
Klart det är nya taggar i html5, bland annat <video>

Bra med CSS3 är bland annat rundade hörn, opacitet och lite annat smått å gott
Skriven av: vimpyboy | den 13 juli 2010 Kl 10:56
Jag använder en del nya element som article, section, header och annat.

De CSS 3-funktioner som används där är opacity, border-radius, box-shadow och lite annat.

Den enda bilden är som sagt bakgrundsbilden på sidan. Allt annat (skuggor, runda hörn, genomskinliga element osv) är CSS.
Skriven av: rille77 | den 13 juli 2010 Kl 11:07
Nice!
Det är nästan så att Chrome 5.0.375.99 visar den som den ska.
Det är länkarna i menyn som inte riktigt vill, fast jag tycker det ser ut som om det är opaciteten som inte funkar.

Man har längtat efter att det ska komma ordentligt stöd för html 5 ochh css 3 ett bra tag nu s man får hoppas att det lossnar ordentligt nu.
Skriven av: minimunk | den 13 juli 2010 Kl 11:11
Tyvärr är det ju en showstopper att det inte fungerar i IE 8
Skriven av: vimpyboy | den 13 juli 2010 Kl 11:32
IE 8 har inget särskilt bra stöd för HTML 5 och CSS 3. Känner inget behov av att anpassa det för webbläsare utan.
Skriven av: minimunk | den 13 juli 2010 Kl 11:41
Nej men för oss som gör webbar till företag så går det inte att bortse från den webbläsaren som många gånger 90% av deras besökare använder. Hade det fungerat i IE8 och FF3.5 så hade jag kunnat tänka mig att börja smyga in prylar från CSS3, nu får jag tyvärr vänta.
NAVIGERING: [1] 2
 
     

  Svara på inlägg  
 
Du måste vara medlem på ASPsidan för att kunna skriva i forumet.
För att bli medlem klicka här.
 
     

  » Logga in  
 
Användarnamn

Lösenord

 
     

  » Bli medlem  
  Bli medlem på ASPsidan!  
     

     
  Microsoft  
     

  » Partners  
  Comsolvia  
     
  » ANNONS  
  ingen annons än  
     

  » Senast online  
  Endast för inloggade  
  Antal inloggade: 1  
     

Copyright © 2007 www.ASPsidan.se
ingen sponsrar längre ASPsidan med Dedikerad Server
ASPsidan RSS
   
 XHTML / CSS
Det tog 0,1250 sekunder att ladda sidan