Svaigi resursi tīmekļa dizaineriem un izstrādātājiem (2015. gada februāris)
Pēc tam, kad to paveicat vairāk nekā gadu, vissarežģītākā daļa par šī ikmēneša resursu kaudzes rakstīšanu dizaineriem un izstrādātājiem ir ievads. Kamēr mēs atrodamies šajā jautājumā, šeit ir jūsu 2015. gada februāra atsauce uz labākajiem un jaunākajiem resursiem tādiem tīmekļa izstrādātājiem kā jūs.
Šajā maksājumā mēs meklējam īpašu meklētājprogrammu, lai atrastu koda fragmentus, ļoti atjautīgs atsauce uz Flexbox moduļa jautājumiem, un attīstības instrumentus labākas pārvaldības nodrošināšanai krāsu, burtu un gradientu.
Gradienta animators
CSS3 Gradient ļauj mums veidot bezjēdzīgus slīpumus mūsu mājas lapā bez nepieciešamības ielādēt attēlus. Mēs varam pat apvienot to ar CSS3 animāciju, lai sniegtu pārliecinošu efektu. Bet, ja kods jums ir pārāk daudz, izmantojiet vienkāršāku Gradient Animator maršrutu, lai radītu vienu ar jauku interfeisu.
SVG kabatas ceļvedis
SVG kabatas ceļvedis apkopo Joni Trythall. Tā ir ērta atsauce, kas ļaus jums izbaudīt SVG pamatus (piemēram, veidot formas un tekstu) līdz pat uzlabotas funkcijas (piemēram, slīpumu veidošanai, izgriešanas ceļiem un modeļiem). Šī grāmata ir pieejama Markdown formātā un ir pieejama angļu un portugāļu valodā.
Flexbugs
Flexbox ir ļoti daudzsološs jaunais modulis CSS3, kas pilnībā izmainīs to, kā mēs veidojam tīmekļa izkārtojumus. Tomēr tā arī nāk ar savām problēmām, kas saistītas ar pārlūkprogrammu saderību. Šī krātuve, Flexbugs, ir šo kļūdu kopums un risinājumi, lai tos novērstu. Tas ir ļoti noderīgs resurss ikvienam, kurš dzīvo Web asiņošanas malā.
Icono
Tas ir pārsteidzošs, ko mēs varam sasniegt tikai ar CSS, piemēram, izveidot pilnīgi reprezentatīvu ikonu, izmantojot tikai vienu elementu. Icono ir bibliotēka, kas to dara. Šajā bibliotēkā atradīsiet pazīstamu ikonu kolekciju, kas tiek veidota tikai ar vienu elementu, un CSS. Šīs ikonas tiks ielādētas ātrāk un ir vairāk pielāgojamas nekā ikonas, kas balstītas uz attēlu.
Dillinger
Dillinger ir patīkams Markdown redaktors. Šeit jūs varat rakstīt Markdown formātā un uzreiz redzēt izdruku labajā pusē. Jūsu ērtībai Dillinger ļauj eksportēt savu darbu HTML, PDF vai vienkārši Markdown faila formātā, kad esat to izdarījis. Varat arī savienot to ar trešās puses pakalpojumu, piemēram, Dropbox un Github, kur var saglabāt failu.
HTML5Up
HTML5Up ir bezmaksas HTML5 veidotu veidņu kolekcija. Jūs varat atrast nedaudz izkārtojumu, kas apmierina dažāda veida tīmekļa vietnes: bizness, portfelis vai vienkārši vienkāršs emuārs. Visas veidnes ir atsaucīgas, nodrošinot arī to, ka saturs un vietnes izkārtojums ir patīkami dažādos ekrāna izmēros.
CSS krāsas
Ever brīnums, kāda konkrētā krāsa ir nosaukta? CSS krāsas parāda krāsu nosaukumu, kā arī Hex un RGBA formātu pamatkrāsu kolekcijai. Tas ir labs avots, lai atrastu perfektu krāsu kombināciju jūsu tīmekļa vietnēm.
Emmet Re-view
Pārskatīšana ir Chrome paplašinājums, kas analizē jūsu vietni @media vaicā un parāda jūsu vietni katrā no norādītajiem pārtraukuma punktiem @media vaicājums. Ja meklējat rīku, kas varētu ietaupīt mazliet laika, pārbaudot atsaucīgas tīmekļa vietnes, tad šis ir vajadzīgais rīks.
TipsGenius
Ja aplūkojat Google fontu bibliotēku, jūs atradīsiet daudzus fontus dažādās sejās, ģimenē, svarā un veidos. Tādējādi pareizais pāris uzdevums ir izvēlēties pareizo pāri vai fontu kombināciju. TipsGenius padara fonta pāru izvēli vienkāršu un ātru un iespējamu visai sabiedrībai.
Meklēšanas kods
Kā teikts nosaukumā, tas ir meklētājprogramma, kas meklē kodu vai koda fragmentu no daudzām programmēšanas valodām, ieskaitot JavaScript, C, PHP. Šis meklētājprogrammas rezultāts tiks iegūts no daudziem avotiem, piemēram, Github, Bitbucket un Google Code. Tas ir noteikts rīks, kas nepieciešams smagajiem kodētājiem.
