Hoe wij het gebruik van modules voor de organisatie van de

voor ons hoe wij het gebruik van modules voor de organisatie van de voorkant van onze code,,,, ooit een grote gebieden als een + van het behoud van de CSS, duurzame ontwikkeling en de concentratie op http: //europa.eu.int en javascript?Ik zeg je, we hebben dat met het oog op het behoud van het netjes en het onderhoud van de problemen van de CSS,.,, de eerste stap in dit proces is een manier te vinden om de CSS van de enorme behoeften van de chaos niet onvermijdelijk, van oudsher gebruikt. En CSS, bouw je stijl je Ze nodig hebt. Je keuze en de inspanningen van de algemeen toepasselijke herhaald gebruik van het hele gebied.Bijvoorbeeld, de volgende is een eenvoudige regels van de CSS, niet onverenigbaar is met de stijl, de lettergrootte: 22px, H1 (;). Titel: 18px lettergrootte {;}, als je moet herschreven worden in een bepaald deel van deze pagina 's -, je kunt gebruiken... - regels voor de bouw van deze Doelstelling nog specifieke elementen:,, H1 (lettergrootte. Titel: 30px;). Titel: 28px lettergrootte, ondertiteling {} {Titel; kleur: a.navigation. Websiteˆfd2}..., deze methode intuïtie correct, maar als het op een website, is er meer dan een paar pagina' s met een duidelijk de ontwikkeling van de vraag, en meer personeel. En als we veranderen van vorm, H1, of,, ondertiteling, op mondiaal niveau?En de omvang van de bron, is een meer concrete wijze te herschrijven, maar als we toevoegen, het lettertype gewicht, of de hoogte van de lijn, dat zou het niet.Een van de wijzigingen aan de stijl en en kan invloed uitoefenen op de wijze waarop de onvoorspelbaarheid van de niet in de plaats van de misdaad al stijl van uitgebreide kennis op specifieke wijze, meer stijl, de bouw, de meest voor de hand liggende "bijwerkingen" interactieve CSS - zal de test en haat fout. Je moet uiteindelijk leiden tot correctie van de productiviteit, verlies en meer insecten naar de productie van Bem module,.,,, om te voorkomen dat dit probleem, wij met behulp van een methode op basis van de grens van de CSS.In plaats van de toepassing van de definitie van de stijl in de rest van de wereld, alle modellen zijn geïsoleerd als onafhankelijke "blok" manier noemen.De definitie van "blok", meer of minder, als een afzonderlijke eenheid van de inhoud van een mogelijk kan worden hergebruikt (hoewel het niet verplicht, maar in feite kan worden gebruikt), bijvoorbeeld, laten we in de kolom met kenmerken van een "blok zien:,,,,, dat volgens ons noemen. Een stuk van een van de wortels van de elementen die met de naam,, speciale programma 's.Het bevat de naam en featured-sections__title featured-sections__section-link, zoals,,,,, het gebruik van die elementen. We noemen we de bron van de praktijk, zodat alle stijlen, die paragraaf, opslaan blok in module /featured_section. Sass, selectie van marge:,,.: 0 0 0 dollar top: 8px vullen. Op de grens van de vaste breedte: 4px&#dae1e5. Featured-sections__title kleur:fa6b3 lettertype: Vetgedrukt deel van de dollar /1.2em lettertype, om ervoor te zorgen dat de naam niet van conflicten met elkaar.Als we de naam is gevolgd, en de naam van elke klasse van blokken in de naam van het begin van de, een stijl van invloed zijn op de eigen buiten het blok, niet mogelijk is. En dat maakt het ook gemakkelijker om naar de opslagplaats waar de Super relevante elementen in stijl.Je kunt alleen kijken naar de elementen van de naam van de klas, weet je de naam van de CSS open, de code, modulaire, kiezen we verder gaan op de naam van onze standpunten, ook.Elk blok met dezelfde naam heeft een oog, opgeslagen in het oog /de module.Zoals ik, een selectie van: //europa.eu.int /comm /, met advies /modules /_featured_sections. SLIM: in onze CSS dossier naamgevingsconventies kan gemakkelijk een CSS - op dezelfde wijze als de,,,,,, is de nomenclatuur voor de standpunten van onze overeenkomst om de Code makkelijk vinden.Als je in de browser op pagina 's, dat is erg handig, en wijst op de noodzaak tot een wijziging van een bepaald deel van.Kun je een "onderzoek elementen en het gebruik van de naam" blok duidelijk zichtbaar de CSS - elementen te helpen je springen op de standpunten van de rechten, de documenten, de modulaire javascript. En we hebben al eerder door ons javascript dezelfde naamgevingsconventies, een beetje hulp van de schacht. Js.,, per stuk moeten javascript gedrag van toepassing krijgt een ruggengraat oog object met dezelfde naam window.accountheader blok, uitbreiding van de ruggengraat, klas. De gebeurtenissen veranderen. Account-header__mobile-menu-select: "mobilemenuchange" mobilemenuchange:- > document.location = @ _selectedoption (). De gegevens ('url ") _selectedoption:- > @ $opties kiezen", we hebben: schreef een oog - Code is van toepassing op de eerste bladzijdeWacht even, dus het juiste is de ruggengraat van de elementen die de CSS - een reeks generieke naam verbonden is automatisch laden.,, we gebruiken hetzelfde bestand genaamd javascript code verdragen, waardoor de structuur van alle functionele luchtruimblokken, ziet er als volgt uit:,,,,, in het algemeen van toepassing is, ben ik sterk aanbevolen deze methode op een project.Ik wil in een groot project is van onschatbare waarde, zelfs als je werkt in een kleine plaats, waar geen tekortkomingen in de structuur van de voorkant van de modulaire aanpak je code, dat wil zeggen, je kan de problemen van de wereld, als je wil hebben de CSS, veel door gebruik te maken van deze strategie, of als je op de CSS bibliotheken zoals Twitter leiden.Aangezien de bem wijze gebruik te maken van een soort als de naam van hun keuze, ze hebben een zeer lage CSS "speciale" van de waarde van de mondiale, en zal zich op de CSS, vaak meerdere niveaus een nest - etiket, en naam en id.,, het is waarschijnlijk van de wereld de CSS - Mobiele een modulaire Bem stijl, denk ik dat het zeer de moeite waard is op de lange termijn.Maar dat is een beetje moeilijk, wanneer het gaat om de vaststelling van de bem je voor een tijdje, en klaar om te leven, een stijging van ten minste een aantal tijdelijke,!Belangrijker is, in de verklaring tot je CSS, kan je volledig af van je stijl.

Tuts Featured Sections Block
Tuts featured-sections block
Fully-featured block structure



Previous:
Next Page: