Apple valt misschien uit elkaar in termen van beidehardware- en softwareontwerp, maar op zijn hoogtepunt leerde het ons hoe goed iets eruit ziet als het goed is uitgelijnd. Het punt is dat wanneer dingen perfect op elkaar aansluiten, ze er beter uitzien en dit geldt ook voor industrieel ontwerp en webdesign. Website-ontwerpen worden meestal gemaakt in Photoshop, maar dat wil niet zeggen dat ontwerpers en ontwikkelaars niet sleutelen aan het uiterlijk van een website in hun browser. Het is vrij eenvoudig om aan te sleutelen; het enige dat u hoeft te doen is de webontwikkelingsconsole die alle belangrijke webbrowsers hebben te openen en opvulling toe te voegen, de tekstkleur te wijzigen, enz. Eén ding dat al deze consoles missen is een uitlijningshulpprogramma. Als Chrome uw favoriete browser is voor ontwikkeling, baseliner is een extensie die je moet proberen. Het voegt een reeks horizontale lijnen aan uw scherm toe. U hebt volledige vrijheid om de afstand tussen deze lijnen en hun kleur te definiëren. Bovendien kunt u met de tool aangepaste opvulling toevoegen aan de bovenkant van een pagina vóór de rasterlijnen.
Installeer Baseliner en klik op de B-knop die naast de adresbalk wordt toegevoegd. Er wordt een menu geopend met opties voor het aanpassen van uw raster.
Standaard is de bovenste opvulling ingesteld op 0 px, dede afstand tussen de regels is ingesteld op 12 px en de lijnen zijn grijs van kleur met de dekking ingesteld op 100%. Als u een van deze waarden wilt wijzigen, klikt u in het vak ernaast.
Het kleurvak geeft u een standaardkleurkiezerom de kleur van de rasterlijnen te wijzigen. De waarden voor afstand, opvulling en dekking kunnen worden gewijzigd door voor elke parameter een aangepast nummer in te voeren. U kunt ook de pijlen omhoog / omlaag gebruiken om de waarde te verhogen of te verlagen. Nadat u het raster hebt aangepast, klikt u onderaan op ‘Toepassen’.
De gordellijnen worden alleen aan de huidige pagina toegevoegden niet voor alle pagina's die u in uw browser heeft geopend. Als u de lijnen wilt verwijderen, klikt u nogmaals op de knop B en klikt u onderaan op de knop ‘Verwijderen’.
Baseliner werkt perfect. De kleurcontrole voor het raster en de opvulling bovenaan maken de uitbreiding alleen maar intelligenter. We wilden alleen dat het ook verticale lijnen ondersteunde.
Installeer Baseliner vanuit de Chrome Web Store
Comments