Nauji ištekliai žiniatinklio dizaineriams ir kūrėjams (2016 m. Rugpjūčio mėn.)

Šiame straipsnyje mes pateikiame sąrašų sistemas ir įrankius nukreiptas į interneto plėtrą. Įdomu tai, kad suradau keletą šių įrankių ir karkasų, gaunamų iš „behemoth“ korporacijų, tokių kaip „Microsoft“ ir „Alibaba“.

Tai geras ženklas, nes daugiau įmonių dabar prisideda prie atviro kodo ir padeda kurti geresnį internetą. Pažvelkime į tai, kas saugoma šio mėnesio kompiliacijai.

Spustelėkite Daugiau išteklių

Spustelėkite Daugiau išteklių

Raskite visą mūsų rekomenduojamų išteklių rinkinį ir geriausias žiniatinklio dizaino ir kūrimo priemones.

CuteStrap

US sistema, pastatyta ant Sass. Su visomis dažniausiai naudojamomis žiniatinklio sąsajomis, tokiomis kaip formos, navigacijos ir mygtukai, kurie daugeliu atvejų turėtų būti pakankami. Jei radote populiarių sistemų, pvz., „Bootstrap“ ir „Foundation“, yra didžiulis, Cutestrap gali būti puiki alternatyva jums.

HTML5 testas

HTML5 testas yra internetinis įrankis, kuris patikrins, kiek naršyklė palaiko naujausias HTML5 specifikacijas. Tai patogi priemonė tiems, kurie dalyvauja derinant ir tikrinant moderniąsias interneto programas.

Naršyklės kalorijos

Naršyklės kalorijos „Chrome“ plėtinys, kuris matuoja tinklalapio svorį. Jis nuskaito įkelti failus ir jų indėlį į bendrą puslapio svorį. Puiki maža priemonė, padedanti optimizuoti svetainės našumą.

Weex

Weex yra „Alibaba“ sistema, skirta kurti mobilias programas tik su HTML, CSS ir JavaScript. Su moduliais, UI komponentais, savo „DevTools“ ir „CLI“, kurie yra sukurti mobiliosioms aplinkoms ir pagreitinti plėtrą.

Microsoft Web Framework (MWF)

"Microsoft", UI komponentų sistema MWF yra sukurta remiantis „Microsoft“ moderniu dizaino kalba: plokščia, švari ir minimalistine. Ši sistema, be UI komponentų, taip pat suteikia kryptį spalvų, tipografijos ir animacijos naudojimui. Manau, kad „Material Design Lite“ pagaliau susitiko su lygiaverčiu varžovu.

Vital

Vital yra labai maloni minimali sąsaja. Jis yra lengvas, neturi „JavaScript“ ir natūraliai „Rogue“ - „Ruby“ pagrįstas sintaksikas.

Fontea

Fontea yra nemokamas „Photoshop“ plėtinys, skirtas lengvai valdyti ir taikyti šimtus „Google“ šriftų. Galite ieškoti šriftų iš Photoshop, peržiūrėti ir pritaikyti šriftą tiesiai į savo dizainą - supaprastinti savo darbo eigą.

Dulksna

Tai įrankis, leidžiantis sukurti savo svetainės UI modelius ar stiliaus vadovą. Jis sukurs tokius dalykus kaip komponentų spalvos, pagrindiniai stiliai ar išdėstymas, taip pat kodo fragmentas. Stiliaus vadovo generatorius Dulksna leis jums išlaikyti suderinamumą su jūsų svetainės stiliais.

„InterCooler“

„InterCoolerJS“ yra „JavaScript“ biblioteka, kuri leidžia AJAX taikyti jūsų svetainėje taip pat paprasta, kaip pridėti HTML atributus. Jame yra išsamus vadovas ir daugybė pavyzdžių, padėsiančių jums pradėti naudoti įrankį.

Picla

Picla yra jQuery įskiepis, rodantis vaizdų etiketes, gautas iš vaizdo alt atributas. Jame pateikiamos kelios parinktys, leidžiančios pridėti pasirinktinį stilių ir judėjimą etiketėje. „Picla“ gali būti įdiegta kaip jūsų svetainės priklausomybė nuo „Bower“.

IziModal

Čia rodomas jQuery įskiepis modalinis iššokančių langų. IziModal turi daug galimybių personalizuoti. Pavyzdžiui, galite pritaikyti animaciją, teksto turinį, spalvas. Jis yra lengvas, jautrus ir tinkamas tinklainei.

MegaBoilerplate

MegaBoilerplate yra generatorius, kuris greitai sukonfigūruoja kūrimo kaminą. Eikite į svetainę ir pasirinkite, kuriuos įrankius ir bibliotekas („Node.js“, „HTML5“, „Vanilla JavaScript“ ir „Electron“) naudosite kaip savo svetainės bazę. Jis sukompiliuos ir sukonfigūruos visus reikiamus dalykus užtrauktame pakete, paruoštą atsisiuntimui.

Pyktis

„JavaScript“ biblioteka, rodanti šiuolaikinį garso grotuvą naudojant „Web Audio API“, Pyktis veikia kaip senos naršyklės IE9 ir palaiko daugybę garso kodekų, tokių kaip MP3, WEBM, WAV. Daug funkcijų, modulinių ir veikia be išorinės bibliotekos.

SuperEmbed

SuperEmbed yra maža „JavaScript“ biblioteka, kuri leidžia įterptiems objektams reaguoti, išlaikant pradinį santykį. Jis palaiko įvairius šaltinius, įskaitant „YouTube“, „Flickr“, „Vine“, „VideoPress“ ir „DailyMotion“. Žr. Demonstraciją.

CleaveJS

Skaldyti yra „JavaScript“ biblioteka, kuri automatiškai formatuoja įvesties reikšmes. Pavyzdžiui, ji gali pridėti tūkstančio separatorių valiutos įvestyje, pridėti vietos Kredito kortelės numerio įvestyje arba pridėti / data įvedama. Naudokite šią biblioteką, kad galėtumėte geriau naudotis naudotojų patirtimi.

Tipiškas tipavimas

FlippingTypical leidžia peržiūrėti visus jūsų sistemoje įdiegtus šriftus. Manau, kad ši programa yra patogesnė nei naudojant „FontBook“ programa „MacOS“. Įveskite atsitiktinį tekstą ir pamatyti, kuris iš mano sistemos šriftų atrodo geriausiai.

„LightTable“

Naujas IDE, kurį manau, verta ištirti. Jis prasidėjo kaip „KickStarter“ projektas, kurį remia „Matt Mullenweg“ („WordPress“ įkūrėjas), ir pagaliau atėjo į atvirą kodą. Galite žiūrėti šį vaizdo įrašą, kad gautumėte idėją apie tai, kaip šitas IDE yra kietas.

Kompresorius

Kompresorius yra žiniatinklio programa, kuri suspaudžia vaizdo failus iki mažiausio dydžio, neprarandant vizualinės kokybės. Jis taip pat palaiko JPG, GIF, PNG ir SVG. Ši programa yra nemokama.

„Microsoft“ svetainės nuskaitymas

Tai patogi „Microsoft“ priemonė, skirta analizuoti jūsų svetainę, pavyzdžiui, naršyklės suderinamumą ir prieinamumą. Įrankis parodys ataskaitą, nurodančią, ar jūsų svetainėje nėra nieko, ir kaip galite tęsti problemą. Pabandyk!

Išjungti tinklaraštį

Šis įskiepis, kaip rodo pavadinimas, pašalins dienoraščių funkcijas, pvz., Įrašus, komentarus ir kanalus. Tai tinkamas papildinys jums, jei jums nereikia „WordPress“ tinklaraščių funkcijos.