Frisk ressurs for webutviklere - april 2017
Siden begynnelsen av året 2017 har mye endret seg i verden av webutvikling, med nye programmer og ressurser som kommer hver annen dag . Fortsett med trenden, jeg deler med deg i dag et par nye webutviklingsressurser.
Disse ressursene inkluderer en web-app som hjelper deg med å lære den nye innfødte CSS Grid-modulen, et kurs som hjelper deg med å lære React helt fra begynnelsen, en referanse til å lære noen PHP-mønstre for å forbedre PHP-koder, og noen få flere. 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.
Slinky
En Sketch plugin som lar deg eksportere Artboard til HTML e-postmalen med et enkelt klikk. Slinky er for tiden i den aktive utviklingsfasen, men det er fortsatt noen få ting som er tøffe på kantene. Følg derfor retningslinjene for å få best mulig utgang .

En kurert katalog med kjeleplater og maler for å hjelpe deg med å komme i gang med et prosjekt raskt. Den inneholder en liste over kjeleplater av mange språk og rammer, inkludert jQuery, Angular, React, WordPress, Backbone og Electron .

CSS Grid er den neste store tingen som vil forandre hvordan vi organiserer layout og bruker grid rammer for å bygge nettstedet. Men i lys av kompleksiteten, kan det være overveldende for noen brukere å bruke CSS Grid. I et slikt tilfelle kan denne praktiske webapplikasjonen, Griddy, være svært nyttig når man lærer CSS Grid .

Jeg lærer React på skrivingstidspunktet og fant et flott kurs der du kan lære React som nybegynner. Kurset består av videoer, artikler og spørrekonkurranser. Og nevnte jeg at dette kurset er helt gratis ?

Chassis er en virtuell maskinkonfigurasjon som er utviklet for å bygge rundt WordPress økosystem som temaene og pluginene. Det vil gjøre det mulig å visuelt lede Chassis installasjoner. På tidspunktet for skriving er Chassis fortsatt i utviklingsfasen, men det vil bli utgitt snart .

En samling av standard papirstørrelser som brukes i forskjellige land, inkludert de vanlige størrelsene i Japan, Frankrike og Canada. Det er en stor ressurs som både webdesignere og utviklere bør bokmerke .

Et fint JavaScript-bibliotek for å bygge Tooltip, TippyJS kommer med en overflod av innstillinger for å konfigurere hvordan verktøytipset skal vises og oppføre seg. Det er "tema" på en måte som du kan tilpasse utseendet lett gjennom CSS . Utviklere vil spesielt sette pris på "Tilbakering" den gir.

Forstå designmønsteret til et programmeringsspråk kan bidra til å produsere koder som ikke bare fungerer, men også skalerbare og lett vedlikeholdsbare. Hvis du er i PHP, er dette en veiledning du bør se på .

Guzzle er et praktisk PHP-bibliotek for å lage HTTP-forespørsler med ulike metoder som "GET", "POST" og til og med Async-forespørsler som ligner på JavaScript. Den leveres med en overflod av funksjonsmetoder der du enkelt får svaret fra forespørselen, inkludert svaret Header, kroppen, samt statuskoden .

Mini er et CSS-rammeverk med minimal fotavtrykk . Og som de andre rammene, leveres det med en rekke webkomponenter som Grid, Navigation, Table, etc.

En samling ikoner av selskaper og merker fra populære som eBay, Viber, Dribble og Google+ til minst populære, som Gitter, Kirby, Viadeo. Ikonene kommer i SVG-format og kan vise seg å være en stor ressurs for både designere og utviklere.

En Chrome-utvidelse for å administrere MySQL-databasen . Det er et flott alternativ til programmer som Sequel Pro og MySQL Workbence.

Numi er en enkel, vakker og unik kalkulator app for Mac. Skriv bare "10USD i SGD" og du får resultatet!

En Docker-konfigurasjon for å kjøre Laravel . Laradock støtter ulike databasemotorer, inkludert MariaDB og MongoDB, samt Cache Motorer som Redis og Memchaced. Selv om den er oppkalt etter Laravel, kan du bruke den til andre rammer eller plattformer som WordPress og Drupal også.

Fabrica er en samling verktøy for å utvikle WordPress fra start til slutt . Fabrica bruker Docker for å kjøre raskt og for å sette utviklingsmiljø opp og bruker WordMove for distribusjon .

Husky er en nodemodul som gjør at vi kan kjøre githooks som pre-commit
, pre-receive
og post-receive
.

EasyMap gjør det helt enkelt å gjengi og legge til markører i Google Maps . Du må bare legge til Google Maps API-nøkkelen og gi adresseringsadressen i et JSON-format, og du er ferdig.

En praktisk Chrome-utvidelse for å se hvilke verktøy, server og bibliotekene som et nettsted bruker . Fra dette verktøyet har jeg funnet ut at det fortsatt er mange populære nettsteder som bruker jQuery, selv den som Github .

Bash Guide, som navnet antyder, er en praktisk guide for grunnleggende kommandolinjer . En stor ressurs for webutviklere som bare kommer i gang med Terminal og Command Lines .

Chroma.js er JavaScript-bibliotek for å manipulere farger . Den støtter mange farger formatering inkludert HEX, RGB og RGBA. På toppen av det kan du også manipulere fargene med lysstyrke, kontrast og metning .


5 beste Windows Apps for å overvåke Internett-bruk
Når du kommer til internett hjemme eller som student, er det alltid en hette på din internettbruksgrense . Men når du er online, har du en tendens til å bli båret bort og noen ganger ender opp med å utmanne en hele måneds internettpakke innen et par uker.Det kan være flere grunner til det. For eksempel er noen nettsteder tyngre enn de andre. Tilsva

CSS Starter Kit for utviklere - Shoelace.css
Frontend-utviklere trenger alle de beste ressursene de kan få. Vanligvis betyr dette at man jobber på toppen av et rammeverk som Bootstrap fordi det kommer fullpakket med stort sett alt.Det er imidlertid mange alternativer og Shoelace.css er et slikt eksempel du bør være kjent med.Dette gratis CSS-settet er egentlig ikke et komplett rammeverk. I