, postcss - Gids: exploratie - 38,,,,,,,,,,,, 9 voorraden,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' dit artikel niet missen, is een reeks genaamd "postcss diep dive.postcss - Gids: gollum setupusing browser compatibiliteit postcss, zou je de vermeldingen van de vorige, in deze serie, postcss is alles over de « plug­in ».De keuze van de definitie van de « plug­in » zal je volledig uw ervaring met de postcss.  , omdat ze zo, algemene en fundamentele, blijven wij met de werkelijke postcss in de stijl, we moeten kijken naar hoe je kan onderzoeken postcss plug - in het ecosysteem.Dit zal je ook postcss door hoe machtig het standpunt en de functie die het niet mogelijk door middel van een andere middelen bestaan ook, we creëren. Daar kan je naar de laatste plug - ins die zijn ingedeeld in categorieën, en na te gaan hoe deze plug - in de laden op een logische manier, op zoek naar - Het project, als je begint te werken postcss drie positie, moet je op zoek naar Groot - postcss github pagina 's,.,,, de postcss github repo - homepage momenteel houdt een volledige catalogus van   plug - ins.Deze lijst zal regelmatig worden bijgewerkt, dus dit is een betrouwbare   naar ingrepen kunnen worden gebruikt om de verschillende aspecten van de ontwikkeling,.,,http: /////////postcss github website postcss&#- website   postcss catalogus,,,., vergeleken met de nieuwe, zeer verheugd over De wereld, naast de postcss website postcss.parts, dat voorziet in een een doorzoekbare postcss plug - in -.,,,, HTTP://postcss. Een deel van postcss Twitter @,,,,, en nu zien postcss is een nieuwe en interessante plug, regelmatig worden gepubliceerd.Deze twee standpunten niet op een nieuwe laat je niet weten als er   projecten die je niet gezien hebt.Dus, of vaak bezoek @ postcss volgen op Twitter dat is een geweldig idee.,,,, HTTPS://Twitter. COM /postcss,,, de aard van de « plug­in », « functie  , kan en postcss breedte is groot, dus dat is een geweldig idee is in het algemeen de plug - in - - je kan tegenkomen in je in getest.,, Pack, en de aard van het postcss is een modulaire CSS.Dus, persoonlijke - worden aangemoedigd die slechts een kleine groep van de functie van een strikte definitie.De stenen multifunctionele plug, doet alles ontmoedigd.,,, dat soms wil je een lange lijst van functionele concentratie aan een project, wil je liever geen afzonderlijke installatie vereist is en de configuratie van twintig verschillende plug - ins.Dit is het "pakket" een rol te spelen.   pakket samen onder de paraplu van de verschillende module betreft, om ze allemaal te installeren en de inzet van een keer.,, bijvoorbeeld in de precss pakket met negen onafhankelijke postcss plug - in het creëren van sass dezelfde functie.Het gebruik van de cssnano pakket voor ongeveer 20 postcss CSS - vereenvoudiging en verbetering.Door het gebruik van deze zak je jezelf redden van de installatie en de belasting - handboek.,, de toekomst, en de toekomst van de CSS -, is dat je de taal geschreven, we weten dat aan de W3C - normen te komen, maar het kan niet   in de volledige steun van de browser.,, bijvoorbeeld, wil je misschien gebruik kunnen maken van de komende acht of vier hex notatie     het creëren van ondoorzichtige kleur.Het creëren van een enigszins transparant blauwe kleur code kan je gebruiken als  ,�ffcc,  , of de afkorting  ,�fc, die   postcss kleur,   zes hoek α   plug - in de vorm van een brede steun voor omschakeling  , rgba (0,     0100% 0,8),.,,, de toekomst van de   postcss CSS bestaat het belangrijkste is cssnext pakket, te veel specificaties verenigbaar is met de toekomstige CSS.Maar op dit moment therouin ontwikkelaars, maxime op hoe de door het pakket een belangrijke verandering.Zo hebben we jullie toekomst CSS - training tot de voltooiing van de omschakeling (,, het staakt - het - vuren.,, de toekomst van de CSS   browser morgen de code werkt, is in feite de browser gisteren terug in de code.In een perfecte wereld, hebben we geen rekening moet worden gehouden met de oude en verouderde browser, maar de realiteit is dat er een aantal projecten voor de ondersteuning van de traditionele browser van essentieel belang is.De   postcss (plug - in de klas kunnen helpen bij het vinden van de woorden van al deze plug - in werking.,,., ik bedoel je schrijft je code, in overeenstemming met de normen van nu, en de « plug­in » vindt code moet automatische opneming van de kenmerken van hun erfgoed.,, bijvoorbeeld, kan je flat in de back - up van rgba (kleur, door de postcss rgba plug - in kleur), de kleur, of de toevoeging van de kenmerken van de door de postcss 8 verenigbaar, troebele, de opaciteit van de « plug­in ».De meest bekende Deze plug is autoprefixer, verhoogt dat de leveranciers de eisen voor, gebaseerd op gegevens van de caniuse. COM.,, zal je meer leren over de reserve - in de komende "in een reeks van de browser compatibiliteit" les. Uitbreiding van de taal, de taal, de, de uitbreiding, de CSS, of niet het toevoegen van de functie.In tegenstelling tot de meeste, denk je waarschijnlijk dat de verwerker is volledig door de   taal uit te breiden.   in feite de pen niet   sass, kan   thuis voelen veel   postcss taal uit te breiden, zoals in   toe te voegen, variabelen, voorwaardelijke straffen, verkeer, het nest, uitbreiding, enz. Omdat postcss is volledig flexibel, maar ook de taal de uitbreiding van de functies die niet vaak   pre - processor.Bijvoorbeeld, Bem postcss toevoeging tot de CSS - uitsluitend als volgt - /methode grammatica (meer in het na de training).Definitie van de postcss « eigenschap waardoor je je eigen speciale eigenschappen, de lokale kenmerken of opnieuw worden gedefinieerd.En postcss met Plug - in je de toestemming voor het gebruik van niet alleen de voorwaarden, maar het patroon in de logica van de code van het ras.,,, alles wijst erop dat de postcss zal maken, kan het aanbod van multifunctionele veel mensen op zoek naar   pre - processor, maar er zijn, naast de functie van kleur, de kleur, de « plug­in », veel. Op dit moment postcss aan de kleur van een formaat in een andere, bijvoorbeeld van  ,&#hex, moet  , rgba (),  , HCl (H - l, C,), met het oog op de  ,&#RGB,   PANTONE,&#RGB.Ondertussen, een van de meest nuttige - aan de kleur te hanteren, zoals twee   kleuren te mengen, of de donkere man "helderheid of.,, ik   een favoriete laat de bestaande programma 's, dan wordt de output van een versie, want dit lijkt en de specifieke vorm van kleurenblind.Er is niet zoiets als de ervaring uit eerste hand om je te helpen te begrijpen hoe de toegang tot uw ontwerp, zullen we in de kleur. - in ons na de voorbehandeling, steno voor meer details, en "diversen" snoep "training.,, beeld en met een groot aantal van dit soort plug - in het lettertype, de optimalisering van de taken, zoals het pakket - codering van gegevens, de vorming van de Wegwijzerdienst Sprite lakens en de optimalisering van de svg.Je vindt een beeld en het type instrument vormen, zoals automatische svg 8 Papoea - Nieuw - Guinea omschakeling, steun voor de automatische webp beeld genereren en de opneming van de browser, @ lettertype, sleutels, retinale voor de kortere weg en multi -.,, mazen, de mazen in het systeem kan worden geschreven, dat postcss, zonder belasting van tevoren geschreven of   stijl. Het gebruik van de verwerker worden vermengd, is het eerste ding, heeft me de ogen geopend. Postcss is te sterk.Ik dacht dat postcss voornamelijk filter en de wijziging van de bestaande CSS - systeem, maar dat het kan worden gebruikt voor het creëren van een externe stijl, een hele bibliotheek, momenteel zijn er drie - systeem kan postcss:,, verloren, Cory Simmons, postcss maaswijdte te creëren, door een 迪杨森, postcss netjes te scheppen, Het creëren van een 乔朝仓, postcss, optimalisering, optimalisering van ingrepen kunnen worden onderverdeeld in twee grote categorieën: de vermindering en de code te wijzigen.Door middel van deze plug - in de uitvoering van het mandaat van het kan, zoals het verminderen van ruimten en de toelichting, je kan ook een meer complexe in combinatie met de media van de herziening van de vraag, in   @ invoer, stijl en optimalisering van het lettertype, verwijder de lege regels of herhaald.,, zullen we meer van dit soort postcss plug - in de komende "vereenvoudiging en verbetering van de training, binnenwegen".,,, als een verwerker van de gebruikers, dat vond ik altijd een van de grootste voordelen is de code, ik moet door middel van variabelen en gemengde schrijven.Door de postcss vond ik meer middelen om de opstelling van een code van meer efficiënte en steno plug - in de lange lijst via een kortere weg, je kan kiezen. Het gebruik van de afkorting van eigenschappen, kan je de definitie van eigen of het gebruik van bestaande afkortingen, bijvoorbeeld  , W, in plaats van  , breedte,  , H, in plaats van de  , lengte, enzovoort.Je kan de produktie, @ lettertype gezicht, code - code, de driehoek en rond alle op een rij.Je kan snel een reeks gemeenschappelijke taken, met inbegrip van de stijl van banden, ergens, clearfixing, de locatie, de omvang en de afstand, de kleur, de code. Zullen we in deze plug - in "de binnenwegen en steno" les meer diepte.,, analyse   &   journalisten, postcss kan Ook worden gebruikt voor de omzetting van het ook meer dan de CSS. Kan worden gebruikt om feedback te geven, wanneer je je CSS.Een analyse van het verslag - met inbegrip van de grenzen en een korte - /code - code, voor je door cssstats instorten, "doiuse" om je te laten weten dat je de code en de gegevens kunnen worden gebruikt, en Modernizr dossier generator.,,,, is een grote postcss plug, past niet bij een bepaalde categorie, maar zo goed is afgelopen.Bijvoorbeeld, we hebben postcss schrijfwijzer, automatisch leidt tot een op basis van de CSS - gids.Er is rtlcss plug, wordpress, leiden tot een op de linker versie van jouw stijl. En we zullen in deze handleiding "diverse goederen" van deze geweldige « plug­in ».,,,., met inbegrip van de categorie "interessant" in het Verenigd Koninkrijk. Postcss je de toestemming voor het gebruik van de spelling van kleur, in plaats van, bijvoorbeeld, de kleur en beleefde grammatica, enz.Alsjeblieft, niet dat.Belangrijk is,,,, je ziet geen van deze   plug gebruikt voor concrete projecten, maar de echte voordelen biedt   is hun gedrag als de ambities van de « plug­in » ontwikkelaars van gemakkelijk te begrijpen voorbeeld.Heel kort, ze zien hoe perfect zien. Postcss « plug - in de volgorde van de uitvoering.,,, een van de belangrijkste overwegingen, wat je moet doen postcss plug - in de laden van de generator,   je bevel.Je moet stoppen met denken door middel van je lijst, de vaststelling van een plug - in werking kan hebben, een andere om te doen wat je wilt. En, bijvoorbeeld, kan je een plug - in eenvoudige verhoging van de steun postcss variabelen   variabelen, je het kan gebruiken voor de opslag, rgba (waarde), Zoals:,, /* * /source code: rgba kleur dollar (0, 0, 0, - 0,5). - {achtergrond: $kleur;} /* * /opgesteld:. Stijl {achtergrond: rgba (0, 0, 0, 0);}, misschien moet je de « plug­in » In de   postcss kleur rgba de toevoeging van het vliegtuig terug   hexcode als back - up, geef je:,, /* * * * * * * * * * * * * * /opgesteld:. Stijl {achtergrond:� achtergrond: rgba (0, 0, 0, 0);}, en in dit geval, je moet rennen om je zeker   variabelen,Voor de « plug­in », terug.  , als jij   back -   zal in de eerste plaats vinden, de achtergrond van kleur op je CSS dollar; weet niet dat er een, rgba (), het met waarden, maar door de operatie.,, de variabele plug, plug - ins die het   terug terug zou vinden, king: rgba (0, 0, 0, - 0,5);,, blijven nog nodig is, is de volgorde en de plug - in elke groep van de verandering, dus je vindt dat je moet alleen een klein experiment, soms alles goed samen werken, en laat. We werden een samenvatting van De postcss plug - ins:,,,, in de postcss github Repo en postcss.parts wordt gevonden, let op   @ postcss   leren nieuwe plug, plug - ins. Laat jeDe installatie van een soortgelijke thema 's plug, plug - in postcss in veel verschillende categorieën, de keuze van de « plug­in » - je moet rekening worden gehouden met de volgorde van hun tenuitvoerlegging, in de volgende les, we klaar zijn met onze "snelle start de tovenaar postcss we bereid naar de werkelijke begonnen met de productie van een aantal praktische CSS - code.,, in de volgende les, we zullen door de leverancier van het gebruik van postcss prefix automatisch opgenomen die de browser verenigbaar met de traditionele browser code, en de prestaties van de kenmerken, met name de 8.,, in de volgende les om je te zien.