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

Tīmekļa izstrādes skatuves šogad virzās uz gaismas ātrumu. CSS3 ir labi pieņemts, un mēs esam mazāk atkarīgi polifils jo jaunākās pārlūkprogrammas patiešām labi atbalsta jaunāko tīmekļa standartu. Tika ieviesta Microsoft Edge, Google izlaida divus atvērtus Web avotus: Material Design Lite un Polymer 2.0.

Tātad, pieņemsim iesaiņot gadu ar dažiem ērtiem rīkiem citiem tīmekļa izstrādātājiem. Mums ir pāris JavaScript bibliotēkas, kā arī rīki efektīvākai darbībai ar jQuery. Lai atrastu vairāk, skatiet visus tīmekļa izstrādātāju sērijas resursus.

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.

Notie.js

Notie.js ir labāks JavaScript brīdinājums, paziņojums un dialoglodziņš. Tā vietā, lai izmantotu brīdinājums () funkcija, kas parāda blāvu un nedaudz šokējoši brīdinājuma lodziņā, to var aizstāt ar notie () funkcija no bibliotēkas, lai parādītu stilu spējīgu brīdinājumu. Vienkārši pievienojiet brīdinājuma stilu ar vietnes vispārējo dizainu, izmantojot Notie.js.

Github Corner

Tikai nesen es sapratu, ka Github stūris, ko mēs parasti redzam atvērtā pirmkoda projekta mājas lapā, jau ir 7 gadus vecs. Laiks sejas maiņai. Github Corner ir iniciatīva par modernāku un svaigāku Github lentes izskatu. Tā izmanto SVG, nevis bitmap grafiku, kas ļauj tai saglabāt asus augstas izšķirtspējas ekrānos.

Sweet (Slack) tēmas

Slack ir kļuvis par populārāko tērzēšanas lietotni mazos uzņēmumos, jaunizveidotajos uzņēmumos un ar izstrādātājiem. Salīdziniet ar citām lietotnēm, piemēram, Skype un Google Hangouts, Slack ir pielāgojama vairākos veidos, ieskaitot tās tēmu - lietotnes saskarnes izskatu un niansi. Šeit ir gatavu instalēšanas Slack motīvu kolekcija .

jQuery Config

jQuery ir modulāra, kas nozīmē, ka mēs no tā varam noņemt nevēlamus moduļus, lai izmērs būtu vieglāks. Mūsu iepriekšējā apmācība, kā noņemt nevajadzīgos moduļus jQuery, parāda, kā to izdarīt ar Homebrew, NPM, bet tas tiek darīts caur termināli. Ja nevēlaties to izmantot, varat izmantot jQuery Config. Tas pats notiek tikai ar klikšķiem.

SummerNote

SummerNote ir JavaScript bibliotēka, lai izveidotu WYSIWYG redaktoru. SummerNote ir izstrādāts, izmantojot izcilus atklātā pirmkoda projektus: jQuery, Bootstrap un Font Awesome. SummerNote ieviešana ir tikpat vienkārša kā jebkuras citas JQuery bibliotēkas izvietošana, un tā ir lieliska alternatīva bibliotēka TinyMCE, īpaši, ja jūsu tīmekļa vietne kā pamats ir arī Bootstrap.

BackstopJS

BackstopJS ir lielisks līdzeklis, lai pārbaudītu tīmekļa vietnes atsaucību, kas ir garlaicīgs process. Īsumā, šī bibliotēka padara uzdevumu pārbaudīt vietni vairākos ekrāna izmēros daudz vairāk bezšuvju, izmantojot automatizāciju. Šis rīks fiksēs tīmekļa vietnes ekrānšāviņus un atzīmēs, kura lapa iet un neiztur testu, pamatojoties uz norādītajiem parametriem un ekrāna izmēriem. Tas ir kā vienības pārbaudes rīks, lai izvietotu atsaucīgu tīmekļa vietni.

SuitCSS

SuitCSS ir boilplate, kas sastāv no paša CSS priekšprocesora, kas atbalsta CSS nākotnes sintaksi, piemēram, Custom Property un Custom Media Query, nedaudzas lietderības klases, kas balstītas uz BEM metodiku, lai saskaņotu, izmērītu un pozicionētu elementus, un daudz CSS moduļu lai sāktu izstrādāt labi izveidotu tīmekļa vietni.

Saistīt

Saistīt ir dzimtā OS X lietotne, kas ļauj veidot tīmekļa saskarnes un izkārtojumus, izmantojot GridStyleSheet, TheGrid izstrādāto izkārtojuma algoritmu. GSS ļauj izvietot mājas lapas efektīvi. Piemēram, pretēji CSS, GSS ļauj vertikāli pielīdzināt elementu konteinerus ar vienu kodu.

AntiModerate

AntiModerate ir JavaScript bibliotēka, kas ielādē attēlus gudrāk. Izmantojot šo bibliotēku, pat lēnos interneta savienojumos vispirms varat ielādēt mazāku attēlu, bet lielāks attēls joprojām tiek ielādēts fonā. Kad tas ir pilnībā ielādēts, lielāks attēls tiek uzņemts centrā. Šī metode var radīt ātrāku ielādes ātrumu jūsu tīmekļa lapām.

jQuery padomi, kas jums jāzina

Cool nosaukums un pat vēsāks saturs, tas ir jQuery padomu kopums, kas mums būtu jāzina (puse no viņiem vēlos, ka es būtu daudz pazīstams, daudz agrāk). Pilnīgi vērts pārbaudīt.