nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


Colors.css biedt nieuwe standaardinstellingen voor kleuren op het web

Het vinden van een goed kleurenschema voor uw website is geen eenvoudige taak. Maar het werd gewoon een stuk eenvoudiger met de kleurenbibliotheek van Adam Morse.

Deze gratis CSS-bibliotheek werkt af van de originele webkleuren die als 'webveilig' werden beschouwd en werd in 1999 voor het eerst met HTML4 uitgebracht. Zoals u zich kunt voorstellen, is het web sindsdien ver gevorderd.

Met kleuren kunt u de standaardkleurkeuzen overschrijven en meer geschikte standaardinstellingen voor uw lay-out gebruiken. Deze kleuren passen veel gemakkelijker bij elkaar en creëren minder spanning door het contrast te verdunnen .

Bijvoorbeeld, in plaats van #000 voor zwart, gebruikt deze bibliotheek #111 om hetzelfde niveau van duisternis te behouden bij het verwijderen van een deel van het schokkende contrast. Dit werkt veel beter voor tekst en achtergronden.

Je kunt Colors via npm of via GitHub installeren door het stylesheet rechtstreeks te downloaden.

Het beste van alles is dat het wordt geleverd met gratis stalen die u kunt importeren in uw ontwerpprogramma's voor eenvoudige toegang tot de kleuren. De volgende staalbestanden zijn inbegrepen:

  • .aco (Photoshop)
  • .ase (Illustrator / XD)
  • .gpl (Gimp / Inkscape)

Als je veel mockups ontwerpt met de standaardkleuren, raad ik je absoluut aan om een ​​exemplaar van deze stalen te pakken. Je zult verbaasd zijn hoe goed deze kleuren in elke lay-out passen.

Bovendien heeft Colors.css zelfs eigen toegankelijkheidsregelingen waarin 90 kleurencombinaties worden gevonden die voldoen aan de WCAG-specificaties voor toegankelijkheid van de kwaliteit. Dit is enorm voor iedereen die een zo breed mogelijk publiek probeert te ondersteunen en het is geweldig om te zien dat ontwerpers zoveel waarde hechten aan modern UI / UX-werk.

Maar wat nog belangrijker is, het is geweldig om zoveel vooruitgang te zien in de open source community.

Het is grappig om terug te kijken op oude websites om te zien hoeveel ze hebben verbeterd. En hetzelfde geldt voor algemene ontwerptrends, met name kleurkeuzes en CSS-bibliotheken.

Ga voor meer informatie over de bibliotheek Kleuren naar de hoofdpagina en bekijk de live voorbeelden . Je kunt ook het .css bestand samen met alle swatch-bestanden direct uit de GitHub-repo halen .

20 gratis Photoshop-acties die alle ontwerpers moeten hebben

20 gratis Photoshop-acties die alle ontwerpers moeten hebben

Geautomatiseerde scripts besparen tijd en verbeteren de workflow in alle creatieve velden. Adobe-producten zoals Photoshop bieden scripts die acties worden genoemd en die een proces meerdere keren automatiseren met één klik op een knop. Er zijn exclusieve Photoshop-actiesites, maar veel ervan richten zich op fotografen.I

(Technische en ontwerptips)

20 gadgets en accessoires voor Superhero-fans

20 gadgets en accessoires voor Superhero-fans

Of je nu een kind of een kind in je hart bent, je hebt je favoriete superheld uit een populaire film of strip. Een van de nadelen van het volwassen zijn, is echter dat het heel onhandig wordt om met speelgoed of actiefiguren te spelen . Maar je kunt altijd op superhelden geïnspireerde gadgets en accessoires verzamelen en ze een onderdeel maken van je interieur of het dagelijks leven .

(Technische en ontwerptips)