Uued ressursid veebidisaineritele ja arendajatele (august 2016)

Selles artiklis on meil nimekirja raamistikud ja vahendid suunatud veebiarendusele. Huvitaval kombel olen leidnud mõned neist tööriistadest ja raamistikest, mis pärinevad behemoti korporatsioonidest nagu Microsoft ja Alibaba.

See on hea märk, sest rohkem ettevõtteid on nüüd avatud lähtekoodiga ja aitab paremini veebi kujundada. Vaatame, mis on selle kuu koostamiseks salvestatud.

Klõpsake rohkem ressursse

Leia kogu meie soovitatud ressursside kogu ja parimad veebidisaini ja arendustööriistad.

CuteStrap

Sasi peal asuv UI raamistik. Kaasas kõik kõige levinumad veebiliidesed nagu vormid, navigatsioonid ja nupud, mis peaksid paljudel juhtudel olema piisavad. Kui leiate populaarseid raamistikke, nagu Bootstrap ja Foundation, on ülekaalukas, Cutestrap võib olla teie jaoks suurepärane alternatiiv.

HTML5 test

HTML5 test on online-tööriist, mis testib, kui kaugele brauser toetab viimaseid HTML5-spetsifikatsioone. See on mugav vahend neile, kes tegelevad kaasaegsete veebirakenduste silumis- ja testimisega.

Brauseri kalorid

Brauseri kalorid on Chrome'i laiendus, mis mõõdab veebilehe kaalu. See skaneerib laaditud faile ja nende panust lehe kogumassile. Suur väike vahend, mis aitab teil oma veebisaidi toimivust optimeerida.

Weex

Weex on Alibaba raamistik mobiilirakenduste loomiseks ainult HTML, CSS ja JavaScript abil. Kaasas moodulid, kasutajaliidese komponendid, oma DevTools ja CLI, mis on mõeldud mobiilse keskkonna loomiseks ja arengu kiirendamiseks.

Microsoft Web Framework (MWF)

Microsofti, kasutajaliidese komponentide raamistik MWF on ehitatud Microsofti kaasaegse disaini keele alusel: korter, puhas ja minimalistlik. See raamistik, välja arvatud kasutajaliidese komponendid, annab ka juhiseid värvide, tüpograafia ja animatsiooni kasutamiseks. Ma arvan, et materjali kujundamine on lõpuks kohtunud võrdse kandidaadiga.

Vital

Vital on raamistik, millel on väga meeldiv minimaalne liides. See on kerge, sellel ei ole JavaScripti ega nn Rogue'i - süntakshiglighter, mis põhineb Ruby'l.

Fontea

Fontea on tasuta Photoshopi laiendus, et hallata ja rakendada sadu Google'i fonte. Saate otsida fontidest Photoshopist, vaadata ja rakendada fondi otse oma disainilahendusse - oma tööprotsessi lihtsustada.

Särige

See on tööriist, mis võimaldab teil luua veebisaidi kasutajaliidese mustrid või stiilijuhised. See loob selliseid asju nagu komponentide värvid, põhilised stiilid või paigutus, samuti koodilõik. Stiilijuhi generaator meeldib Särige võimaldab teil püsida kooskõlas teie veebisaidi stiilidega.

InterCooler

InterCoolerJS on JavaScripti raamatukogu, mis muudab AJAXi rakenduse teie veebisaidile nii lihtsaks kui HTML-atribuutide lisamine. Selle juurde kuulub ulatuslik juhend ja palju näiteid, mis aitavad teil tööriista kasutamist alustada.

Picla

Picla on jQuery plugin, mis kuvab pildilt otsitud sildi alt atribuut. See annab mõned võimalused, et võimaldada sildile kohandatud stiili ja liikumise lisamist. Picla saab paigaldada veebisaidi sõltuvuseks Bowerist.

IziModal

Siin kuvatakse jQuery plugin modaal hüpikaknad. IziModal on palju võimalusi isikupärastamiseks. Näiteks saate animatsiooni, teksti sisu, värve kohandada. See on kerge, reageeriv ja võrkkesta valmis.

MegaBoilerplate

MegaBoilerplate on generaator, mis võimaldab kiiresti välja töötada arengukomplekti. Minge veebisaidile ja valige, milliseid tööriistu ja raamatukogusid (Node.js, HTML5, Vanilla JavaScript ja Electron) kasutate oma veebisaidi baasina. See kompileerib ja konfigureerib kõik asjad, mida vajate lukustatud pakendis, allalaadimiseks valmis.

Häppija

JavaScript-raamatukogu, mis kuvab kaasaegset helipleierit, kasutades Web Audio API-d, Häppija töötab brauserites nii vanades kui IE9 ja toetab mitmeid audio koodekeid nagu MP3, WEBM, WAV. Palju funktsioone, mis on modulaarsed ja töötavad välise teegiga.

SuperEmbed

SuperEmbed on väike JavaScripti teek, mis muudab varjatud objektid reageerivaks, säilitades samal ajal algse suhte. See toetab mitmesuguseid allikaid, sealhulgas Youtube, Flickr, Vine, VideoPress ja DailyMotion. Vaadake demot.

CleaveJS

Lõhestage on JavaScript-raamatukogu, mis vormindab sisendis automaatselt väärtused. Näiteks võib see lisada tuhande eraldaja valuuta sisendisse, lisada ruumi krediitkaardi numbri sisestamisel või lisada / kuupäeva sisend. Kasutage seda raamatukogu parema kasutajakogemuse teenimiseks.

Tüüpiline nihutamine

FlippingTypical võimaldab vaadata kõiki teie süsteemis installitud fonte. Leian, et see rakendus on mugavam kui Fontiraamat rakendus MacOSis. Ma kirjutan juhuslikku teksti ja vaatan, milline minu süsteemis olevad fondid on parimad.

LightTable

Uus IDE, mis minu arvates on väärt uurimist. See algas KickStarteri projektina, mida toetas Matt Mullenweg (WordPressi asutaja) ja lõpuks läks avatud lähtekoodiga. Seda videot saate vaadata, et saada ettekujutus sellest, kui hea on see IDE.

Kompressor

Kompressor on veebirakendus, mis tihendab kujutise failid väikseimale suurusele ilma visuaalset kvaliteeti kaotamata. See toetab ka JPG, GIF, PNG ja SVG. See rakendus on tasuta.

Microsoft Site Scan

See on Microsofti mugav vahend, et analüüsida teie veebisaiti sellistes küsimustes nagu brauseri ühilduvus ja juurdepääsetavus. Tööriist loetleb aruande, mis ütleb teile, kas midagi ei ole teie veebisaidi suhtes õige ja kuidas saate probleemi lahendada. Proovi!

Keela blogimine

See plugin, nagu nimigi ütleb, eemaldab blogimisfunktsioonid nagu postitused, kommentaarid ja vooged. See on õige plugin teile, kui te ei vaja WordPressi blogimise funktsiooni.