Verse hulpbronnen voor webontwerpers en ontwikkelaars (juli 2018)
Juli is de maand die de zomerhoogtepunt brengt en dus voor de hele reeks nieuwe bronnen van deze maand, hebben we een aantal geweldige nieuwe hulpmiddelen van een aantal gevestigde maar ook beginnende ontwikkelaars.
De lijst bevat een behoorlijk interessante mix van hulpmiddelen, variërend van Sketch Library door de WordPress-community, waarmee je een WordPress-interfaceprototype kunt maken, een handvol tools die React.js en Vue.js uitbreiden, en een paar referenties om je ontwikkelvaardigheden te verbeteren. Laten we ze eens bekijken.
WPRIG
Een alles-in-één WordPress-startersthema gemaakt door Morten Rand-Hendriksenand is uitgerust met een bouw proces vooraf ingesteld met behulp van moderne tools zoals Gulp, Babel, ESLint en Visual Studio Code-integratie. Het zal u helpen een geweldig WP-thema te creëren zonder het gedoe van het configureren van de omringende ontwikkeltools.
VueNative
Een op Vue.js gebaseerd framework voor het bouwen van een platformonafhankelijke mobiele applicatie waarmee u uw code kunt schrijven met de Vue.js-specificatie. De tool zal compileer het naar de React Native en doe de magie voor je achter de schermen met de vue-native
CLI. Als u al bekend bent met Vue.js, kan dit een geschikt kader om een mobiele applicatie te bouwen.
SketchPress
De mensen om 10.00 uur hebben zojuist SketchPress uitgebracht, wat een Schetsjabloon voor het snel maken van WordPress-mockups en ontwerpen voor beheerinterfaces. Het zit vol met algemene beheerdersinterface zoals de primaire knop, menubalk, Dashicons, Metabox, enz. SketchPress is een geweldig hulpmiddel voor WordPress-ontwikkelaars om de plug-in en thema-instellingen of opties-pagina uit te lijnen met de gebruikersinterface van WordPress admin.
Docz
Docz is een documentatie generator op basis van MDX die was opgenomen in de laatste ronde van deze serie. Met deze tool kunt u een aangepaste JSX-compenent in de mix importeren en opnemen met de markdown-syntaxis, net als bij het schrijven van een JSX-document.
Animista
CSS-animatie brengt het web tot leven. Het is echter niet altijd eenvoudig om CSS-animaties samen te stellen, gelet op de browser-voorvoegsels voor compatibiliteit, parameters en de animatietermijn. Animasta maakt dit spul gemakkelijker door de code voor je te genereren. Jij kan configureer animatie in een gebruikersvriendelijke interface van waaruit u eenvoudig de code kunt kopiëren.
GridToFlex
Een paar voorbeelden van een gemeenschappelijke weblay-out die is gemaakt met behulp van het native CSS Grid en Flexbox gebruiken als een fallback voor een browser die het nog niet ondersteunt. Bekijk onze post: Inleiding tot de CSS grid lay-outmodule.
RatioBuddy
Een leuke tool om een box genereren met CSS met een gedefinieerde ratio, bijvoorbeeld, 1: 1
, 3: 4
, enz. De tool genereert de code in SCSS-formaat om te kopiëren.
Hoe GraphQL te gebruiken
GraphQL is een alternatief voor REST-gegevensstructuur en How to GraphQL is a uitgebreide bron om het te leren. Het is veel efficiënter dan REST omdat het alleen de gevraagde gegevens zal trekken, waardoor de hoeveelheid lading en gegevensoverdracht wordt verminderd.
Voorbeeldgeschiedenis
Een eenvoudige plug-in voor WordPress om de geschiedenis van de activiteit weer te geven die in het WordPress-dashboard is gedaan. Het ondersteunt native activiteit van WordPress, bijvoorbeeld wanneer een gebruiker berichten en pagina's maakt, zich aanmeldt en andere plug-ins activeert of deactiveert. Het kan ook andere plug-insactiviteit volgen inclusief geavanceerde aangepaste velden (ACF) en gebruikerswisseling. Dit is een geweldige plug-in om de interne activiteit van uw sites bij te houden.
Transfer.sh
het is een handig hulpprogramma om bestanden te delen via de opdracht Shell. Je kunt elk type bestand uploaden voor maximaal 10 Gb. Het ondersteunt ook bestandsencryptie. En heb ik al gezegd dat het helemaal gratis is?
FB Sonar
Een hulpmiddel om mobiele apps te debuggen voor iOS en Android. De app is uitgerust met een aantal hulpmiddelen voor een gemakkelijke debugging-ervaring zoals een logboekviewer, interactieve lay-outinspector en netwerkinspecteur. Als dat niet genoeg is, kunt u een plug-in maken om de app uit te breiden met de functionaliteit die u nodig hebt.
JSUI
Deze app zit boordevol tools om je projecten beter te organiseren. Jij kan een groep maken, een nieuw project genereren met behulp van enkele populaire projecten zoals React, Vue en Angular, installeer een projectafhankelijkheid, voer een Node.js-server uit en nog veel meer. Een geweldige app voor diegenen die tientallen projecten beheren.
BrainMonkey
Een testprogramma voor PHP-eenheden ontworpen met een aantal specifieke hulpmiddelen voor WordPress. Het biedt hulpmiddelen waarmee bespotten PHP-functies. Het biedt ook een set van tools uit de doos om te gaan met sommige WordPress-functies zoals add_action
remove_action
om er een paar te noemen, die over het algemeen zijn tricky
testen.
fractal
Fractal is ontworpen als een centrale documentatietool waarmee ontwikkelaars binnen een team kunnen doorverwijzen wanneer een component in een project moet worden geïntegreerd. Hiermee kunt u integreer codefragment, weergave van voorbeelden, documentatie, notities, enz. van elke component.
Ant Design Pro
“AntDesign” is een van de populaire UI-frameworks op basis van React.js en dit is het “Pro” versie ontworpen voor zakelijke toepassing. Het bevat verschillende extra componenten die niet in het gemeenschappelijke pakket van AntDesign staan, zoals AvatarList, HeaderSearch en TagSelect.
Het raamwerk heeft ook ingebouwde ontwikkeltools zoals de tool Build, Test Suite en Deployment zodat u meteen aan uw code kunt werken in plaats van tijd te verspillen aan de workflow-configuratie.
LuminJS
Een super klein JavaScript-bibliotheek om tekst op uw website te markeren. Het werkt naadloos met een complexe DOM-structuur en het is programmeerbaar in die zin dat je de snelheid, de styling en de animatie kunt instellen.
aanwijzingen
Een handig NPM-pakket om interactieve CLI te bouwen met Node.js. Het ondersteunt basisprompt, meerdere keuzes, dynamische prompt en vele soorten invoer, zoals een wachtwoord, tekst, nummer en e-mail enz.
Perceptie
Een coole plug-in WordPress die dat zou doen verbetering van de zoekfunctie voor WordPress mediabibliotheek door afbeeldingen te classificeren met behulp van de Google Cloud Vision-API. Als u bijvoorbeeld een heeft geüpload “vogel” afbeelding, kunt u de afbeelding doorzoeken met behulp van het trefwoord “vogel” of het trefwoord al dan niet is opgenomen in de afbeeldingsnaam, bestandsnaam of de metadata.
DevTube
Een verzameling van video's, getrokken van Youtube, van verschillende ontwikkelaar conferenties zoals JSConf, Google TechTalk en O'Reilly. Pak nu je popcorn en verbeter je Dev-vaardigheden.
Reactive.how
Reactieve programmering is in opkomst; een nieuw paradigma in programmeren, met name rond het web, waar de datastroom overvloedig is en continu elke milliseconde stroomt. Deze hulpbron is een initiatief van Cèdric Soulas tot leer je de principes van reagerend programmering.