Hjemmeside » Webdesign » Friske ressourcer til webdesignere og udviklere (juni 2016)

    Friske ressourcer til webdesignere og udviklere (juni 2016)

    Vi udvider listen til midtårsudgaven. Denne rate indeholder nogle få CLI'er (og her er vores indlæg om hvorfor du skulle lære kommandolinje), et par desktop app til arbejde og sjov og flere CSS og JavaScript-biblioteker. Også inkluderet er læse materialer, referencer og vejledninger om bedste praksis, som du bør tjekke ud, bogmærke og muligvis læse en dag.

    Jeg kommer ikke til at forkæle resten af ​​listen så langt væk fra dig. For flere friske ressourcer, klik her.

    Klik for flere ressourcer

    Klik for flere ressourcer

    Find vores samlede samling af anbefalede ressourcer og de bedste webdesign og udviklingsværktøjer til rådighed.

    CertBot

    CertBot giver en mere praktisk måde at distribuere certifikater fra Lad os kryptere. Det giver et sæt kommandolinjer med støtte til mange serverkonfigurationer som Apache, NGINX og Plesk. Når vi taler om, Lad os kryptere er en fælles indsats for at gøre internettet mere sikkert ved at levere et gratis SSL-certifikat. Det bruges i øjeblikket på mere end 3 millioner hjemmesider.

    Mononoki

    Mononoki er en skrifttype designet specifikt til visning af kode. Mononoki er tilgængelig som en installerbar skrifttype (.ttf) og web skrifttype (.EOT, og .WOFF). Det er et nyt alternativ til klassisk monotypier som Monaco, Menlo og Courier.

    BideoJS

    Viser en autoside-video på fuld side på hjemmesiden synes at være en stigende tendens. BideoJS er et JavaScript-bibliotek, der giver dig mulighed for at gøre præcis det med færre forhindringer. Den er let, lydhør og kan konfigureres, så den passer til dine behov.

    CSS Purge

    CSS Purge er en samling af referencer, artikler og statistikker for CSS. En ressourcefuld information som denne kan hjælpe dig med at træffe velinformerede beslutninger af hvilke CSS-metoder, værktøjer og rammer, du gerne vil vedtage i dit projekt.

    Mailgen

    Mailgen er et Node-modul til at generere en god, simpel responsiv HTML-email. Der findes en håndfuld indstillinger, så du kan tilpasse næsten alle områder af e-mailen. Du kan indstille e-mailen “tema”, e-mailoverskriften og “Opfordring til handling” knap. Det kan også integreres i din Node-baserede desktop eller webapplikation.

    Deco

    Deco er en IDE til at opbygge en mobil app ved hjælp af Facebook initiativet React Native. Tænk på Deco som XCode eller Visual Studio, hvor du kan opbygge en app med et brugervenligt brugergrænseflade ved hjælp af træk og slip, skydere og farvevælger.

    IE8 Linter

    Internet Explorer 8 (IE8) er en antik browser, der ikke understøtter moderne webteknologier som CSS3 animationer, transformationer, overgange og de fleste HTML5 elementer uden en polyfill. DRY-princippet er et værktøj, som vi kan bruge til at scanne websteder til IE8-kompatibilitet. Det giver rapporten og løsninger.

    geder

    geder er en uofficiel Facebook Messenger desktop app. Det er bygget oven på Node.js og Electron, som gør det muligt at være en platform-applikation; Den er tilgængelig i OS X, Windows og Linux. In kommer også i to farver, Dark and Light.

    Photon Kit

    Photon Kit er en ramme for at starte en ny app med Electron. Som Bootstrap, Foundation og lignende kommer Photon med en række komponenter, der giver dig mulighed for at opbygge fælles brugergrænseelementer i en app som knapperne, værktøjslinjen og sidebjælken.

    Yeoman App

    Yeoman App er et desktop-program, der genererer projektkedler, rammer og stilladser fra Yeoman. Det er et godt alternativ for dem, der ikke er behagelige at arbejde gennem Terminal- og kommandolinjer.

    SQLectron

    SQLectron er en SQL desktop klient, der lader dig se og udføre flere SQL-operationer mere bekvemt. Det understøtter MySQL, PostgreSQL og Microsoft SQL Server. SQLectron er tilgængelig til OS X, Windows og Linux.

    Familie SCSS

    FamilySCSS er en samling af mixins, der gør udvælgelse af elementer med : N'te-barn mere intuitiv. Mixins er declarative. For eksempel kan du skrive @include første (3) at vælge de tre første barnelementer og skrive @include mellem (2, 4) for at vælge 2. til 4. barnets elementer.

    EasyEngine

    EasyEngine er en samling af kommandolinjer, der giver dig mulighed for at konfigurere din WordPress med værktøjer og moduler som Redis, Caching plugin og PageSpeed. Det gør oprettelsen af ​​WordPress server til hastighed en brise.

    PhiNX

    PhiNX er et PHP-modul til databasehåndtering og migrering. Det kommer med klasser og kommandolinjer, der giver dig mulighed for at køre næsten enhver databaseoperation som f.eks. Skrivning, Downloading og Uploading. Phinx Docs er en ressourcefuld reference, der hjælper dig med at komme i gang.

    RichCSS

    RichCSS er en CSS ramme, der giver en sund struktur. Rammen organiserer pænt mapper, mapper og klasser på en pro-DRY måde, der gør det muligt at genbruge. På toppen af ​​knapper, lister og formularer kommer RichCSS også med sin egen CLI, som du kan bruge til at starte et nyt Rich-projekt som Bower, Git og NPM.

    frend

    frend er en samling af almindelige webkomponenter. Samlingen består i øjeblikket af Accordion, Dialog Modal, Offcanvas, Tooltip, Tabs, med et par flere til at komme i næste udgave. Frend kan være et godt alternativ til jQuery UI.

    FLA

    Dette er en omfattende ramme for at opbygge et responsivt gitterlayout med Flexbox.

    PHP den rigtige måde

    PHP er et programmeringssprog, der er let at lære, men du kan også nemt gå galt med koderne, og dette kan eventuelt ødelægge dit website sikkerhed og ydeevne. PHP den rigtige måde er en omfattende reference til at lære de bedste praksis i PHP.

    Starability

    Starability er et CSS bibliotek til at opbygge et stjernevurderingssystem med fancy animeret feedback. Stjerneklassifikation er bygget med tilgængelighed i tankerne; Du kan navigere igennem og tildele stjerner via tastatur.

    WaitAnimate

    WaitAnimate er et praktisk webværktøj til at beregne a “pause” timing i en enkelt CSS animation @keyframe. Det “pause”, når det er gjort rigtigt, kan det gøre animationen mere engagerende - her er nogle eksempler.