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

Mūsu pēdējā maksājumā mēs koncentrējāmies uz dažādām Javascript un CSS bibliotēkām, lai palīdzētu veidot labākas tīmekļa vietnes un tīmekļa lietojumprogrammas. Šomēnes mums ir vairāk bibliotēku, lai ieteiktu līdzās nelielai uzmanībai tipogrāfijā.

Šajā sērijas sērijā jūs apskatīsiet dažas JS bibliotēkas, kuras atradīsiet izmantošanai, bet arī padomu kolekciju, ļoti ilgu eseju par tipogrāfiju, krāsu ģeneratoru un vieglu priekšpusi. Bez papildu domām, pārbaudīsim tos.

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.

JS padomi

JS Tips ir JavaScript padomu kolekcija, daži no tiem ir apgrozībā sintakse, daži par to koda efektivitāte un veiktspēja, un daži citi ir raksturīgi tādai sistēmai kā AngularJS. Jauni padomi tiek pievienoti katru dienu, un pašlaik ir izdoti 50 padomi. Būtībā tas ir obligāta grāmatzīme vietne katram tīmekļa izstrādātājam.

Vagrant Manager

Vagrant Manager ir GUI lietojumprogramma, lai kontrolētu Vagrant. Līdzīgs MAMP, kur var apstāties vai palaist Vagrant, un redzēt, kurš Vagrant pašlaik darbojas. Programma ir pieejama OS X un logiem. Ja neesat pārliecināts, kas ir Vagrant, pārbaudiet mūsu iepriekšējo ziņu par to, kā instalēt WordPress lokāli ar Vagrant.

Bulma

Bulma ir frontend sistēma. Paketē ir daži kopējas UI sastāvdaļas tīmekļa, piemēram, navigācijas, nolaižamā un, protams, pilnībā izveidotā tīkla Flexbox. Vienīgais trūkstošais līdzeklis (vismaz tagad) ir JavaScript komponenti. Bulma komponenti ir daudz plānāki, salīdzinot ar Bootstrap, bet tas ir pietiekams, lai izveidotu nelielu, bet reprezentatīvu tīmekļa vietni.

Gutenberga

Nosaukts pēc Johannes Gutenberg, masu preses izgudrotājs. Gutenberga ir kolekcija stila noteikumi pareizam tipogrāfijas iestatījumam tīmeklī. Stila noteikumi nosaka bāzes līniju, fonta lielumu un mērogošanu un līnijas augstumu. Lieliska stila bibliotēka, lai padarītu jūsu vietnes saturu daudz labāku.

Labi!

Labi! ir jQuery, lai izveidotu atsaucīgu navigāciju, bet ne tikai vēl vienu. Spraudnis ir nedaudz atšķirīgs uz atsaucīgu dizainu: tā kā skata logs tiek mainīts uz mazāku, katra izvēlne būs pakāpeniski apvienojas ikonā, lai paciestu ierobežoto skatu loga izmēru. Izklausās atdzist, vai ne?

Jauna tīmekļa tipogrāfija

The Jauna tīmekļa tipogrāfija ir padziļināta, acu atvēršanas eseja par tipogrāfiju. Tajā aplūkoti stili no grāmatu pirmās dienas līdz pašreizējam veidam, kādā mēs veidojam un patērējam tīmeklī. Labi izpētītas ar vairākām ilustrācijām un pilnībā atsauktas, tas ir garš Robina Rendle raksts, bet noteikti ir vērts lasīt, lai iegūtu labāku izpratni par tipogrāfiju.

Krāsa droša

Krāsa droša ir krāsu ģeneratora palete tīmeklim. Atšķirībā no rīkiem, kas iepriekš minēti šajā sērijā, ColorSafe radīs tikai krāsu, kas atbilst WCAG standartam krāsu pieejamībai..

Pieejams modāla dialogs

Šī ir maza (tikai ~ 0.5kb) JavaScript bibliotēka izveidot modāla dialoga logu. Tā kā lietotāji ir pieejami, tie var viegli atvērt, aizvērt un pārvietoties pa dialogu ar tastatūru un peli. Komplekts ir vienkārši palaidis JavaScript, bez stilistēm, lai jūs varētu brīvi veidot dialoga modālu jebkādā veidā.

Mo.js

Mo.js ir pilnīga JavaScript animācijas bibliotēkas pakete. Tas nāk ar pāris presets, lai jūs varētu iestatīt un palaist animāciju ātri. Tā ir modulāra, ļaujot novērst nevajadzīgu funkcionalitāti, kā arī šķidrumu un gludumu. Būdama jauna bibliotēka, dokumentācija diemžēl vēl nav gatava (tagad).

Daļiņas

Šī bibliotēka jūsu mājas lapā pievieno peldošus daļiņu tīklus, lai jūsu vietne uzreiz izskatītos vēsāka. Daļiņas reaģēs uz kursora kustību. Reakcijas, kā arī citus elementus, piemēram, krāsas, attālumu un formu, var konfigurēt, izmantojot opcijas.