Verse hulpbronnen voor webontwerpers en ontwikkelaars (mei 2017)

EEN verzameling van nuttige webbronnen is iets dat een webontwikkelaar echt graag in zijn toolkit ziet. Daarom, als ontwikkelaar zelf, probeer ik je de beste en meest recente bronnen voor webontwikkeling elke maand.

De collectie van deze maand bevat een interessante gratis app voor screencasting, een aantal frameworks op basis van Material Design-taal, een aantal library's voor prestatietests, CLI's en a handvol van onze andere handige bronnen. Dus laten we ze een voor een in het volgende controleren.

Klik voor meer bronnen

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

Kap

Kap is een nette kleine schermrecorder voor MacOS. Het is een open-source app, gebouwd met webtechnologie. Een ding dat ik leuk vind in deze app is dat het biedt het converteren van de video rechtstreeks uit de doos. Kap is een geweldig alternatief voor het opnemen van je apps of live demo van de website.

Sizzy

Sizzy is een ontwikkeltool om je responsieve website te testen in meerdere viewportmaten op één scherm. Het is een superhandige app in vergelijking met de Chrome's ingebouwde mobiele emulator. Sizzy komt ook als een Chrome-extensie.

Muse UI

EEN UI-bibliotheek op basis van het Material Design-principe en gebouwd op de top van Vue.js 2.0, zit Muse UI vol met Material Design Compenents zoals Appbar, Card en Dialog. Het is geweldig framework om gebruikersinterface snel te bouwen en uit te voeren.

Geavanceerde WP-CLI

Ik ben een grote fan van WP-CLI en gebruik het bijna elke dag in mijn werk als WordPress-ontwikkelaar. Toch is het pas sinds kort dat ik erachter ben gekomen dat WP-CLI je dat toestaat maak een PHP UnitTest-steiger voor een thema! Dit is een lijst met geavanceerde gebruik door WP-CLI van de WP-CLI-onderhouder, Daniel Bachhuber, zichzelf.

krankzinnigheid

Lunacy is een Standalone Sketch-bestandsviewer voor Windows. Het werkt prima met een Sketch-bestand dat tekst, rasterafbeeldingen, zelfs verlopen en schaduwen bevat. Het vereist geen verbinding met internet, dus ontwikkelaars kunnen overal vanaf werken met Sketch-bestanden. En het is helemaal gratis.

K6

Snelheid is van belang in bijna elk aspect van de webapplicatie. Maar hoe meet u de snelheid van uw website? Goed, het antwoord is K6. Het simuleert verkeer naar uw website en laadt de website op een bepaalde duur alsof het een echt verkeer is. Kortom, K6 is het UnitTest voor prestaties.

Checker service

Een geweldige lijst met web-apps voor veel dingen controleren, zoals DNS, Load, Speed, SEO, Security en SSL. Veel van deze tools zijn gratis, maar daar staan een paar premium-services in vermeld bieden geavanceerde functies voor gebruikers.

SVGito

Is een kleine webtool om optimaliseer SVG die is gegenereerd met de Sketch-app. Plak de SVG-code op de website en deze geeft de geoptimaliseerde code onmiddellijk terug.

Launchaco

Een geweldige naam voor uw startup vinden is moeilijk en het verkrijgen van een beschikbare gebruikersnaam-handler op sociale media is nog moeilijker. Launchaco is een handige tool die kunt u domeinnamen, gebruikersnamen vinden voor verschillende sociale media zoals Twitter, Facebook, Instagram enz., en helpt u genereer een leuk logo van uw bedrijf.

onaangenaam

EEN verzameling unieke animaties gedaan met CSS. Voer de animatie alsjeblieft niet uit, als je hart en geest niet sterk genoeg zijn om het te zien.

CSS Grid Cheat Sheet

Leren CSS Grid kan behoorlijk intimiderend zijn als het gaat om een aantal nieuwe eigenschappen, een nieuwe meeteenheid en ook bijna een compleet nieuw paradigma om de weblay-out te bouwen. Deze tool, zoals de naam al aangeeft, is om u te helpen kom met CSS Grid van de grond.

naaikistje

Workbox is a nieuw initiatief van Google om Progressive Web App te bouwen (PWA). Het lijkt op Yeoman of Create React-app op een manier dat je alles kunt opzoeken en klaar in één regel.

Mavo

Mavo is een nieuw open source project van Lea Verou. Het is een bibliotheek die kale HTML-opmaak en een paar draait aangepaste attributen in een functionerende webapplicatie. Mavo gemakkelijker te volgen in vergelijking met de andere bibliotheken zoals Backbone, Vue.js of Reageren zoals het toestaat minder tech-savvy-gebruikers om webapplicaties te bouwen snel en gemakkelijk.

Materiaal UI

Simlar naar Muse UI, het is een UI-framework op basis van Meterial Design-taal. Deze is echter gebouwd met behulp van React. Het is nu aan jou de voorkeur; als je erbij bent team Vue.js of team Reageren.

Lui beeld

Lazy Image is een aangepast HTML-element om afbeelding op verzoek te laden. Dit custome-element biedt een extra .actief object binnen het Element Object dat je kunt gebruiken gebruiken om de afbeelding te activeren om te laden in elk geval of gebruikersinteractie als je nodig hebt.

Mac CLI

Dit is een handige tool om beheer je MacOS via Terminal. Typ gewoon mac update om MacOS te updaten. Of typ mac presentatie die je Mac klaarmaakt (minimaliseer alle apps, sluit browsers, verzend bestanden vanaf desktop en downloads naar prullenbak en stel de niet-storingsmodus in) voor het uitdelen van de presentatie. Hoe cool is dat!

Je wakker houden

KeepingYouAwake is een menubalk voor MacOS voorkomen dat uw Mac gedurende een bepaalde tijdsduur in slaapstand gaat of zolang het geactiveerd is. U kunt deze app met behulp van Homebrew installeren.

JSON Feed

Tenslotte! Dit is een standaardspecificatie voor het leveren van inhoudfeeds in JSON formaat. Er is al een WordPress plug-in> gebouwd voor de implementatie. Dit zou het leven van webontwikkelaars eenvoudiger moeten maken. Laten we gewoon afscheid van XML.

Koolstof

Kortom, Carbon is het Moment.js van PHP. Het is PHP-bibliotheek om te genereren en manipuleren datum- en tijdreeksen.

SpeedRacer

Een ander tool voor prestatie-eenheidstest. Terwijl K6 belastingsmeters uitvoert door Virutal-gebruikers te sturen om bezoeken en verkeer te simuleren, zal SpeedRacer dat doen de prestaties van de paginaweergave in de browser evalueren. SpeedRacer kan een goede aanvulling zijn op K6.