Svaigi resursi tīmekļa dizaineriem un izstrādātājiem (2018. gada aprīlis)
Šomēnes mēs redzējām dažus paziņojumus no ievērojamiem tehnoloģiju nosaukumiem. Piemēram, Apple iegādājās jaunu datu bāzes sistēmu, Google izlaida jaunu rīku, lai izmērītu jūsu vietnes ātrumu mobilajā ierīcē, un Github ar bezmaksas kursu, lai sāktu darbu ar Git, Github un kodēšanu kopumā.
Arī šodienas amatā es arī ir vairāki jauni rīki, kas pašlaik pieaug. Pārlēkt uz to, kas mums ir vairāk sarakstā.
VuePress
Jauns rīks no Vue veidotāja VuePress ir a statiskā vietnes ģenerators izstrādāts ar Vue.js. Tā ģenerē un iepriekš padara statisku HTML par katru lapu, un darbojas kā SPA (vienas lapas lietojumprogramma). Tas ir aprīkots ar dažām funkcijām, ieskaitot iespēju pievienot Google Analytics ID, meklēšanu, nākamo un iepriekšējo navigāciju, sānjoslu un PWA.
IMG-2
JavaScript bibliotēka, kas ievieš a pielāgots elements, img-2
. Jaunais elements pievieno virkni optimizācijas, kas neatbilst standartam img
elementu, uzlabot attēla ielādēšanas iespējas lietotājiem. Ar pielāgoto elementu attēls tiks arī iepriekš saglabāts kešatmiņā slinks slodze attēlus un kalpo no kešatmiņas tikai tad, kad attēli tiek ievadīti lietotāja skata logā. Pārbaudiet demonstrāciju.
Tabler
Elegants informācijas panelis / administrācijas panelis pamatojoties uz Bootstrap 4. Informācijas panelī ir iepriekš izgatavotas sastāvdaļas, piemēram, diagrammas, veidlapas, galerijas, cenu tabula un jauka pielāgoto ikonas. Lielisks sākumpunkts, lai ļautu izstrādātājiem ātri izveidot administratora paneli. Pārbaudiet demonstrāciju!
DayJS
DayJS JavaScript bibliotēka, lai formatētu datumus un laikus. Vēl vairāk, DayJS ir līdzīgas API ar Moment.js, taču tas ir tikai 2Kb svars. Ņemot vērā, ka tas varētu būt a lieliska alternatīva Moment.js, ja vēlaties vieglāku bibliotēku, tomēr saglabājiet zināšanas par to, ko jūs jau zināt.
UnifiedArchive
PHP bibliotēka, kas nodarbojas ar saspiestiem failiem, UnifiedArchive atbalsta plašu formātu klāstu, ieskaitot RAR, Zip, Gzip, Tar, un daudz citu saspiešanas veidu. Izmantojot šo bibliotēku, varat arhivēt un iegūt failus vai direktorijus. Tas nodrošina dažas API, lai manipulētu ar failiem pēc tam, kad tas ir iegūts no arhīva. UnifiedArchive ir pieejams kā Komponistu pakete.
Github mācību laboratorija
Github tikko paziņoja par bezmaksas kurss, kas galvenokārt attiecas uz Gitu Githubā. Pašlaik ir 5 kursi, kur var uzzināt dažas ērtas lietas, piemēram, kā lietot Github lai uzņemtu savus kodus, kā lietot Github lapas lai jūsu projektam iegūtu bezmaksas vietni vai emuāru un kā pārvaldīt sapludināšanas konfliktus, kas bieži sastopami, strādājot ar daudziem izstrādātājiem projektā.
WordPress UnitTest DOM Parser
Jauks padoms no Takayuki Miyauchi testēšana DOMElement, veicot UnitTest programmā WordPress. Es personīgi konstatēju, ka tas patiešām ir noderīgs; ceru, ka jūs to atradīsiet.
Popmotions
JavaScript bibliotēka sviestam vienmērīgai animācijai tīmeklī, “Popmotions” nodrošina API, ko sauc par fiziku, kas ļauj izveidot ar reālu dzīvi tuvu reāllaika efektu. Tas ir bezgalīgs; bibliotēku vienkārši izejas vērtības, pamatojoties uz konkrēto konfigurācijas komplektu. Tas ļauj jums izmantot šos izejas, lai animētu jebkuru datu nesēju, ieskaitot CSS, SVG, Three.js un pat React.js.
Driver.js
JavaScript bibliotēka, kas ļauj jums “vadīt” lietotājs fokusējas uz lapu. Tas ir īpaši noderīgi, ja vēlaties ieviest īpašas funkcijas vai virzīt tās uz konkrētiem uzdevumiem lapā. Driver.js ir taisnība 4 KB lieluma, pielāgojama un tastatūrai draudzīga.
Aizstāt animētu GIF ar video
GIF ir visur, pēc lielas atgriešanās. Bet GIF problēma ir tā, ka tā parasti ir ļoti liela. Tas ir joslas platuma izšķērdēšana, tomēr grafiskā kvalitāte bieži ir briesmīga. Tas Google norādījumi parāda, kā “Video” var aizstāt GIF, lai parādītu animācijas grafiku.
Teksta maska
JavaScript bibliotēka pārveidot tekstu, kam nepieciešams īpašs formatējums piemēram, tālruņa numuru, valūtu vai kredītkartes numuru. Tā kā lietotājs raksta tekstā, tas automātiski tiks pārveidots par atbilstošu formatējumu, uzlabojot lietotāja pieredzi. TextMask var izmantot kopā ar React, Vue vai vienkārši vienkāršu JavaScript.
Salīdziniet mobilās vietnes ātrumu
Šis ir vēl viens ērts rīks no Google. Šis rīks ļaus jums pārbaudot vietnes ātrumu, ielādējot no mobilā tālruņa un novērtējiet kopējo ieņēmumu zudumu, kad vietne ielādējas lēni. Jūs varat izvēlieties valsti un ātrumu no kuriem jūsu vietne tiks pārbaudīta.
VueNut
VueNut izveido sadarbības partneri, veidojot tīmekļa lietojumprogrammu ar Vue.js un Vuex vieglāk izpētīt saglabāto datu stāvokli un ļauj viegli manipulēt ar datiem izstrādes laikā. Foršas lietas!
FoundationDB
Nesen Apple veica FoundationDB atvērtu avotu Githubā. Tas ir atslēgu vērtības pāru datu bāzes sistēma kas sola mērogojamību un veiktspēju. Tas ir forši, ka lieliem tehnoloģiju uzņēmumiem, kas sāk veltīt atvērtam kodam, daži no saviem produktiem.
StoryBooks
StoryBooks ir līdzeklis, lai būvēt React komponentu izolēti. Tā nodrošina pārlūkprogrammas lietotāja interfeisu, ļaujot jums apskatīt katra komponenta dažādos stāvokļus, kā arī pārbaudīt komponentus.
GhostText
Pārlūkprogrammas paplašinājums sinhronizējiet to, ko rakstāt pārlūkprogrammā, uz teksta redaktoru vai otrādi. Es to atradu galu galā, ja vēlaties, lai jūs varētu rakstīt tīmekļa vietnē ar kodu redaktora ērtībām un iespējām. GhostText ir pieejams Chrome, Firefox un Opera.
Coala
Coala ir a CLI, kas nodrošina saskarni savākšanas un fiksēšanas kodam neatkarīgi no izmantotajām valodām. Jūs varat izmantot Coala kodu redaktorā, integrēt to ar CI (nepārtraukta integrācija) un pielāgot to ar konfigurācijas sintaksi .coafile
. Coala atbalsta daudzas valodas, piemēram, CSS, JavaScript, PHP, un jūs varat atrast vairāk šajā direktorijā.
ReactStrap
ReactStrap ir Bootstrap 4 komponentu kolekcija, kas pārveidota par atkārtoti izmantojamiem React komponentiem. Ja vēlaties modernizēt savu veco Bootstrap tīmekļa vietni, šī bibliotēka ir kaut kas, ko jūs varētu vēlēties apskatīt.
Reacto
Vēl viens ar React saistīts rīks, Reacto ir IDE, kas uzbūvēts uz Electron virsmas un paredzēts tīmekļa lietojumprogrammu izstrādei ar ReactJS. Tas izskatās patiešām ērti, ja jūsu attīstības primārais virziens ir ap ReactJS.
PicoJS
JavaScript bibliotēka nodrošina sejas noteikšanu. Tas darbojas ar fotoattēlu vai iebūvētu kameru. Tas ir patiešām aizraujoši, kā interneta tehnoloģijas attīstās pēdējos gados.