Tuoreet resurssit web-suunnittelijoille ja kehittäjille (toukokuu 2017)

hyödyllisiä web-resursseja on jotain, jonka web-kehittäjä todella odottaa saavansa työkalupakettiaan. Koska olen itse kehittäjä, pyrin esittämään sinulle parhaat ja uusimmat web-kehitysresurssit joka kuukausi.

Tämän kuukauden kokoelma sisältää mielenkiintoinen ilmainen sovellus screencastingiin, pari kehystä, jotka perustuvat Materiaalisuunnittelukieliin, pari kirjastoa suorituskyvyn testaukseen, CLI: t ja a kourallinen muut kätevät resurssit. Joten tarkistetaan ne yksitellen seuraavassa.

Klikkaa lisää resursseja

Etsi koko kokoelma suositeltuja resursseja ja parhaat web-suunnittelu- ja kehitystyökalut.

Kap

Kap on a siisti pieni näytönauhuri MacOSille. Se on avoimen lähdekoodin sovellus, joka on rakennettu web-tekniikalla. Yksi asia, jota rakastan tässä sovelluksessa, on se, että se tarjoaa muuntaa videon oikeanlaisen laatikon. Kap on hyvä vaihtoehto tallentaa sovelluksesi tai verkkosivustosi live-esittely.

Sizzy

Sizzy on a kehitystyökalu, jolla voit testata reagoivan verkkosivustosi useita näkymän kokoja yhdellä näytöllä. Se on erittäin kätevä sovellus verrattuna Chromeen sisäänrakennettu mobiili-emulaattori. Sizzy on myös Chrome-laajennus.

Muse UI

UI-kirjasto perustuu Material Design -periaatteeseen ja rakennettu Vue.js 2.0: n päälle, Muse UI on täynnä Material Design Compenentsia, kuten Appbaria, Cardia ja Dialogia. Se on suuri rakentaa ja käyttää UI: ta nopeasti.

Edistynyt WP-CLI

Olen suuri fani WP-CLI ja käytä sitä lähes joka päivä työssäni WordPress-kehittäjänä. Kuitenkin, vasta äskettäin huomasin, että WP-CLI antaa sinulle mahdollisuuden luo PHP-yksikkötestirakenne teemaan! Tämä on luettelo WP-CLI-edistyneestä käytöstä WP-CLI-ylläpitäjä, Daniel Bachhuber, hän itse.

järjettömyys

Lunacy on a standalone Sketch-tiedoston katseluohjelma Windowsille. Se toimii hyvin Sketch-tiedoston kanssa, joka sisältää tekstiä, rasterikuvia, jopa gradientteja ja varjoja. Se ei vaadi yhteyttä Internetiin, siten kehittäjät voivat työskennellä Sketch-tiedostoilla mistä tahansa. Ja se on täysin ilmainen.

K6

Nopeus liittyy lähes kaikkiin web-sovelluksen osa-alueisiin. Mutta miten mitataan sivustosi nopeutta? Hyvin, vastaus on K6. Se simuloi liikennettä sivustoosi ja lataa verkkosivuston tietyllä kestolla ikään kuin se olisi todellinen liikenne. Lyhyesti sanottuna K6 on UnitTest suorituskyvylle.

Checker-palvelu

Loistava luettelo web-sovelluksista tarkista paljon tavaraa, kuten DNS, Load, Speed, SEO, Security ja SSL. Monet näistä työkaluista ovat ilmaisia, mutta siinä on muutama premium-palvelu tarjota käyttäjille kehittyneitä ominaisuuksia.

SVGito

Onko pieni web-työkalu optimoi SVG, joka on luotu Sketch-sovelluksesta. Liitä SVG-koodi verkkosivustolle ja se palauttaa optimoidun koodin välittömästi.

Launchaco

Löydät loistavan nimen käynnistyksellesi on vaikeaa, ja saatavilla olevan käyttäjätunnuksen hankkijan saaminen sosiaalisen median avulla on vieläkin vaikeampaa. Launchaco on kätevä työkalu voit etsiä verkkotunnuksia, käyttäjätunnuksia eri sosiaalisen median, kuten Twitterin, Facebookin, Instagramin jne., ja auttaa sinua luo mukava logo yrityksesi.

Vastenmielinen

CSS: llä tehty ainutlaatuinen animaatio. Älä aja animaatiota, jos sydän ja mieli eivät ole tarpeeksi vahvoja näkemään sitä.

CSS Grid Cheat Sheet

CSS-verkon oppiminen voi olla melko pelottavaa, kun on kyse useista uusista ominaisuuksista, uusi mittayksikkö, ja myös lähes täydellinen uusi paradigma rakentaa web-asettelu. Tämä työkalu, kuten nimikin viittaa, on auttaa sinua saat CSS Gridillä jalkasi maasta.

Workbox

Workbox on a Googlen uusi aloite Progressive Web Appin rakentamiseen (PWA). Se on samanlainen kuin Yeoman tai Luo React App niin, että voit saada kaiken ylös ja valmis yhdellä komentorivillä.

mavo

Mavo on Lea Veroun uusi avoimen lähdekoodin projekti. Se on kirjasto, joka muuttuu paljaaksi HTML-merkinnäksi ja muutamaksi mukautetut attribuutit toimivaksi verkkosovellukseksi. Mavo on helpompi seurata verrattuna muihin kirjastoihin, kuten Backbone, Vue.js tai React, kun se sallii vähemmän tech-savvy käyttäjät voivat rakentaa web-sovelluksen nopeasti ja helposti.

Materiaalin käyttöliittymä

Simlar on Muse UI, se on a UI-kehys perustuu Meterial Design -kieleen. Tämä on kuitenkin rakennettu käyttäen Reactia. Se on nyt sinun mieltymyksesi mukaan; jos olet joukkue Vue.js tai tiimi React.

Lazy Image

Lazy Image on a mukautettu HTML-elementti kuvan lataamiseen pyynnöstä. Tämä custome-elementti tarjoaa lisää .aktiivinen objektin objektin sisällä käyttää käynnistääksesi kuvan ladattavaksi missä tahansa tapauksessa tai käyttäjän vuorovaikutuksessa kuten tarvitset.

Mac CLI

Tämä on hieno työkalu hallita MacOSia terminaalin kautta. Yksinkertaisesti kirjoita mac-päivitys päivittää MacOS. Tai kirjoita mac-esitys joka valmistaa Macin (minimoi kaikki sovellukset, sulje selaimet, lähetä tiedostoja työpöydältä ja lataukset roskakoriin ja asetettu ei-häiriötilaan) ennen esityksen antamista. Kuinka siistiä!

Pidät sinut hereillä

KeepingYouAwake on MacOS: n valikkorivin apuohjelma estää Macia pääsemästä lepotilaan tietyn ajan tai niin kauan kuin se on aktivoitu. Voit asentaa tämän sovelluksen Homebrewin avulla.

JSON-syöte

Vihdoinkin! Tämä on standardisovellus sisällön syötteen toimittamiseksi JSON: ssa muoto. Sovellukseen on jo rakennettu WordPress-pluginhre. Tämän pitäisi helpottaa web-kehittäjien elämää. Katsotaanpa sanoa hyvästit XML: lle.

hiili

Lyhyesti sanottuna Carbon on PHP: n Moment.js. Se on PHP-kirjasto manipuloida päivämäärän ja ajan merkkijonoja.

SpeedRacer

toinen työkalu suorituskyvyn yksikön testaukseen. Vaikka K6 suorittaa kuormitustestejä lähettämällä Virutal-käyttäjiä vierailujen ja liikenteen simuloimiseksi, SpeedRacer tulee arvioi selaimen sivunmuodostustehoa. SpeedRacer voi olla K6: n hyvä kumppani.