Friske ressurser for webutviklere - februar 2017
Fresh Resouces for Web Developers-serien har eksistert i rundt 4 år nå, og vedlikehold av denne serien har gitt meg mye innsikt i hvordan nettverket utvikler seg gjennom årene. Det er nye verktøy som kommer ut hver måned for å gjøre webutvikling enklere.
I denne delen har vi samlet inn en rekke nye verktøy, som inkluderer JavaScript-biblioteker, et par CSS-biblioteker, og referanse til å forbedre ferdighetene dine. La oss sjekke dem ut.
Klikk for flere ressurserKlikk for flere ressurser
Finn hele vår samling av anbefalte ressurser og de beste verktøyene for webdesign og utvikling.
bildetekst
JavaScript tar over skrivebordsbeskrivelse for overførbarhet over ulike plattformer, samt fungerer like bra som den opprinnelige appen. Denne appen, Caption, for eksempel er bygget på toppen av Electron . Det er en enkel app som lar deg søke undertekstfiler ( .srt
) for å legge ved videoen du ser på.

En enorm liste over nyttige og praktiske kommandolinjer for macOS . Her kan du finne mange ting som kan gjøres gjennom CLI, for eksempel "rydde utskriftskøen", "skjule mappen i Finder" og "hindre system søvn" .

Trevor er ganske enkelt Travis CI gjort offline . Travis er en kontinuerlig integrasjonstjeneste der utviklere tester programvaren for å se om programvaren fungerer riktig flere miljøer. Trevor er fortsatt i sin tidlige fase ; det støtter for øyeblikket bare "NodeJS".

Et fint JavaScript- bibliotek for å laste bildet gradvis, derav navnet. Små bilder blir servert og sløret mens nettleseren laster opp hele bildet. Dette hjelper nettstedet ditt til å lastes mye raskere, spesielt hvis det inneholder store bilder.

Dette er et JavaScript som gjør QR-koden mindre kjedelig . Med dette kan du legge over QR-koden over et bilde - for eksempel bildet ditt.

WP Docker er et Docker-miljø designet spesielt for å utvikle WordPress . Miljøet er selvstendig, og vil ikke påvirke datasystemet ditt hvis du har konfigurert. Det er et flott alternativ til Vagrant, Betjent, Local og MAMP .

Rellax er et JavaScript-bibliotek for å opprette Parallax-effekt på sideskroll. Den leveres med få alternativer og relativt lett å konfigurere. Den er lett, kjører super fort, og krever ingen avhengighet som jQuery, derfor er det et godt alternativ til andre biblioteker i denne kategorien, for eksempel Parallax.js eller Scrollax.js.

Enda et annet kjølig JavaScript-bibliotek. Articulate gir syntetisk stemme til nettstedet ditt. Det er i stand til å analysere og lese nettstedet ditt, kan til slutt forbedre nettstedets tilgjengelighet for brukere med nedsatt synlighet.

MonetizeJS er et JavaScript-bibliotek for å implementere Stripe enkelt ; så enkelt som å bruke jQuery.

Vonic er en samling av brukergrensesnitt for mobil bygget med Vue.js og Ionic CSS . Den består av mange UI-komponenter som ofte finnes i en mobil, inkludert boksen, søkeskjema, swiper og såkalt Accordion . Du kan bruke til å bygge en mobil app aplication prototype rett i nettleseren.

10up, et av de fremtredende navnene i WordPress, utgitt et UI-bibliotek designet spesielt for WordPress . I motsetning til andre UI-bibliotek som bare gir CSS og HTML-koder, gir 10Up også PHP-kodestykket som du bare kan lime inn i temaet ditt. Komponenten inkluderer Navigasjon, Faner, Verktøytips, Commonts og Blogrol .

En suveren og detaljert artikler fra Addy Osmani, en av Google-ingeniører, om hvordan du skriver JavaScript som kjører super fort. Jeg oppfordrer deg til å lese det gjennom for å jevne opp JavaScript-ferdighetene dine .

Kute er et JavaScript-bibliotek for å utføre animasjon . Det er flammende raskt og super effektivt i minneforbruk. Den har utvidelser og ekstra verktøy for å tillate bruk animasjon i CSS, SVG, og til og med et jQuery-plugin for mer praktisk syntaks.

Progressive Web Application (PWA) er en metode som gjør at et nettsted kan kjøre raskt og brukbart offline . Denne PWA Rocks-listen en som godkjent av Google som en PWA. Hvis du vil vite mer om PWA fra Google, ta en titt på: Progressive Web Apps.

Github Auto-Updater er Composer-bibliotek som gjør at pluginet ditt kan oppdateres fra Github . Dette er et praktisk skript for utviklere å vedlikeholde programtillegg for sine klienter uten å nødvendigvis laste den opp til Github-depotet .

Kort er et JavaScript-bibliotek som gjør kredittkortinngangen mer engasjerende og forbedrer brukeropplevelsen mens du skriver inn kredittkortnummer. Det fungerer bra med jQuery, React, Angular og Ember .

Graaf gir et overlegg over siden din for å se hvordan rutenettet - kolonne, rad, renner - er lagt ut. Du kan også generere din egen rutenettspesifikasjon ved hjelp av APIen som tilbys.

Luxbar er et CSS-rammeverk for å lage en responsiv navigasjon enkelt ; Legg ganske enkelt til stilarket og legg til HTML-en riktig. Du kan installere dette biblioteket via NPM, Bower, eller koble stilarket direkte fra CDN .

En tabelloversikt viser fargekontrast og deres tilgjengelighetsgrad basert på WCAG 2.0 . Du kan endre verdien på bordet, og raskt finne ut om fargekombinasjonen er i samsvar med WCAG-standarden.

ToneJS er et JavaScript-bibliotek for å lage en tone eller lyd som kan komme fra et musikkinstrument . Jeg antar at dette biblioteket kommer til nytte for å bygge en nettbasert instrumentinstrumentemulator eller en spillelyd .


5 måter å forbedre Google Rankings ved å optimalisere innhold
Innhold er en av de primære rangeringsfaktorene i Googles søkealgoritme som har mer enn 200 faktorer i sin helhet. Hvis du ønsker å øke søketrafikken din, bør du legge inn høy kvalitet innhold som et av hovedfokusene dine. Uansett om vi snakker om Google eller Bing, blir søkeresultatene bestemt av tre ting: aktuell relevans, innholdskvalitet og kontekst .Webmaste

Slik synkroniserer du databaser over flere WordPress-installasjoner
Tidligere hadde vi en titt på hvordan å sette opp scenemiljø for WordPress-utvikling. Hvis du har fulgt det gjennom, kan det hende du finner ut at prosessen noen ganger innebærer å migrere SQL-databasen for å synkronisere uoverensstemmelsene mellom stadiene . Denne bestemte prosessen med å migrere databasen kan være kjedelig.Du må e