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

Šajā rakstā ir iekļautas saraksta struktūras un rīki vērsta uz tīmekļa attīstību. Interesanti, ka esmu atradis dažus no šiem rīkiem un ietvariem, kas nāk no behemota korporācijām, piemēram, Microsoft un Alibaba.

Tā ir laba zīme, jo vairāk uzņēmumu tagad veicina atvērtā koda izveidi un palīdz veidot labāku tīmekli. Paskatīsimies, kas tiek glabāts šī mēneša kompilācijai.

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.

CuteStrap

UI sistēma, kas uzbūvēta uz Sasas. Tas nāk ar visbiežāk sastopamajām tīmekļa saskarnēm, piemēram, veidlapām, navigācijām un pogām, kas daudzos gadījumos ir pietiekams. Ja jūs atradīsiet populāras sistēmas, piemēram, Bootstrap un Foundation, Cutestrap varētu būt lieliska alternatīva jums.

HTML5 tests

HTML5 tests ir tiešsaistes rīks, kas pārbaudīs, cik tālu pārlūks atbalsta jaunākās HTML5 specifikācijas. Tas ir ērts rīks tiem, kas iesaistīti mūsdienu tīmekļa lietojumprogrammu atkļūdošanā un testēšanā.

Pārlūkprogrammas kalorijas

Pārlūkprogrammas kalorijas ir Chrome paplašinājums, kas mēra tīmekļa lapas svaru. Tā skenē ielādētos failus un to ieguldījumu lapas kopējā svarā. Lielisks mazs rīks, kas palīdz optimizēt jūsu vietnes veiktspēju.

Weex

Weex ir Alibaba sistēma, lai izveidotu mobilās lietotnes ar tikai HTML, CSS un JavaScript. Tas ir aprīkots ar moduļiem, lietotāja interfeisa komponentiem, saviem DevTools un CLI, kas ir izstrādāti, lai mobilizētu vidi un paātrinātu attīstību.

Microsoft Web Framework (MWF)

Sistēma no Microsoft, UI komponentiem MWF ir veidota, pamatojoties uz Microsoft modernās dizaina valodu: plakana, tīra un minimālisma. Šī sistēma, papildus UI komponentiem, arī dod norādes par krāsu, tipogrāfijas un animācijas izmantošanu. Es domāju, ka Materiālā dizaina Lite beidzot ir satikusi ar līdzvērtīgu pretinieku.

Vital

Vital ir sistēma ar ļoti patīkamu minimālo saskarni. Tas ir viegls, tam nav JavaScript, un dabiski Rogue - sintaksehiglighter, kas balstās uz Ruby.

Fontea

Fontea ir bezmaksas Photoshop paplašinājums, lai viegli pārvaldītu un piemērotu simtiem Google fontu. Jūs varat meklēt fontu no iekšpuses Photoshop, priekšskatīt un piemērot fontu tieši savā dizainā - racionalizējot savu darbplūsmu.

Drizzle

Šis ir rīks, kas ļauj izveidot tīmekļa vietnes lietotāja interfeisa modeļus vai stila rokasgrāmatu. Tas radīs tādas lietas kā elementu krāsas, pamata stili vai izkārtojums, kā arī koda fragmentu. Stila gida ģenerators, piemēram, Drizzle ļaus jums saglabāt atbilstību jūsu vietnes stiliem.

InterCooler

InterCoolerJS ir JavaScript bibliotēka, kas padara AJAX lietošanu jūsu vietnē tikpat vienkāršu kā HTML atribūtu pievienošana. Tas ir aprīkots ar plašu rokasgrāmatu un daudziem piemēriem, kas palīdzēs jums sākt izmantot šo rīku.

Picla

Picla ir jQuery spraudnis, lai parādītu attēla etiķetes, kas izgūtas no attēla alt atribūts. Tā nodrošina dažas iespējas, lai jūs varētu pievienot pielāgotu stilu un kustību uz etiķetes. Picla var uzstādīt kā jūsu tīmekļa vietnes atkarību no Bower.

IziModal

Šeit ir redzams jQuery spraudnis modāls logus. IziModal ir daudz iespēju personalizācijai. Piemēram, varat pielāgot animāciju, teksta saturu, krāsas. Tas ir viegls, atsaucīgs un gatavs tīklam.

MegaBoilerplate

MegaBoilerplate ir ģenerators, lai ātri izveidotu attīstības steku. Dodieties uz vietni un atlasiet, kuri rīki un bibliotēkas (Node.js, HTML5, Vanilla JavaScript un Electron) tiks izmantoti kā jūsu vietnes bāze. Tas apkopos un konfigurēs visas nepieciešamās lietas zip iepakojumā, gatavs lejupielādei.

Kārdinošs

JavaScript bibliotēka, lai parādītu mūsdienu audio atskaņotāju, izmantojot Web Audio API, Kārdinošs darbojas pārlūkprogrammās tikpat vecs kā IE9, un atbalsta daudzus audio kodekus, piemēram, MP3, WEBM, WAV. Daudzas funkcijas, modulāras un darbojas bez ārējās bibliotēkas.

SuperEmbed

SuperEmbed ir niecīga JavaScript bibliotēka, kas padara iegultos objektus atsaucīgus, saglabājot sākotnējo attiecību. Tā atbalsta dažādus avotus, tostarp Youtube, Flickr, Vine, VideoPress un DailyMotion. Skatiet demo.

CleaveJS

Savaldīt ir JavaScript bibliotēka, kas automātiski formatē ievades vērtības. Tā, piemēram, var pievienot tūkstoš atdalītāju valūtas ievadei, pievienot vietu kredītkartes numura ievadei vai pievienot / datuma ievadi. Izmantojiet šo bibliotēku, lai kalpotu labākai lietotāju pieredzei.

Tipisks raksturojums

FlippingTypical ļauj apskatīt visus jūsu sistēmā instalētos fontus. Es uzskatu, ka šī lietotne ir ērtāka nekā lietot Fontu grāmata lietotne macOS. I ierakstu izlases tekstu un redzu, kurš no maniem sistēmas fontiem izskatās vislabāk.

LightTable

Jauns IDE, kas, manuprāt, ir vērts izpētīt. Tā sākās kā KickStarter projekts, ko atbalstīja Matt Mullenweg (WordPress dibinātājs), un beidzot devās atvērtā kodā. Jūs varat skatīties šo videoklipu, lai iegūtu priekšstatu par to, kā šī IDE ir atdzist.

Kompresors

Kompresors ir tīmekļa lietojumprogramma, kas saspiež attēla failus uz mazāko izmēru, nezaudējot vizuālo kvalitāti. Tā atbalsta arī JPG, GIF, PNG un SVG. Šī lietotne ir bezmaksas.

Microsoft vietnes skenēšana

Tas ir ērts rīks no Microsoft, lai analizētu jūsu vietni par tādiem jautājumiem kā pārlūkprogrammas saderība un pieejamība. Rīks uzskaitīs ziņojumu, kurā tiks norādīts, vai kaut kas nav pareizi jūsu vietnē un kā jūs varat turpināt risināt šo problēmu. Pamēģināt!

Atspējot emuārus

Šis spraudnis, kā norāda nosaukums, noņems blogošanas funkcijas, piemēram, ziņas, komentārus un plūsmas. Tas ir pareizais spraudnis jums, ja jums nav nepieciešams WordPress blogošana.