Fresh Resource voor webontwikkelaars - april 2017
Sinds het begin van het jaar 2017 is er veel veranderd in de wereld van webontwikkeling, met nieuwe apps en bronnen die om de dag beschikbaar zijn . Bijblijven met de trend, deel ik vandaag met u een aantal nieuwe bronnen voor webontwikkeling.
Deze hulpmiddelen omvatten een webapp waarmee je de nieuwe native CSS Grid-module kunt leren, een cursus die je helpt om van begin af aan React te leren, een verwijzing om een aantal PHP-ontwerppatronen te leren om je PHP-codes te verbeteren en nog een paar. Laten we ze eens bekijken.
Klik voor meer bronnenKlik voor meer bronnen
Ontdek onze volledige verzameling aanbevolen bronnen en de beste beschikbare hulpmiddelen voor webontwerp en -ontwikkeling.
Slinky
Een Sketch-plugin waarmee u uw Artboard naar HTML e-mailsjabloon kunt exporteren met een eenvoudige klik. Slinky is momenteel in de actieve ontwikkelfase, maar er zijn nog steeds een paar dingen die ruw zijn aan de randen. Volg dus de richtlijn om de best mogelijke output te krijgen .

Een samengestelde map met boilerplates en sjablonen waarmee u snel aan de slag kunt met een project. Het bevat een lijst van boilerplates van verschillende talen en raamwerken, waaronder jQuery, Angular, React, WordPress, Backbone en Electron .

CSS Grid is het volgende grote ding dat de manier zal veranderen waarop we lay-out regelen en gridrasters gebruiken om een website te bouwen. Echter, gezien de complexiteit, kan het gebruik van CSS Grid voor sommige gebruikers overweldigend zijn . In zo'n geval kan deze handige webapplicatie, Griddy, erg handig zijn bij het leren van CSS Grid .

Ik ben React aan het leren schrijven en heb een geweldige cursus gevonden waarin je kunt leren Reageren als een beginner. De cursus bestaat uit video's, artikelen en quizzen. En heb ik gezegd dat deze cursus helemaal gratis is ?

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 chassisinstallaties visueel beheren. Op het moment van schrijven bevindt Chassis zich nog in de ontwikkelingsfase, maar het wordt binnenkort vrijgegeven .

Een verzameling standaardpapierformaten die worden gebruikt in verschillende landen, waaronder de veelgebruikte formaten in Japan, Frankrijk en Canada. Het is een geweldige bron die zowel webontwerpers als ontwikkelaars als bladwijzer kunnen gebruiken .

Een leuke JavaScript-bibliotheek om Tooltip te bouwen, TippyJS wordt geleverd met een overvloed aan instellingen om te configureren hoe de tooltip moet verschijnen en zich moet gedragen. Het is 'themabel' op een manier dat je het uiterlijk eenvoudig kunt aanpassen via CSS . Ontwikkelaars zullen vooral de "Callback" die het biedt waarderen.

Inzicht in het ontwerppatroon van een programmeertaal 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 .

Guzzle is een handige PHP-bibliotheek om HTTP-verzoeken te maken met verschillende methoden zoals "GET", "POST" en zelfs Async-aanvragen vergelijkbaar met JavaScript. Het wordt geleverd met een overvloed aan functiemethoden, waarbij u eenvoudig het antwoord krijgt van het aangevraagde verzoek, inclusief de antwoordkop , het hoofdgedeelte en de statuscode .

Mini is een CSS-framework met een minimale footprint . En net als de andere frameworks wordt het geleverd met een aantal webcomponenten zoals Grid, Navigation, Table, etc.

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

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

Numi is een eenvoudige, mooie en unieke rekenmachine-app voor Mac. Type eenvoudig "10USD in SGD" en u krijgt het resultaat!

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 het ook gebruiken voor andere frameworks of platforms zoals WordPress en Drupal .

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 implementatie .

Husky is een module Node waarmee we githooks kunnen uitvoeren, zoals pre-commit
, pre-receive
en post-receive
.

Met EasyMap is het heel eenvoudig om markeringen te renderen en toe te voegen in Google Maps . Voeg eenvoudig uw Google Maps API-sleutel toe en geef het adres in JSON-indeling op en u bent klaar.

Een handige 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 die jQuery gebruiken, zelfs die zoals Github .

Bash Guide, zoals de naam al aangeeft, is een handige handleiding voor basisopdrachtregels . Een geweldige bron voor webontwikkelaars die net zijn begonnen met terminal- en opdrachtregels .

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


11 manieren om Google Chrome sneller te maken
Een van de populairste webbrowsers waar gebruikers van houden is Google Chrome, maar ondanks alle functie-updates en bugfixes kan Chrome soms vertragen vanwege sommige functies, uitbreidingen of applicaties.Het goede nieuws is dat er verschillende tips en trucs zijn en hacks die helpen om de algehele snelheid en gevoeligheid van deze browser te verbeteren, die vervolgens de laadsnelheid van pagina's en de snelheid van surfen op het web kan verbeteren

Aangepaste tijdinvoervelden met jQuery Timedropper
Sommige webformulieren vereisen datumgebaseerde invoer en datumselectieplug-ins kunnen daarbij helpen. Maar hoe zit het met de invoer van de tijd ?Met de gratis jQuery-plug-in Timedropper kunt u aangepaste tijdkiezers toevoegen voor het instellen van afspraken, het plannen van telefoongesprekken of vrijwel alles wat u nodig hebt