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


Opprett selvdrevet Dribbble Portfolio med Dribbbox

Dribbble er et populært nettsted i designfeltet hvor du kan dele dine WIP-prosjekter, design, mockups og til og med freebies. Til gjengjeld vil du få tilbakemelding og kritikk fra medarbeiderne, som er godt å skape ditt design opp til neste nivå.

Hvis du vil tilpasse hvordan du viser porteføljen din, kan du vise bildene under ditt eget domene. For å hjelpe deg med det, kan du prøve ut Dribbbox.

Dribbbox er et bibliotek som hjelper oss med å vise Dribbble Shots under vårt eget domene, vil ikke noe av stresset. La oss ta en titt på hvordan du kan sette opp Dribbbox for å vise frem dine kunstverk.

Dribbbox Installasjon

Jeg antar at du har ditt domene og en serveroppsett; en delt hosting bør fungere helt fint. Ellers kan du kjøre en lokal server hvis du ikke har en. Hvis du trenger instruksjoner om hvordan du konfigurerer en lokal server med AMPPS, kan du lese om det her.

Last ned ZIP-pakken, og last opp innholdet til serveren. Inkluder index.html, config.js og eiendomsmappen.

Åpne config.js og angi brukernavnet for å hente porteføljen din fra Dribbble.

I dette tilfellet bruker jeg Thoriq Firdaus 'portefølje for demo. Slik henter du porteføljen.

 dribbbox.config = {dribbble_username: "tfirdaus", short_description: "En verdensklasse designer ønsker å være.", email_address: "[email protected]"} 

Lagre det og oppdatere siden.

Det er egentlig så enkelt, ikke sant?

Din portefølje på Dribbbox

Oppsettet er enkelt. Du har tre kolonner. Dine kontaktdetaljer ligger lengst til venstre i en statisk sidelinje. Dribbleskuddene dine er i den midterste rullbare kolonnen, og til høyre er der seere kan se prosjektet ditt i full visning, en om gangen. Oppsettet er perfekt bare som et display som betyr at publikum ikke vil kunne gi deg tilbakemelding som kommentarer eller liker. De vil heller ikke kunne dele arbeidet ditt.

Dribbbox er optimalisert for visning på mobile enheter. Når nettsiden er sett på mobil, vil oppsettet samt HTML til DOM-treet rekonstrueres via mobile.js . Angi visningsbredden som mobile.js skal finne sted i mobile.js .

 (funksjon () {var s = document.createElement ("script") s.src = "assets / js /" + (matchMedia ("(maks bredde: 414px)") ) + ".js" document.head.appendChild (s)}) () 

Konklusjon

Dribbbox er et praktisk bibliotek for å vise dine Dribbble-bilder under ditt eget domenenavn. Det er veldig intuitivt å jobbe med, selv om du ikke kjenner JavaScript; Legg ganske enkelt til brukernavnet ditt og (valgfritt) din e-postadresse, og du er helt innstilt. Hvis du ikke liker standardpresentasjonen, kan du videreutvikle utseendet gjennom CSS.

Mer om Hongkiat: Vert ditt statiske nettsted i Dropbox med pannekake

Friske ressurser for webutviklere - september 2017

Friske ressurser for webutviklere - september 2017

Det er en rekke åpen kildekodebedrifter som går sammen for å gi nyttige webressurser og verktøy for alle å bruke gratis . Dette er det som gjør at nettsamfunnet trives, innoverer og produserer mer nyttige ressurser.I denne delen av Fresh Resources-serien har jeg satt sammen en rekke nye ressurser fra ulike kategorier, inkludert en app som lar deg administrere Sketch plugins på tvers av forskjellige datamaskiner, en samling ikoniske skrifter for nerdsjelen din, et par desktop-apper, og en håndfull andre. Lar sj

(Tekniske og design tips)

Bygg moduler ved hjelp av ren CSS med CSS Modal

Bygg moduler ved hjelp av ren CSS med CSS Modal

I webdesign må du ha en god innholdsorganisasjon. Dette bidrar til å gi brukerne mer lesbar og funksjonell informasjon. Du kan gjøre dette ved å bygge en fin og ryddig layout på nettsiden. For å organisere innholdet, er det mange grensesnittelementer og strukturer du kan bruke, og modal dialog er en av dem.Hvis

(Tekniske og design tips)