Svaigi resursi tīmekļa dizaineriem un izstrādātājiem (2017. gada maijs)

A noderīgu tīmekļa resursu vākšana tas ir kaut kas, ko tīmekļa izstrādātājs patiešām gaida savā instrumentu komplektā. Tāpēc, būdams pats attīstītājs, es cenšos jūs iepazīstināt ar labākie un jaunākie tīmekļa attīstības resursi katru mēnesi.

Šī mēneša kolekcijā ir interesanta bezmaksas lietojumprogramma screencasting, pāris ietvari, kas balstīti uz materiāla dizaina valodu, pāris bibliotēkas veiktspējas testēšanai, CLI un a nedaudz citu noderīgu resursu. Tātad, pārbaudīsim tos pēc kārtas.

Noklikšķiniet, lai iegūtu vairāk resursu

Atrast visu mūsu ieteikto resursu kolekciju un labākos pieejamos web dizaina un izstrādes rīkus.

Kap

Kap ir a veikls mazs ekrāna ierakstītājs MacOS. Tā ir atvērtā pirmkoda lietotne, kas būvēta ar tīmekļa tehnoloģiju. Viena lieta, kas man patīk šajā lietotnē, ir tā, ka tā piedāvā konvertējot videoklipu pa labi no kastes. Kap ir lieliska alternatīva, lai ierakstītu jūsu lietotnes vai vietnes tiešo demonstrāciju.

Sizzy

Sizzy ir a attīstības rīks, lai pārbaudītu jūsu atsaucīgo tīmekļa vietni vienā skatā vairākos skatu portu izmēros. Tā ir ļoti ērta lietotne, salīdzinot ar Chrome iebūvētais mobilais emulators. Sizzy arī nāk kā Chrome paplašinājums.

Muse UI

A UI bibliotēka, kuras pamatā ir materiāla dizaina princips un uzcelta virs Vue.js 2.0, Muse UI ir pildīta ar Material Design Compenents, piemēram, Appbar, Card un Dialog. Tas ir lieliski sistēma, lai ātri izveidotu un palaist UI.

Papildu WP-CLI

Es esmu liels ventilators WP-CLI un izmantojiet to gandrīz katru dienu manā darbā kā WordPress izstrādātājs. Tomēr tikai nesen es uzzināju, ka WP-CLI ļauj jums izveidojiet PHP vienību testu! Šis ir WP-CLI uzlabotas lietošanas saraksts no WP-CLI uzturētājs, Daniel Bachhuber, pats.

Klusums

Lunacy ir a savrupajam skices faila skatītājam operētājsistēmai Windows. Tas lieliski darbojas ar Sketch failu, kas satur tekstu, rastra attēlus, pat gradientus un ēnas. Tā nav nepieciešams savienojums ar internetu, tādējādi izstrādātāji var strādāt pie Sketch failiem no jebkuras vietas. Un tas ir pilnīgi bez maksas.

K6

Ātrums attiecas uz gandrīz katru tīmekļa lietojumprogrammas aspektu. Bet kā jūs novērtējat jūsu vietnes ātrumu? Nu, atbilde ir K6. Tā simulē datplūsmu uz jūsu vietni un ielādē tīmekļa vietni noteiktā laikā, it kā tā būtu reāla satiksme. Īsi sakot, K6 ir UnitTest par veiktspēju.

Pārbaudītāja dienests

Liels tīmekļa lietotņu saraksts pārbaudiet daudzas lietas, piemēram, DNS, Load, Speed, SEO, Security un SSL. Daudzi no šiem rīkiem ir bezmaksas, tomēr tajā ir daži piemaksas pakalpojumi piedāvāt uzlabotas funkcijas lietotājiem.

SVGito

Ir mazs tīmekļa rīks optimizēt SVG, kas ir izveidots no skices lietotnes. Ielīmējiet SVG kodu tīmekļa vietnē, un tas nekavējoties atjaunos optimizēto kodu.

Launchaco

Lieliska nosaukuma atrašana startēšanai ir grūti, un pieejamā lietotājvārdu apstrādātāja iegūšana sociālajos medijos ir vēl grūtāka. Launchaco ir ērts rīks ļauj jums atrast domēna vārdus, lietotājvārdus dažādiem sociālajiem medijiem, piemēram, Twitter, Facebook, Instagram uc, un palīdz jums radīt jauku logotipu jūsu biznesu.

Neērts

A unikālas animācijas kolekcija ar CSS. Lūdzu, nedarbiniet animāciju, ja sirds un prāts nav pietiekami stiprs, lai to redzētu.

CSS Grid Cheat Sheet

CSS Grid mācīšanās var būt diezgan biedējoša, ja runa ir par vairākiem jauniem īpašumiem, jauna mērvienība, kā arī gandrīz pilnīga jauna paradigma veidot tīmekļa izkārtojumu. Šis rīks, kā norāda nosaukums, ir palīdzēt jums nogrieziet pēdas no zemes ar CSS Grid.

Workbox

Workbox ir a jauna iniciatīva no Google, lai izveidotu progresīvo tīmekļa lietojumprogrammu (PWA). Tas ir līdzīgs Yeoman vai Izveidot reaģēšanas lietotni tādā veidā, ka jūs varat saņemt visu un uz augšu gatavs vienā komandrindā.

Mavo

Mavo ir jauns atklātā pirmkoda projekts no Lea Verou. Tā ir bibliotēka, kas pārvērš HTML marķējumu un dažas pielāgoti atribūti funkcionējošā tīmekļa lietojumprogrammā. Mavo vieglāk sekot, salīdzinot ar citām bibliotēkām, piemēram, mugurkaulu, Vue.js vai React, kā tas ir iespējams mazāk tehnoloģiju savvy lietotājiem, lai izveidotu tīmekļa lietojumprogrammu ātri un viegli.

Materiālu lietotāja interfeiss

Simlar uz Muse UI, tas ir UI sistēma, kas balstīta uz Meterial Design valodu. Tomēr tas ir izveidots, izmantojot React. Tagad tas ir atkarīgs no jūsu vēlmēm; ja esat ar komanda Vue.js vai komanda React.

Lazy Image

Lazy Image ir a pielāgots HTML elements, lai ielādētu attēlu pēc pieprasījuma. Šis custome elements nodrošina papildu .aktīvs objekts objekta objektā, kuru varat izmantot, lai aktivizētu attēlu ielādēšanai jebkurā gadījumā vai lietotāja mijiedarbībā kā jums nepieciešams.

Mac CLI

Tas ir jauks rīks pārvaldiet savu MacOS caur termināli. Vienkārši ierakstiet mac atjaunināšana atjaunināt MacOS. Vai arī ierakstiet mac prezentācija kas sagatavos jūsu Mac (samazināt visas lietotnes, aizveriet pārlūkprogrammas, nosūtīt failus no darbvirsmas un lejupielāde uz miskasti un iestatiet netraucētu režīmu) pirms prezentācijas. Cik foršs tas ir!

Saglabāt jūs

KeepingYouAwake ir izvēlnes josla utilīta MacOS neļauj Mac datoram ieiet miega režīmā uz noteiktu laiku vai tik ilgi, kamēr tas ir aktivizēts. Jūs varat instalēt šo lietotni, izmantojot Homebrew.

JSON plūsma

Visbeidzot! Tas ir standarta specifikācija satura plūsmas piegādei JSON formātā. Jau ir izveidots WordPress spraudnis, kas ir izveidots, lai to īstenotu. Tam vajadzētu atvieglot tīmekļa izstrādātāju dzīvi. Let's just atvadīties no XML.

Ogleklis

Īsāk sakot, Carbon ir PHP Moment.js. Tas ir PHP bibliotēka, lai radītu un manipulēt ar datumu un laiku.

SpeedRacer

Vēl viens rīks veiktspējas vienības testam. K6 veiks slodzes testētājus, nosūtot Virutal Lietotāji, lai modelētu apmeklējumus un satiksmi novērtējiet pārlūkprogrammas lapu sniegšanas veiktspēju. SpeedRacer var būt labs pavadonis K6.