Mājas lapa » Web dizains » Svaigi resursi tīmekļa dizaineriem un izstrādātājiem (2016. gada februāris)

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

    2015. gads tīmeklī bija lielisks gads: ir izmantotas tīmekļa tehnoloģijas daudzos veidos, kas nav saistīti ar tīmekļa vietnes vai tīmekļa lietojumprogrammas izveidi. Daudzas mobilās un darbvirsmas lietojumprogrammas tagad tiek veidotas, izmantojot HTML, CSS un JavaScript. Tas ir iespējams, pateicoties tīmekļa tehnoloģiju un bibliotēku, piemēram, React.js, Angular un Node.js, pārnesamībai..

    Tātad, šīs sērijas mūsdienās mēs esam izveidojuši nedaudz JavaScript un CSS bibliotēku.

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

    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.

    Plakana slīdnis

    jQuery UI nāk ar kopēju tīmekļa saskarni, ieskaitot slīdni - lietotāja interfeisu, kas ļauj lietotājam izvēlēties skaitlisko vērtību diapazonu. The Plakana slīdnis ir tīmekļa rīks, kas padara daudz vieglāk pielāgojamu JQUery UI stilu, kas reiz bija ļoti grūts uzdevums.

    Lietderīgums Open-type

    Lietderīgums Open-type ir kolekciju drop-in klasēm piemērot uzlabotas CSS tipogrāfijas funkcijas šāda fontu ligatūra, mazs lielais burts un daudz vairāk. Tie lielā mērā sniedz lietotājiem vislabāko iespējamo lasīšanas pieredzi. Tas pasliktinās vecākos, neatbalstītos pārlūkos.

    ResponsifJS

    Viens no bēdīgi slavenajiem ierobežojumiem, uz kuriem reaģē, ir tas, ka tas parasti izlīdzina attēlu pareizi, bet tas novirza attēla galveno fokusa punktu, kad tas tiek samazināts līdz ļoti mazam skatu loga izmēram.

    ResponsifJS ir viegla JavaScript bibliotēka, kuru varat izmantot iestatiet koordinātas, lai saglabātu attēla fokusu kamēr tas tiek mainīts.

    Lineāri

    Lineāri ir lineāls lietotne Mac. Varat izmantot lineālu, lai izmērītu tīmekļa lapas, uzzinātu elementa lielumu bez nepieciešamības atvērt DevTools vai izdomāt, vai elements ir perfekti centrēts. Jums var būt vairāki lineāli un pārslēgt ierīci no PX uz EM.

    StickyStack

    StickyStack ir jQuery spraudnis, lai izveidotu kaudzes ritināšanas pieredzi, kad panelis sasniedz skatījuma loga augšdaļu, tur tā tur, bet tālākā ritināšana paceļ nākamo paneli. Tas ir viegls spraudnis ar dažām opcijām, lai konfigurētu lapu konteineru, steku sadaļu, kā arī skursteņu kārbu ēnu. Pārbaudiet demonstrāciju.

    Skatītājs

    Skatītājs ir jQuery spraudnis attēlu gaismas kastei - iedomātā populārs veids, kā tuvināt attēlus tīmeklī. Spraudnis ir aprīkots ar milzīgām iespējām, kas ļauj jums pielāgot katru Gaismas kaste saskarne.

    Spraudnis nodrošina arī API un pielāgotu notikumu kopumu, lai pilnībā kontrolētu Gaismas kaste reakcija un uzvedība. Turklāt tas darbojas uz Internet Explorer 8.

    DeviceMock

    DeviceMock ir JavaScript bibliotēka, kas ļauj jums izveidot ierīču rāmjus vai maketus piemēram, tālruni, planšetdatoru un darbvirsmu. Tāpat bibliotēka nodrošina iespējas, lai iestatītu rāmja tēmas krāsu, izmēru, kā arī rāmja orientāciju.

    Tā var būt laba alternatīva, lai parādītu jūsu tīmekļa vietni un lietotni Photoshop vietā.

    Clrs

    Clrs ir iniciatīva atkārtoti definējiet noklusējuma tīmekļa krāsas, lai kļūtu par acīm draudzīgāku, modernāku krāsu toņu. Turklāt tā atbalsta krāsu kombināciju kopumu, lai nodrošinātu labāku pieejamību. Šīs krāsas var izvietot, izmantojot NPM, Gem (Ruby) un Photoshop un Illustrator krāsu toņus.

    Krāsošana

    Krāsošana ir super viegls JavaScript bibliotēka (3kb minified) līdz ekstrakta dominējošās krāsas no attēla ar daudz API, lai manipulētu ar krāsām. Iegūto krāsu var izmantot kā vietas apzīmētāju, kamēr tiek gaidīts, ka attēls tiks ielādēts pilnībā, radītu gradienta fonu vai pielāgotu kaimiņu interfeisu, lai atbilstu attēla krāsai.

    BookBlock

    BookBlock ir jQuery spraudnis izveidojiet bukletu ar lapas flip efektu. Tā ir skaista alternatīva, lai jūsu vietnē parādītu vairākus attēlus, īpaši, ja ir secība vai plūsma, kuru vēlaties demonstrēt.

    Jūs varat apskatīt demo šeit, lai iegūtu priekšstatu par to, kā darbojas BookBlock.