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


Opprett JavaScript-drevne datakart med Billboard.js

Grafikk og grafikk spiller en viktig rolle i å forbedre webinnholdet. Med moderne teknologi er det så enkelt å legge til tilpassede visualer som SVG-ikoner i siden din.

Men et annet overraskende visuelt du kan bygge fra bunnen av er et webskjema.

Dette kan hjelpe deg med å grafisere dataene visuelt, slik at de besøkende raskt kan skumme relevant informasjon. Og i stedet for å kode en graf selv kan du bruke et bibliotek som Billboard.js til å gjøre alt tungt løft.

Dette er faktisk bygget på toppen av D3 som er et JavaScript-datavisningsbibliotek. Det er lett den mest populære en der ute som gjør det til den tryggeste avhengigheten du kan be om.

Med Billboard.js kan du raskt og enkelt få tilgang til D3 API. Det primære målet med Billboard er brukervennlighet, noe som gjør det tilgjengelig for alle . Selv om det hjelper å få litt erfaring med JavaScript, trenger du absolutt ikke å være ekspert.

Bare vær oppmerksom på at hele kodebase bruker ES6 syntaks som kan forveksles med mindre erfarne JS devs.

Så lenge du vet hvordan du skal kompilere koden, bør du ha det bra. Vi har faktisk dekket noen få varme funksjoner fra ES6 hvis du vil lære mer.

Alle tekniske detaljer om dette pluginet kan virke fint. Men du vil nok bare vite hva dette kan gjøre .

Ta en titt på demoversiden og klikk gjennom noen av de levende eksemplene.

Du finner alt fra kakediagrammer til scatter plott og tilpassede animerte bargrafer.

Med Billboard.js har du full kontroll over dine data . Du kontrollerer hvordan den vises på siden, hvordan den er strukturert, og hvilken type UI / UX-funksjoner du legger til (hvis noen).

Det er virkelig et fantastisk kartbibliotek, og det er en av de enkleste å plukke opp. Ta en titt på prosjektets GitHub repo for å lære mer.

Du kan også grave inn i denne koden på CodePen hvis du vil leke med koden i nettleseren din.

Bruke Kit Language i Windows og Linux

Bruke Kit Language i Windows og Linux

I forrige innlegg har vi diskutert om Kit, et veldig enkelt HTML-templerende språk. Hvis du hadde fulgt dette, bør du oppdage at GUI-programmet som er i stand til å kompilere Kit i nettleser-kompatibelt HTML-format, er Codekit.Dessverre er Codekit bare tilgjengelig for OS X, det er for øyeblikket ikke noe lignende program for Windows og Linux som støtter Kit.Hvis

(Tekniske og design tips)

Demo Day: 5 tips for å forhindre feil og blunders

Demo Day: 5 tips for å forhindre feil og blunders

Programvaren er følsom . La oss innse det, en ">" kan være forskjellen mellom å se ut som en ekspert, eller ønsker å forsvinne umiddelbart fra jordens overflate. Etter mange års utvikling og år med å gjøre det profesjonelt (for å leve) med ansiktet mitt og navnet bak alt vi produserer, har jeg kommet for å forstå teorien om "når, ikke om det bryter".La meg begyn

(Tekniske og design tips)