WN - CSS som gäller idag?

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - CSS som gäller idag? (https://www.wn.se/forum/showthread.php?t=28783)

Citat:

Originally posted by Bjarne@Apr 21 2008, 16:01
Ett allmänt tips för att arbeta med CSS är att börja med innehållet och liksom arbeta utåt med layouten därefter.
Många jobbar med en bas-css fil där man resettar stilarna för vissa element, eftersom det ofta är samma genom olika projekt. Men inte alla resettar:http://snook.ca/archives/html_and_css/no_css_reset/

Personligen använder jag alltid en reset.css innan all annan CSS i mina projekt.
Reseten jag använder är utvecklad av Eric Meyer.

Rekommenderar starkt att arbeta med en reset på det sättet, det har underlättat för mig väldigt mycket när det gäller att "få det att funka i alla jävla webbläsare" :rolleyes:

Spännande, tack alla som bidragit. :)

Citat:

Ursprungligen postat av martine

Citat:

Ursprungligen postat av Bjarne

Sen skrev nån att man ska använda div:ar till allt utom tabulär data, vilket inte riktigt är att rekommendera. T.ex menyer är oftast listor osv.

Just det. Värt att understryka:
för listor använd ul, ol och dl
för rubriker givetvis h1, h2, h3, … och p för löptext

Hear hear..

Citat:

Originally posted by Johan_S@Apr 21 2008, 12:08
Jätte tacksam för era svar. Finns det några bra exempel på hur en bra CSS sida bör se ut och hur den bör vara upplagd? Någon i tråden nämnde tidigare att första sidan bara ska ha div taggar och text, dvs att i CSS-filen finns all information om bilder osv.

Men finns det några bra exempel? Jag har ett exempel som jag tror är bra men det är en sida som just nu finns under försäljningsförumet, känns lite dumt att hänvisa till en design som är under försäljning? Eller?

Mvh
Johan

Började här,

http://www.w3schools.com/ - givetvis
http://www.mezzoblue.com/zengarden/alldesigns/
http://www.csszengarden.com/

Sedan googlade jag följande under tiden jag lärde mig.

CSS Naming Conventions
CSS Hacks
Semantic Code
CSS top 10/15/20/50/100 tips
CSS tips and tricks

Och tagit det bästa och utvecklat en egen "standard".

Lite exempel på vad jag har tagit från det jag läst.

#1 Namnge element efter vad de innehåller inte var de är positionerade eller hur de ser ut

#2 Använder och uppdaterar min reset.css från http://developer.yahoo.com/yui/reset/

#3 Använda font-size: 62.5% och hålla mig till em mått istället för pixel mått. I vissa fall måste jag använda pixlar dock.

#4 Endast använda tabeller för tabulär data, i vissa fall använder jag tabeller till annat för att undvika en massa hack.

En bra bok för övergången är:
Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS
http://www.456bereastreet.com/archive/2006...gn_book_review/

Har nyligen kommit i en andra utgåva.

Citat:

Originally posted by Bjarne@Apr 22 2008, 16:59
Ruskigt bra bok: http://astore.amazon.com/456bereastree-20/...9744528-0467156

Håller helt och hållet med, mycket bra information.

Däremot är Bulletproof-booken mycket bättre för dem som går över från tabeller till css eftersom den både förklarar hur och varför man genomgående ska använda css och lämpliga element.

Jo, visst.
En annan väldigt bra övergångsbok är Zeldmans Designing with Web Standards: http://astore.amazon.com/456bereastr...744528-0467156

Har bara läst första editionen men den är verkligen bra just som övergångsbok.

Andra måste-ha-böcker, när vi ändå är inne på ämnet :) :

Transcending CSS: The Fine Art of Web Design (http://astore.amazon.com/456bereastr...744528-0467156)
Don't make me think (http://astore.amazon.com/456bereastr...744528-0467156) - Ingen CSS bok, men ändå.
Web standard creativity (http://www.amazon.com/exec/obidos/AS...6bereastree-20)

Om jag får säga min åsikt:

Tabeller är/har aldrig varit till för att göra design av utan tabeller är till för att strukturera upp data.

t.ex. Om någon kan php + MySQL så är det oftast lättast att skriva ut allt från databasen i en tabell, alltså strukturera upp det.

Många tycker det är enklare att använda en hel tabell för att göra en design till, visst det är mycket lättare men skulle jag sett koden skulle jag inte tagit det så jätte seriöst.

Med CSS kan du göra en likadan design som du gjord med tabellen även bättre + så ser det mycket mer professionellt ut. Även att formatera texten med CSS är mycket bättre än att skriva allt i HTML koden. HTML koden blir mer lättlöst och du kan göra mer med CSS.

Så jag föredrar CSS som ni kanske förstår, jag kan säga att 90% av dom JAG vet, föredrar också CSS

//WebbHelp

CSS är jättebra för det mesta, dock har den en del problem som snubbarna på w3c aldrig åtgärdar. Tabeller funkar mycket bättre än CSS för att få upp den första strukturen på en design, sedan funkar div fint. Ett annat problem är centrering i höjdled...

w3c är extremt sega... CSS 3 räknas väl som vaporware numera...