CSS stylesheet opmaken/volgorde

  • Opgelost kaiszer

    (@kaiszer)


    9 jaren, 1 maand geleden

    Voor mijn website http://www.meerdanpixels.nl gebruik ik een zelf gemaakt thema.

    Uiteraard heb ik ook de CSS zelf geschreven in de stylesheet.

    Ik loop er echter tegenaan dat deze nu wat rommelig wordt omdat er zo veel in staat.

    Is er een site/heeft iemand tips over een logische volgorde en/of opbouw van mijn stylesheet?

    Ik weet dat er site zijn die de CSS kunnen opschonen etc, maar dat wil ik niet. Ik heb een hekel aan sites/plugins die dingen voor mij doen zonder dat ik het begrijp. Ik wil het zelf kunnen doen 🙂

    Alvast enorm bedankt!

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • W.P. Ginfo

    (@wp-ginfo)

    9 jaren, 1 maand geleden

    Hi,
    Het ligt voor de hand zaken gestructureerd op te stellen om het onderhoud te vergemakkelijken.

    Ik werk ‘van boven naar onder’; en van ‘links-naar-rechts’, binnen een blok.
    Ook het maken van ‘aantekeningen’ in je code vind ik handig. Na verloop van tijd weet ik zo nog terug te vinden hoe ’t zit…
    Meest voor de hand liggend:

    == == == algemeen
    font, koppen, maten van de diverse blokken die je layout vormen

    == == == header

    • logo, titel, slider, search

      • == == == menu

    • menu, sub-menu, hover… etc.

      • == == == content

    • alle elementen die tot de content behoren

      • == == == sidebar

    • maak ook een aparte opmaak voor het widget-deel

      • == == == footer

    • Ook de footer biedt zo zijn eigen mogelijkheden. Hou ze bijeen.

      • == == == specials
      Heb je ergens een speciale truuk uitgehaald? zet die dan apart…

    Thread starter kaiszer

    (@kaiszer)

    9 jaren, 1 maand geleden

    Nou, zo deed ik het ook maar op een gegeven moment wordt het wat veel/onoverzichtelijk.

    Ik probeer het nu zo met verschillende @import sheets:

    – CSS Reset
    – Algemene HTML elementen (A-Z)
    – (Pseudo)Classes (A-Z)
    – Pagina (volgorde) Positionering
    – Pagina (volgorde) Styling

    Binnen elk element/class alles op alfabet gesorteerd

    Het werkt nu wel, maar ik ben bang dat wanneer ik weer allerlei types pagina’s binnen deze onderverdeling ga toevoegen, ik weer in het oude verval.

    De scheiding tussen positionering en styling is wel heel handig, omdat je vaak aan een van beide moet sleutelen.

    Thread starter kaiszer

    (@kaiszer)

    9 jaren, 1 maand geleden

    Hmm, mijn nieuwe methode werkt ook niet helemaal lekker.

    Ik denk dat ik voor een combi van mijn huidige werkwijze + jouw suggestie, W.P Ginfo.

    Bedankt.

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘CSS stylesheet opmaken/volgorde’ is gesloten voor nieuwe reacties.