no.hideout-lastation.com
Paradis For Designere Og Utviklere


Colors.css Tilbyr nye standardverdier for farger på nettet

Å finne en flott fargevalg for nettstedet ditt er ingen enkel oppgave. Men det ble bare mye lettere med Colour Library av Adam Morse.

Dette gratis CSS-biblioteket fungerer av de opprinnelige webfarger som ble ansett som "websikker" og først utgitt med HTML4 tilbake i 1999. Som du kan forestille deg, har nettet kommet langt siden da.

Med farger kan du overskrive standard fargevalg og bruke mer passende standardinnstillinger for oppsettet. Disse fargene passer sammen mye lettere og gir mindre spenning ved å fortynne kontrast .

For eksempel, i stedet for #000 for svart, bruker dette biblioteket #111 til å holde det samme nivået av mørke mens du fjerner noe av den ødelagte kontrasten. Dette fungerer mye bedre for tekst og bakgrunn.

Du kan installere farger via npm eller gjennom GitHub ved å laste ned stilarket direkte.

Best av alt, det kommer med gratis fargeprøver du kan importere til designprogrammene for enkel tilgang til fargene. Følgende swatch-filer er inkludert:

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

Hvis du designer mange mockups med standardfarger anbefaler jeg absolutt å ta en kopi av disse fargene. Du vil bli overrasket over hvor godt disse fargene passer inn i hvilken som helst layout.

Plus, Colors.css har selv sine egne tilgjengelighetsordninger der du finner 90 kombinasjoner av farger som oppfyller WCAG-spesifikasjonene for kvalitets tilgjengelighet. Dette er stort for alle som prøver å støtte det bredeste publikum som er mulig, og det er flott å se designere som bryr seg så mye om moderne UI / UX-arbeid.

Men enda viktigere er det flott å se så mye fremgang i open source-samfunnet.

Det er morsomt å se tilbake på gamle nettsteder for å se hvor mye de har forbedret. Og det samme kan sies for generelle designtrender, spesielt fargevalg og CSS-biblioteker.

For å lære mer om Colour Library, besøk hovedsiden og sjekk ut levende eksempler . Du kan trekke .css filen sammen med alle swatch-filene direkte fra GitHub-repoen .

Komme i gang med Gulp.js

Komme i gang med Gulp.js

Gulp er et Javascript-basert verktøy som lar deg automatisere biter av arbeidsflyten din. Automatisering kan bokstavelig talt spare deg timer om dagen. Enten du er en utvikler eller en designer som lager HTML-wireframes nå og da, oppfordrer jeg deg til å grave inn.I denne artikkelen ser vi på grunnleggende bruken av Gulp - fra installasjon til grunnleggende syntaks og et par eksempler. Ve

(Tekniske og design tips)

10 WordPress-pluginprogrammer for å lage mobilresponsive nettsteder

10 WordPress-pluginprogrammer for å lage mobilresponsive nettsteder

I disse dager kan du bruke et WordPress-plugin for å lage destinasjonssider, tilpasse innloggingssiden, vedta tofaktorsautentisering, eller til og med finne ut hvordan du optimaliserer nettstedet ditt for deg med kunstig intelligens. I dette innlegget kommer vi til å legge til et annet element i listen, og gir deg 10 plugin-moduler for å lage mobil-responsive blogger for deg.Du

(Tekniske og design tips)