Tuoreet resurssit web-suunnittelijoille ja kehittäjille (elokuu 2016)

Tässä artikkelissa on luettelo luettelorakenteista ja työkaluista Web-kehitykseen. Mielenkiintoista on, että olen löytänyt muutamia näistä työkaluista ja kehyksistä, jotka tulevat behemoth-yrityksistä, kuten Microsoftista ja Alibabasta.

Tämä on hyvä merkki, sillä yhä useammat yritykset osallistuvat avoimen lähdekoodin luomiseen ja auttavat muotoilemaan paremmin Webiä. Katsotaanpa, mitä on tämän kuukauden kokoelmassa.

Klikkaa lisää resursseja

Etsi koko kokoelma suositeltuja resursseja ja parhaat web-suunnittelu- ja kehitystyökalut.

CuteStrap

Sassin päälle rakennettu käyttöliittymäkehys. Siinä on kaikki yleisimmät web-käyttöliittymät, kuten lomakkeet, navigoinnit ja painikkeet, joiden pitäisi olla monissa tapauksissa riittäviä. Jos löydät suosittuja kehyksiä kuten Bootstrap ja Foundation ylivoimaisia, Cutestrap saattaa olla hyvä vaihtoehto sinulle.

HTML5-testi

HTML5-testi on online-työkalu, joka testaa, kuinka paljon selain tukee uusimpia HTML5-määrityksiä. Se on kätevä työkalu niille, jotka osallistuvat nykyaikaisten web-sovellusten virheenkorjaukseen ja testaamiseen.

Selaimen kalorit

Selaimen kalorit on Chrome-laajennus, joka mittaa verkkosivun painoa. Se skannaa ladatut tiedostot ja niiden panoksen sivun kokonaispainoon. Suuri pieni työkalu, jonka avulla voit optimoida sivustosi tehokkuuden.

Weex

Weex on Alibaban kehys mobiilisovellusten rakentamiseen vain HTML-, CSS- ja JavaScript-sovelluksilla. Mukana on moduulit, käyttöliittymäkomponentit, omat DevTools ja CLI, jotka on suunniteltu mobiiliympäristöön ja nopeuttamaan kehitystä.

Microsoft Web Framework (MWF)

Microsoftin, käyttöliittymän komponenttien kehys MWF on rakennettu Microsoftin modernin muotoilukielen perusteella: tasainen, puhdas ja minimalistinen. Tämä kehys, UI-komponenttien lisäksi, antaa myös suuntaa värien, typografian ja animaation käyttöön. Luulen, että Materiaali Design Lite on vihdoin tavannut yhtäläisen kilpailijan.

elintärkeä

elintärkeä on kehys, jossa on erittäin miellyttävä minimirajapinta. Se on kevyt, sillä ei ole JavaScript-koodia, ja natiivisti Rogue - syntaksihyppääjä, joka perustuu Rubyyn.

Fontea

Fontea on ilmainen Photoshop-laajennus, jolla voit hallita ja soveltaa satoja Google-fontteja. Voit etsiä fonttia Photoshopin sisällä, esikatsella ja soveltaa fonttia suoraan suunnitteluun - tehostaa työnkulkua.

Tihkusade

Tämä on työkalu, jonka avulla voit rakentaa sivustosi käyttöliittymäkuvioita tai -oppaan. Se luo sellaisia asioita, kuten komponenttien värejä, perusasioita tai ulkoasua sekä koodinpätkä. Tyypillinen opasgeneraattori Tihkusade voit pysyä yhdenmukaisena verkkosivustosi tyylien kanssa.

iNTERCOOLER

InterCoolerJS on JavaScript-kirjasto, joka tekee AJAX-sovelluksen soveltamisesta sivustossasi yhtä helppoa kuin HTML-attribuuttien lisääminen. Siinä on laaja opas ja runsaasti esimerkkejä, joiden avulla voit aloittaa työkalun käytön.

Picla

Picla on jQuery-laajennus, joka näyttää kuvasta haetut kuvatarrat alt ominaisuus. Se tarjoaa muutamia vaihtoehtoja, joiden avulla voit lisätä mukautetun tyylin ja liikkeen tarraan. Picla voidaan asentaa sivustosi riippuvuuteen Bowerista.

IziModal

Tässä on näkyvissä jQuery-laajennus modaalinen ponnahdusikkunoita. IziModal on paljon vaihtoehtoja muokkaamiseen. Voit esimerkiksi muokata animaatiota, tekstisisältöä, värejä. Se on kevyt, reagoiva ja verkkokalvon valmis.

MegaBoilerplate

MegaBoilerplate on generaattori, joka määrittää nopeasti kehityspinon. Siirry verkkosivustolle ja valitse, mitkä työkalut ja kirjastot (Node.js, HTML5, Vanilla JavaScript ja Electron) käytät sivustosi tukikohtana. Se kokoaa ja konfiguroi kaikki tarvittavat tiedot zip-paketissa, valmiina lataamiseen.

Kömmähdys

JavaScript-kirjasto näyttää nykyaikaisen äänentoistolaitteen Web Audio API: n avulla, Kömmähdys toimii selaimissa niin vanhoja kuin IE9, ja tukee monia äänikoodekkeja, kuten MP3, WEBM, WAV. Paljon ominaisuuksia, modulaarisia ja toimii ilman ulkoista kirjastoa.

SuperEmbed

SuperEmbed on pieni JavaScript-kirjasto, joka tekee upotetut kohteet reagoiviksi ja säilyttää alkuperäisen suhteen. Se tukee monenlaisia lähteitä, kuten Youtube, Flickr, Vine, VideoPress ja DailyMotion. Katso demo.

CleaveJS

lohkaista on JavaScript-kirjasto, joka muotoilee automaattisesti arvot syötteessä. Se voi esimerkiksi lisätä tuhannen erottimen valuuttatuloon, lisätä tilaa luottokortin numerotuloon tai lisätä / päivämäärän syöttö. Käytä tätä kirjastoa palvelemaan parempaa käyttäjäkokemusta.

Tyypillinen kääntäminen

FlippingTypical voit tarkastella kaikkia järjestelmään asennettuja fontteja. Mielestäni tämä sovellus on kätevämpi kuin FontBook sovellus MacOSissa. Kirjoitan satunnaista tekstiä ja katso, mitkä minun järjestelmässä olevista fonteista näyttävät parhaiten.

LightTable

Uusi IDE, jonka mielestäni kannattaa tutkia. Se alkoi KickStarter-projektina, jota tukivat Matt Mullenweg (WordPressin perustaja), ja lopulta lähti avoimeen lähdekoodiin. Voit katsella tätä videota saadaksesi käsityksen siitä, kuinka hieno tämä IDE on.

Kompressori

Kompressori on web-sovellus, joka pakkaa kuvatiedostot pienimpään kokoon menettämättä visuaalista laatua. Se tukee myös JPG, GIF, PNG ja SVG. Tämä sovellus on ilmainen.

Microsoft Site Scan

Tämä on kätevä työkalu, jonka avulla Microsoft voi analysoida sivustosi selaimen yhteensopivuuden ja saavutettavuuden kaltaisissa asioissa. Työkalu luettelee raportin, jossa kerrotaan, jos mitään ei ole oikein sivustossasi ja miten voit jatkaa ongelman ratkaisemiseen. Kokeile!

Poista bloggaaminen käytöstä

Tämä laajennus, kuten nimestä käy ilmi, poistaa blogin ominaisuuksia, kuten viestejä, kommentteja ja syötteitä. Se on oikea plugin sinulle, jos et tarvitse blogipalvelua WordPressissa.