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


Design CSS med denne Adobe-Style Web App Editor

Adobes programvare er verdenskjent av designere i alle aldre, men ikke mer enn Photoshop. PhotoShop-redigeringspaneler er hele shebang med alt du trenger for å bygge tilpassede design.

Og nå er det en gratis webappeditor, kalt LayerStyles, som etterligner Photoshop- lagredigeringsprogrammet rett i nettleseren din. Den lar deg dynamisk generere CSS-kode som om du jobber i Photoshop.

Hvis du besøker builder siden kan du tinker med det for å se hvordan det fungerer.

Vinduet kommer med fem forskjellige stilpaneler som alle etterligner Photoshop. De følger de samme innstillingene, og de oppdateres umiddelbart med en demo-boks på siden.

Dette er panelene du kan velge fra:

  1. Drop Shadow
  2. Indre skygge
  3. Bakgrunn
  4. Grense
  5. Border Radius

De alle etterligner Adobe GUI som gjør dette verktøyet så morsomt for designere. Du får også den komplette CSS-koden, generert gratis.

Bare klikk på den nederste venstre hjørneboksen merket "CSS-kode" for å få utdraget ditt . Den leveres med alle CSS3 egenskaper for alt du har valgt.

Og det beste av alt, dette prosjektet er helt åpen kildekode og gratis på GitHub hvis du vil laste ned en lokal kopi. Ikke bare kan dette være morsomt å generere CSS, men det er også en fin måte å lære å bygge en webapp på .

Nettstedet bruker mange JavaScript-biblioteker, sammen med jQuery-plugins . Det ble bygd av utvikler Felix Niklas som gjorde dette som et sideprosjekt.

Du kan finne mange kodegeneratorer andre steder, men dette er virkelig unikt. Det er også den mest morsomme og kanskje den kuleste webapps jeg har sett så langt i år.

Ta en titt på LayerStyles og se hva du synes. Du kan tinker med en live-versjon på demoversiden og finne all tilgjengelig kildekoden gratis på GitHub.

Eller, hvis du vil spre takket være skaperen, kan du tweet beundringene dine @mrflix.

15 Nyttige AngularJS-verktøy for utviklere

15 Nyttige AngularJS-verktøy for utviklere

Tenker du på å dyppe tærne i Angular? Hvis du har gått gjennom våre 10 beste opplæringsprogrammer for å lære AngularJS-innlegg og ønsker å leke med Angular alene, er du på riktig innlegg. Vi har her noen verktøy som kan strømlinjeforme utviklingsarbeidet .Vi ser på 15 av de beste IDEene, tekstredigerere, verktøy for testing og feilsøking, moduler og utviklingsverktøy og programmer for bygging med Angular. Hvis du har fav

(Tekniske og design tips)

10 gratis mobile apper som hjelper deg med å lære engelsk raskere

10 gratis mobile apper som hjelper deg med å lære engelsk raskere

Å lære et språk er en av de mest givende tingene du kan gjøre. Det er mange måter du kan lære eller forbedre dine ferdigheter på et bestemt språk, fra å delta i klasser til selvlæring . Men har du innsett at du også kan sette den smarttelefonen din til virkelig god bruk for å lære språk?Enten du star

(Tekniske og design tips)