Verse hulpbronnen voor webontwerpers en ontwikkelaars (april 2017)

Sinds het begin van het jaar 2017 is er veel veranderd in de wereld van webontwikkeling, met nieuwe apps en bronnen komen om de andere dag. Bijblijven met de trend, deel ik vandaag met u een aantal nieuwe bronnen voor webontwikkeling.

Deze bronnen omvatten een web-app die u zal helpen leer de nieuwe native CSS Grid-module, een cursus die u helpt om React te leren vanaf het begin een referentie om een aantal PHP-ontwerppatronen te leren verbeter je PHP-codes, en nog een paar meer. Laten we ze eens bekijken.

Klik voor meer bronnen

Ontdek onze volledige verzameling aanbevolen bronnen en de beste beschikbare hulpmiddelen voor webontwerp en -ontwikkeling.

Slinky

EEN Schets plugin dat stelt u in staat om exporteer je Artboard naar HTML e-mailsjabloon met een simpele klik. Slinky is momenteel in de actieve ontwikkelingsfase, maar er zijn nog steeds een paar dingen die ruw zijn aan de randen. Volg dus de richtlijn op krijg de best mogelijke output.

Boilrplate

EEN samengestelde map van boilerplates en sjablonen om u te helpen snel aan de slag te gaan met een project. Het bevat een lijst met boilerplates van verschillende talen en framework inclusief jQuery, Angular, React, WordPress, Backbone en Electron.

Griddy

CSS Grid is het volgende grote ding dat zal verander hoe wij lay-out schikken en gebruik rasterkaders om een website te bouwen. Echter, gezien de complexiteit, zou het gebruik van CSS Grid kunnen zijn overweldigend voor sommige gebruikers. In zo'n geval kan deze handige webapplicatie, Griddy, heel erg zijn nuttig bij het leren van CSS Grid.

Reaction Fundamentals

Ik leer React op het moment van schrijven en vond een geweldige cursus waar je kunt leren Reageren als een beginner. De cursus bestaat uit video's, artikelen en quizzen. En heb ik dat gezegd deze cursus is helemaal gratis?

Chassis Desktop

Chassis is een virtuele machine-configuratie die is ontworpen om te bouwen rond het WordPress-ecosysteem zoals de Thema's en Plug-ins. Hiermee kunt u Chassis-installaties visueel beheren. Op het moment van schrijven is Chassis nog in de ontwikkelingsfase, maar deze zal binnenkort worden vrijgegeven.

Papersizes

Een verzameling van standaard papierformaten die in verschillende landen worden gebruikt inclusief die veelgebruikte maten in Japan, Frankrijk en Canada. Het is een geweldige bron die zowel webontwerpers als ontwikkelaars moeten een bladwijzer maken.

TippyJS

Een leuke JavaScript-bibliotheek om tooltip te bouwen, TippyJS wordt geleverd met een overvloed aan instellingen om te configureren hoe de knopinfo moet verschijnen en zich moet gedragen. Het is 'themabel' op een manier die je kunt pas het uiterlijk eenvoudig aan via CSS. Ontwikkelaars zullen vooral het “Bel terug” het zorgt voor.

Ontwerppatronen PHP

Het ontwerppatroon van een programmeertaal begrijpen kan helpen bij het produceren van codes die niet alleen werken, maar ook schaalbaar en gemakkelijk te onderhouden zijn. Als je van PHP houdt, is dit een van de tutorials waar je naar moet kijken.

zuipen

Guzzle is handig PHP-bibliotheek om HTTP-verzoeken te maken met verschillende methoden zoals “KRIJGEN”, “POST” en zelfs Async-verzoeken vergelijkbaar met JavaScript. Het komt met een overvloed aan functiemethoden waar je gemakkelijk het antwoord krijgt van het ingediende verzoek, inclusief het antwoord Header, het lichaam en de statuscode.

Mini.css

Mini is a CSS-raamwerk met minimale footprint. En net als de andere frameworks wordt het geleverd met een aantal webcomponenten zoals Raster, navigatie, tabel, enz.

SimpleIcons

EEN verzameling iconen van bedrijven en merken van populaire zoals eBay, Viber, Dribble en Google+ tot de minst populaire zoals Gitter, Kirby, Viadeo. De pictogrammen zijn beschikbaar in SVG-indeling en kan een geweldige bron blijken te zijn voor zowel ontwerpers als ontwikkelaars.

Chrome MySQL Admin

EEN Chrome-extensie om uw MySQL-database te beheren. Het is een geweldig alternatief voor apps zoals Sequel Pro en MySQL Workbence.

Numi

Numi is een eenvoudige, mooie en unieke rekenapp voor Mac. Typ gewoon “10 USD in SGD” en je krijgt het resultaat!

Laradock

EEN Docker-configuratie om Laravel uit te voeren. Laradock ondersteunt verschillende databasemotoren, waaronder MariaDB en MongoDB, evenals cachemachines zoals Redis en Memchaced. Hoewel het is vernoemd naar Laravel, kunt u gebruik het voor andere frameworks of platforms zoals WordPress en Drupal ook.

Fabrica

Fabrica is een verzameling tools om WordPress van begin tot einde te ontwikkelen. Fabrica gebruikt Docker voor snel werken en om de ontwikkelomgeving in te stellen en gebruikt WordMove voor de inzet.

Schor

Husky is a Knoop module waarmee we githooks kunnen uitvoeren zoals pre-commit, pre-receive, en post-ontvangen.

EASYMAP

EasyMap maakt het absoluut gemakkelijk te renderen en markeringen toe te voegen in Google Maps. Voeg eenvoudig uw Google Maps API-sleutel toe en geef het locatieadres op in a JSON-formaat en je bent klaar.

Wappalyzer

Een handig Chrome-extensie om te zien welke hulpprogramma's, servers en bibliotheken een website gebruikt. Ik heb uit deze tool ontdekt dat er nog steeds veel populaire websites zijn met behulp van jQuery, zelfs degene zoals Github.

Bash Guide

Bash Guide, zoals de naam al aangeeft, is een handige gids voor basiscommandolijnen. Een geweldige bron voor webontwikkelaars die net zijn begonnen Terminal- en commandoregels.

Chroma.js

Chroma.js is JavaScript-bibliotheek om kleuren te manipuleren. Het ondersteunt veel kleurindelingen, waaronder HEX, RGB en RGBA. Bovendien kunt u ook manipuleer de kleuren op basis van de helderheid, het contrast en de verzadiging.