Sveži viri za spletne oblikovalce in razvijalce (maj 2017)
A zbiranje koristnih spletnih virov je nekaj, kar spletni razvijalec resnično veseli, da bo imel v svojem orodju. Zato, ko sem sam razvijalec, si prizadevam, da vam predstavim najboljših in najnovejših spletnih razvojnih virov vsak mesec.
Zbirka za ta mesec vključuje zanimivo brezplačno aplikacijo za screencasting, nekaj okvirov, ki temeljijo na jeziku Material Design, nekaj knjižnic za testiranje učinkovitosti, CLI in a peščica naših drugih priročnih virov. Torej, preglejmo jih enega za drugim v nadaljevanju.
Kliknite za več virovKliknite za več virov
Poiščite celotno zbirko priporočenih virov in najboljše razpoložljivo spletno oblikovanje in razvojna orodja.
Kap
Kap je a majhen zaslonski snemalnik za MacOS. Je odprtokodna aplikacija, zgrajena s spletno tehnologijo. Ena stvar, ki jo ljubim v tej aplikaciji je, da jo ponuja pretvarjanje videoposnetka izven polja. Kap je odlična alternativa za snemanje vaših aplikacij ali predstavitve v živo.
Sizzy
Sizzy je a razvojno orodje za testiranje vaše spletne strani v več velikostih prikaza na enem zaslonu. To je super priročen app v primerjavi z Vgrajeni mobilni emulator v Chromu. Sizzy ima tudi razširitev za Chrome.
Muse UI
A Knjižnica uporabniškega vmesnika, ki temelji na načelu Material Design in zgrajen na Vue.js 2.0, je vmesnik Muse opremljen z materialnimi dodatki, kot so Appbar, Card in Dialog. To je super ogrodje za hitro izdelavo in zagon uporabniškega vmesnika.
Napredno WP-CLI
Velik sem oboževalec WP-CLI in ga uporabljate skoraj vsak dan v svojem delu kot razvijalec WordPressa. Šele pred kratkim sem ugotovil, da vam WP-CLI omogoča ustvarite oder PHP UnitTest za temo! To je seznam napredne uporabe WP-CLI iz WP-CLI vzdrževalec, Daniel Bachhuber, sam.
Lunacy
Lunacy je a samostojni pregledovalnik datotek Skica za Windows. Odlično deluje z datoteko Skica, ki vsebuje besedilo, rastrske slike, celo prelome in sence. To ne zahteva povezave z internetom, tako lahko razvijalci delajo na datotekah Sketch od kjerkoli. In popolnoma brezplačno.
K6
Hitrost je pomembna v skoraj vseh vidikih spletne aplikacije. Toda kako merite hitrost vašega spletnega mesta? No, odgovor je K6. Simulira promet na vašo spletno stran in naloži spletno stran v določenem času, kot če bi bil resničen promet. Na kratko, K6 je UnitTest za uspešnost.
Storitev za preverjanje
Velik seznam spletnih aplikacij za preverite veliko stvari, kot so DNS, Load, Speed, SEO, Security in SSL. Mnoga od teh orodij so brezplačna, vendar je v njej navedenih nekaj premijskih storitev uporabnikom ponujajo napredne funkcije.
SVGito
Je majhno spletno orodje za optimizirajte SVG, ki je bil ustvarjen iz aplikacije Skica. Prilepite svojo kodo SVG na spletno mesto in takoj vrne optimizirano kodo.
Launchaco
Iskanje velikega imena za zagon je težko in še težje je pridobiti dostopnega upravljavca uporabniških imen na socialnih medijih. Launchaco je priročno orodje omogoča iskanje imen domen, uporabniških imen za različne družbene medije, kot so Twitter, Facebook, Instagram itd., in vam pomaga ustvarite lep logotip vašega podjetja.
Nevljudno
A zbirka edinstvene animacije, opravljene s CSS. Prosim, ne igrajte animacije, če vam srce in um nista dovolj močna, da bi jo videli.
CSS Grid Cheat Sheet
Učenje CSS Grid je lahko precej zastrašujoče, ko gre za številne nove lastnosti, nova merilna enota in tudi skoraj popolna nova paradigma graditi spletno postavitev. To orodje, kot že ime pove, vam pomaga stopala s tal z CSS Grid.
Workbox
Delovno polje je a nova Googlova pobuda za izgradnjo Progressive Web App (PWA). To je podobno Yeoman ali Ustvari React App na način, da lahko dobite vse gor in pripravljeni v eni ukazni liniji.
Mavo
Mavo je nov projekt Lea Verou odprte kode. To je knjižnica, ki pokaže golo oznako HTML in nekaj atributi po meri v delujočo spletno aplikacijo. Mavo lažje slediti v primerjavi z drugimi knjižnicami, kot so Backbone, Vue.js ali React, kot to omogoča manj tehnološko zdrava pamet uporabnikom za izdelavo spletne aplikacije hitro in enostavno.
Material UI
Simlar na Muse UI, je a UI okvir, ki temelji na jeziku Meterial Design. Ta pa je zgrajena z uporabo React. Zdaj je odvisno od vaših želja; če ste z ekipa Vue.js ali ekipa React.
Lazy Image
Lazy Image je a element HTML po meri za nalaganje slike na zahtevo. Ta kosovni element zagotavlja dodatno .aktivna objekt znotraj predmeta Element, ki ga lahko uporabite za sprožitev slike, da se naloži v vsakem primeru ali v interakciji z uporabnikom kot potrebujete.
Mac CLI
To je izredno orodje upravljate svoj MacOS prek Terminala. Preprosto vnesite mac update za posodobitev MacOS-a. Ali pa vnesite mac predstavitev ki bo pripravila vaš Mac (minimiziranje vseh aplikacij, zapiranje brskalnikov, pošiljanje datotek z namizja in prenesete v smeti in nastavite način ne moti) pred predstavitvijo. Kako kul je to!
Vodenje vas zbudi
KeepingYouAwake je pripomoček menijske vrstice za MacOS preprečite vstop Mac v stanje mirovanja za določeno trajanje ali dokler je aktivirana. To aplikacijo lahko namestite s programom Homebrew.
JSON Feed
Končno! To je a standardna specifikacija za dostavo vsebine v JSON format. Za izvedbo je že izdelan WordPress pluginhre. To bi olajšalo življenje spletnih razvijalcev. Samo še poslovite od XML.
Ogljik
Na kratko, Carbon je Moment.js PHP. To je PHP knjižnica za ustvarjanje in manipulirajte z datumi in časovnimi nizi.
SpeedRacer
Druga orodje za testiranje delovanja enote. Medtem ko bo K6 izvajal testiranje obremenitve s pošiljanjem Virutalovih uporabnikov za simulacijo obiskov in prometa, bo SpeedRacer oceni uspešnost upodabljanja strani v brskalniku. SpeedRacer je lahko dober spremljevalec K6.
