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


Spectre.css - Lett Flexbox-basert Responsive CSS Framework

Hvis du vil dykke inn i flexbox-oppsett, er det nå den beste tiden å starte. Moderne nettlesere aksepterer endelig flexboxegenskaper og flere utviklere kommer inn i handlingen.

Men hvorfor begynner du fra bunnen av når du kan bygge på gjenbrukbar kode ? Spectre.css er en av de beste rammer for å begynne å bruke hvis du er ny til flexbox.

Dette frie open-source-rammeverket kommer pre-built med et fungerende rutenett og felles fleksbox egenskaper . Det er avhengig av Gulp for å kompilere og kjøre CSS i fly, fra hvilken som helst datamaskin.

Den bruker også LESS i stedet for Sass, som kan lage Specter og et kjempefint valg for alle MINRE brukere.

En nedlasting fra npm kommer med alt du trenger: CSS-ikoner, mixins, variabler og stort sett alt annet du kan forvente fra et typisk CSS-rammeverk.

All kode er fullt semantisk og støtter alle HTML-tekstelementer, selv de nyere som

Du finner tonnevis av eksempler på "Elements" -siden som viser designeksempler for tekst, knapper, tabeller, ikoner og webskjemaer (blant annet).

Specter kommer også med tonnevis av komponenter som kan spare deg for tidsbruk av koding fra grunnen. Dynamiske funksjoner, som for eksempel pop-overs og rullegardinmenyer, er super enkle å legge til i et hvilket som helst layout, med bare noen få linjer med kode.

Dette rammeverket er fortsatt ganske nytt og det gjennomgår alltid endringer. På tidspunktet for denne skrivingen er Specter i v0.2 og har mange eksperimentelle funksjoner du kan prøve.

Men de primære komponentene, sideelementene og nettene er fullt funksjonelle og klare for et levende produksjonssted . Specter er en av de beste CSS-rammene som kjører på Mindre med flexbox-nett.

Hvis du vil lære mer og komme i gang, kan du gå til dokumentasjonssiden som dekker installasjon og oppsett.

Du kan også laste ned en kopi av koden rett fra GitHub, som også har en liten del for dokumentasjon. Og hvis du vil dele tankene dine, kan du tweet den offisielle kontoen @spectrecss.

15 Best Fonteringsverktøy for designere

15 Best Fonteringsverktøy for designere

Paring skrifttyper er en viktig prosess for ethvert webdesign . Hvis du vil lage en god nettside design, må du kunne ta avgjørelser som å velge riktig skrifttype, fargevalg, til og med det rette WordPress-temaet. For de som søker skrifter, er webtypografi verktøy deres go-to kilde. Men for vanlige lekere som oss, er det kanskje en annen enklere måte å prøve denne tilsynelatende umulige oppgaven på.Selvfølg

(Tekniske og design tips)

Begynnerveiledning til: Bygging av HTML5 / CSS3-nettsider

Begynnerveiledning til: Bygging av HTML5 / CSS3-nettsider

Denne artikkelen er en del av vår "HTML5 / CSS3 Tutorials Series" - dedikert til å gjøre deg til en bedre designer og / eller utvikler. Klikk her for å se flere artikler fra samme serie. HTML5 og CSS3 har feilet nettet med storm på bare 2 år. Før dem har det vært mange endrede semantikk i måten webdesignere forventes å lage nettsider, og med deres ankomst kommer en rekke fantastiske støttene som alternative medier, XML-stiletiketter og progressive inputattributter for webdesignere for å oppnå drømmende funksjoner som animasjonSelv om de fleste utviklere ser ut til å fremvise potensiel

(Tekniske og design tips)