Svaigi resursi tīmekļa dizaineriem un izstrādātājiem (2018. gada jūnijs)
Šajā svaigu resursu komplektā sarakstā ir dažādi resursi. Papildus dažiem koda rīkus tāpat kā jaunas JavaScript bibliotēkas un sistēmas, mēs esam iekļāvuši arī pāris ērts GUI lietojumprogrammas ka es esmu pārliecināts, ka gan izstrādātāji, gan dizaineri novērtēs.
Pārbaudīsim sarakstu detalizēti un dariet man zināmu, kurš no tiem ir jūsu iecienītākais komentāru sadaļā.
Unikāls
Līdzeklis, lai atrast unikālus fontus kas reti ir redzams citur, Unique ir noderīgs, lai izveidotu logotipu vai vienkārši atrastu atbilstošu unikālu fontu kombināciju jūsu dokumentam, vienkārši noklikšķinot tikai uz dažiem klikšķiem. Kad esat izvēlējies savas preferences, varat lejupielādējiet un nosauciet to par savu fontu. Tas ir patiešām foršs!
Dondoni
Vienkārša tīmekļa lietotne pārvērst jebkuru fotogrāfiju duotones; monohromatiska fotogrāfija, kas sastāv no divām kontrastējošām krāsām. Varat augšupielādēt savus fotoattēlus vai atlasīt fotoattēlus, kurus rīks nodrošina, lai rediģētu un lejupielādētu rezultātu. Labs rīks, lai izveidotu pārsteidzošu fona attēlu jūsu tīmekļa vietnēs.
MDX
MDX ir specifikācija apvieno Markdown un JSX. Tas ļauj jums veikt dažas traks lietas, kas nekad nav darītas, piemēram, importējot Markdown failus, izmantot Markdown failu kā atsevišķu komponentu iekļaut citos failos un izmantot tajā React komponentu.
FontDrop
Ērts rīks, lai parādītu detalizētu informāciju par fontu. Vienkārši nometiet fontu, tas, cita starpā, rādīs nosaukumu, stilu, versiju, autortiesību informāciju, zīmogus, atbalstīto valodu utt..
DOM testēšanas bibliotēka
JavaScript bibliotēka, lai pārbaudītu DOM (dokumenta objekta modeli). To var izmantot, lai uzrakstiet testa vienību jūsu tīmekļa UI komponentiem, nodrošinot, ka lietotāja interfeiss darbojas kā reālais lietotājs. Tas arī palīdz jums saglabāt UI funkcionalitāti UI koda atjaunošanas laikā.
Atkritums
Vienkāršs reaģēšanas komponents izgāzt vai reģistrēt izeju tieši pārlūkprogrammas, nevis pārlūkprogrammas konsolē ar console.log
. Instrumentu ir izveidojis Wes Bos, viens no populārākajiem React pasniedzējiem.
Ēteris
Ērta lietojumprogramma mirgo OS attēli uz bootable flash disku. Šo procesu bija grūti ievērot. Ar Etcher tas ir tik vienkārši, kā 1-2-3. Šis rīks atbalsta gandrīz visas galvenās operētājsistēmas, ieskaitot Windows, Linux un MacOS.
Ni
Alternatīvs labāks veids, kā instalēt NPM paketes, Ni var instalēt trūkstošās atkarības no package.json
failu, rādīt novecojušās atkarības, un vispārēju labāku saskarni.
Cuttlebelle
Statiskais vietnes ģenerators React.js., Cuttlebelle nodrošina lielāku paplašināmību tādā veidā, kādu jūs varat paplašināt lapas izkārtojumu ar React balstītiem komponentiem. Ja jūs jau esat iepazinies ar React.js, varat viegli izveidot jaunu izkārtojumu un izmantot to jebkurā no Markdown faila iespējām.
ImgBlur
Vienkāršs JavaScript komponents, lai ielādētu attēlus mūsdienīgā veidā, ImgBlur nāk ar CLI, lai radītu neskaidru attēlu no sākotnējā attēla. Neskaidram attēlam ir mazs izmērs, kas vispirms tiks ielādēts, pirms tas ielādēs oriģinālu. Skatiet demonstrāciju, lai redzētu šo komponentu darbībā.
Dinero.js
JavaScript bibliotēka, lai izveidotu, aprēķinātu un formatētu naudu, Dinero.s. atbalsta visu starptautisko valūtu ārpusbiržas. Bibliotēku varat izmantot Node.js vidē, ielādējot to pārlūkprogrammās ar CommonJS vai EcmaScript 6.
WiredJS
WiredJS ir veidots ar dzimteni “Tīmekļa komponenti”. Tā ir unikāla lietotāja interfeisa bibliotēka ar skicīgu izskatu. Kas ir atdzist no šīs bibliotēkas, ir tas, ka elementi insults tiek ņemti nejauši, kas nozīmē, ka divi elementi nebūs tieši tādi paši. Ideāla bibliotēka wireframes vai maketiem.
Vuido
Vuido ir viegls darbvirsmas lietojumprogrammu ietvars ar Vue.js. Varat izmantot Vue.js API un daudzus tā papildinājumus, piemēram, Vuex veidot darbvirsmas lietojumprogrammu Windows, Linux un macOS. Tā ir lieliska alternatīva Electron.
Hibrīdi
JavaScript bibliotēka, lai izveidotu pielāgotu HTML elementu, izmantojot vietējos Web komponentus ar draudzīgāku API. Bibliotēka nodrošina vienkāršāku API, kas ir līdzīgs Vue.js vai React.js API.
Saber.js
A statisks vietnes ģenerators, kas būvēts Vue.js. Saber.js nenāk ar izsmalcinātām lietām, piemēram, Nuxt.js. Iespējas un konfigurācijas ir minimālas, kas padara to par lielisku alternatīvu, ja vēlaties vienkārši izveidot statisku tīmekļa vietni, kas būs viegli uzturama.
Vējš
Moderns RSS un Podcast lasītājs, Winds ir pieejams Windows, MacOSv un Linux. Lietojumprogramma izskatās skaista un moderna ar aizvainotu kastes ēnu, apaļo stūri, slīpumiem un ko ne. Tas ir labs lietotne, lai pārvaldītu vietnes abonementus, lai neatpaliktu no šīs strauji mainīgās nozares.
Relaksēts
Konvertētājs, kas pārvērš HTML vai Pug PDF formātā. Jūs varat izveidot a sarežģīts izkārtojums, izmantojot HTML, CSS, JavaScript un izmantot Markdown rakstīt galveno saturu. Turklāt varat izmantot arī JavaScript bibliotēku, piemēram, Chart.js, lai pievienotu diagrammu un MathJax, lai pievienotu matemātikas formatējumu.
Fonta stila atbilstība
Rīks, lai atlasītu divus Google fontus un dzimtus fontus, kas datorā ir instalēti līdzīgi. Tas ir ērts rīks, lai tīmekļa izstrādātājs varētu mazināt šo neglīto FOUC (neatveidota satura zibspuldze), kad Google fonti vēl nav pilnībā ielādēti.
PWA WP
Iniciatīva lai PWA (progresīvā tīmekļa lietojumprogramma) pievienotu WordPress Core. Šā raksta sagatavošanas laikā šis projekts ir agrīnā stadijā. Tas ir interesants projekts, jo īpaši tad, ja jūs strādājat galvenokārt WordPress ekosistēmā.
Blueprint.js
Reaģē balstīta lietotāja interfeisa bibliotēka, Blueprint.js ietver virkni regulāru, piemēram, pogu un cilnes, un citus UI komponentus, kas parasti ir nepieciešami, lai izveidotu modernas tīmekļa lietojumprogrammas Omnibar; a peldošs meklēšanas lodziņš līdzīgi Spotlight vai Alfred lietotnei MacOS.