Hoe is jullie CSS uitlijning?

Bjarnootjuh schreef:

Eerdere citaten tonen

Janm schreef:

Eerdere citaten tonen

Livonias schreef:

Ik vind manier 2 echt vreselijk onoverzichtelijk. Doe mij manier 1 maar.

Precies hetzelfde hier. Bjarn had voor mij een site gebased en had ook alles via manier 2. Meteen omgezet naar manier 1 want dat is lekker overzichtelijk.

Haha Doe ik speciaal voor jou de volgende keer ook manier 1

Oh, maakt niet heel veel uit hoor. Als ik iets base ga ik altijd precies kijken op de pixel nauwkeurig en alle divs even doorlezen zodat ik weet wat wat is en hoe je het hebt gebased en dan doe ik dat meteen altijd even.

2.

Ik doe meestal ook zoiets als

#menu { }
    #menu ul {}
        #menu ul li {}
            #menu ul li a {}
#content {}

oid

De beste keuzen van deze 3 is 1, daarna komt 3 en dan 2

#menu {
    background: #FFFFFF;
}

    #menu ul {
        background: #FFFFFF;
    }

        #menu ul {
            background: #FFFFFF;
        }

    #menu p {
        background: #FFFFFF;
    }

#content {
    background: #FFFFFF;
}

Manier 1. Maar dat is enkel in ontwikkelomgeving. Als ik het online zet dan maak ik toch een backup, en de site die online gaat haal ik dan door een minifier heen (JS en CSS) zodat de bestandjes kleiner zijn en gebruikers dus minder (onnodige) data binnen hoeven te halen.

Ik vind manier 1 altijd wel het makkelijkst, de rest maakt het hoe dan ook erg onoverzichtelijk vind ik zelf.
Maarja iedereen heeft een eigen manier van doen.

Combinatie van 1 en 2.
Voor tags/elementen of hoe je het wilt noemen die maar 3 of 4 eigenschappen hebben kan je makkelijk 2 gebruiken, voor de rest 1.

Lennard schreef:

Meestal heb je toch geen hele lappe codes per tag zegmaar, dus dan is 2 ook wel overzichtelijk.

Ik heb toch wel meestal bij ieder element dat ik style zon 4-8 lijnen
Ontopic:

Ik gebruik manier 1, als je hem wilt inkorten kun je dan nog later altijd een compressor gebruiken en dan i.p.v. style.css, style.min.css gebruiken

Ik gebruik manier 1, mooi overzichtelijk

manier 2, doe ik al 8 jaar en blijf ik ook doen. Ik hou niet van teveel regels (haha met css dan )

Ik doe het altijd zo.. Idk why maar dat doet notepad++ op een of andere manier bij mij automatisch..

html body div.hoi span.hierKomtTekst
     {
          tag: value;
          tag: value;
          t..
     }

Als ik het dan live zet doe ik net als Aarclay minifieen.

Waarom met de dubbele tab?

Eleky schreef:

Waarom met de dubbele tab?

Mijn scripting style Ik vind het zo gewoon overzichtelijk als ik er mee bezig ben,
als ik het online zet doe ik altijd minifieen

op mijn opleiding interactief vormgeven.
moeten we manier 1 gebruiken,
mijn stage isaac web solutions gebruikt ook manier 1