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

Šī iemaksa atkal ir pieejama ar dažādiem resursiem. Mums ir avoti, lai iedvesmotu jūsu nākamo galamērķa lapu dizainu, divi veidi, kā kodētāji var izjaukt spilgta ekrāna efektus, spraudnis, lai veidotu tīmekļa izkārtojumus ar velciet un nometiet, jQuery spraudnis, lai izvilktu jūsu datumu atlasītājus, un daudz JavaScript bibliotēkas, lai palīdzētu izstrādātājiem.

Ir iekļauti arī resursi HTTP2, tipogrāfijas terminoloģijās, pieejamības vietņu izveidei un meklētājprogramma valodu sintakses programmēšanai. 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.

Landing Folio

Izkraušanas folija ir centrālā vieta, kur var atrast izvietošanas lapas paraugu piemērus. Vietnē ir simtiem piemēru, un jūs varat pabeigt sarakstu, pamatojoties uz to kategoriju. Tas ir noteikti vērts grāmatzīmēm tīmekļa dizaineriem.

Elementu vaicājumi

JavaScript, kas ļauj jums veikt Elementu vaicājums. Elementu vaicājumu apzīmē ar @ elements un atšķirībā no, @media, @ elements apzinās daudzus apstākļus ārpus tās “augstums” un “platums”. Piemēram, varat izmantot stilus, pamatojoties uz elementā ietvertajiem rakstzīmēm.

HTTP2

HTTP2 ir jaunākā HTTP specifikācija ar būtiskām izmaiņām. Tā sola labākus rezultātus un efektīvu datu pārraidi. Šajos resursos jūs varat atrast šīs izmaiņas (detalizēti), tās ietekmi uz drošību, ātrumu un lietotāju pieredzi.

Elementors

Elementors ir WordPress spraudnis, kas ļauj veidot tīmekļa izkārtojumus ar vilkšanas n-drop. Ar Elementor jūs varat veidot pārliecinošu izkārtojumu. Tas ir atsaucīgs, pilnībā pielāgojams un lietotājam draudzīgs.

TimeDropper

Šis spraudnis ir aprīkots ar dažām animācijām, kas padara datumu atlasi tīmeklī ērtāku. Turklāt ir pieejamas iespējas mainīt lietotāja interfeisa izskatu. Tas ir jQuery spraudnis mīļāko datumu atlasītājiem.

SyntaxDB

Meklētājprogramma, lai meklētu programmēšanas valodas sintaksi. Pašlaik tā atbalsta vairākas valodas, tostarp Java, C, Ruby, JavaScript un Python. Tas varētu būt galvenais meklētājprogrammu izstrādātājiem, jo pieaug datu bāze un valodas atbalsts.

Github Dark UI

Github Dark UI ir tumšāka krāsu tēma Github.com. Tas varētu būt laba alternatīva krāsu shēma, ja strādājat tumšā vidē vai ilgstoši skatās uz ekrānu.

Microlight

Tā vietā, lai izceltu kodu ar dažādām krāsām, kā jūs varat redzēt zemāk, Microlight izveido kodu “spīd”. JavaScript bibliotēka, kas izceļ kodu - burtiski.

BarbaJS

BarbaJS ir JavaScript bibliotēka, kas nodrošina vienmērīgu pāreju caur JavaScript vēsturi API / pushState. Šis spraudnis tiek piegādāts ar metodēm, pielāgotiem notikumiem un nedaudzām API, lai sniegtu vienmērīgāku pieredzi jūsu vietnes lapām. Šeit ir daži piemēri.

TypeTerms

Ever brīnums, ko atšķiras “burtu atstatums” un “kerning” ir? TypeTerms ir interaktīva prezentācija, kurā jūs varat uzzināt šos mulsinošos tipogrāfijas terminoloģijas.

SviestsBean

SviestsBean ir jauns un sarežģīts spraudnis, lai WordPress izveidotu Meta Box. Tā ir izstrādāta pēc modernās WordPress Customizer API arhitektūras. Tas padara ēkas šo konkrēto WordPress admin UI vairāk elegants.

Bērnu tēmas pārbaude

WordPress spraudnis, lai pārbaudītu savu bērnu tēmu pret vecāku tēmu; tā pārbaudīs, vai faili, kas ir saistīti ar bērnu tēmu, tiek atjaunināti.

CloudFlare UI

CloudFlare UI ir kolekcijas UI komponenti, kas uzbūvēti virs React. Ņemot vērā React popularitāti, var pieaugt vairākas līdzīgas UI sistēmas.

Lerna

Nav iespējams izvairīties no vairāku pakotņu un repozitoriju pārvaldīšanas lielā projektā. Šis rīks ļauj apstrādāt šo konkrēto situāciju un galu galā pilnveidot savu darbplūsmu.

Nomierinies

Nomierinies ir JavaScript bibliotēka, kas palīdz samazināt CPU lietošanu. Tā nodrošina funkciju kopumu, ko var izmantot JavaScript vietējo funkciju vietā. To var izvietot parastā tīmekļa vietnē vai lietotnē Node.js.

GEL tipogrāfija

GEL tipogrāfija ir BBC tipogrāfijas stila rokasgrāmata. Lielisks resurss un iedvesma, kā standartizēt tipogrāfiskos stilus.

MIND modeļi

MIND modeļi ir praktiska rokasgrāmata, lai izveidotu pieejamu e-komercijas tīmekļa vietni. Tajā ir norādījumi par HTML veidošanu, izmantojot ARIA marķējumu un CSS stilu veidošanu, kas ir lietotājam draudzīgi lietotājiem ar invaliditāti.

CSS specifika

Ilustrāciju krājums, kas raksturo CSS specifiskuma darbību.

CSS Dig

Chrome paplašinājums, kas palīdz optimizēt CSS. Tā liks jūsu lapai un sniegs ziņojumu ar izmantoto īpašību, piemēram, krāsu, sarakstu.

Veidnes atlicināšana

Ar rokām izvēlētu veidņu kolekcija, kurā var atrast plašu veidu veidnes, tostarp HTML5, WordPress, Ghost, Bootstrap un e-komercijas veidnes.