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

Meidän on aika jakaa toinen mahtava luettelo resursseista kollegojemme web-kehittäjille. Viime kerralla esitimme useita viitteitä, sovelluksia ja muutamia JavaScript-kirjastoja.

Ottaen huomioon, että JavaScript-kirjastoja on paljon, joita emme ole vielä käsitelleet tässä sarjassa, tämä erä sisältää enemmän jQuery-laajennuksia ja pari viittausta, jotka parantavat taitojamme web-kehittäjinä. Tarkistetaan ne.

Klikkaa lisää resursseja

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

jQueryMy

jQueryMy on jQuery-laajennus käsittelee reaaliaikaisen tietojen sitomista. Se on yhteensopiva natiivin selaimen säätimien tai sisääntulojen kanssa sekä UI-kirjaston, kuten jQuery UI, ulkopuolella. Se on varustettu validoinnilla, ehdollisella muotoilulla ja monimutkaisilla riippuvuuksien hallinnoilla, jotka näyttävät tekevän siitä suuren, mutta kevyemmän - vaihtoehto MV * -kehykselle kuten Backbone.js, Ember.js ja Vue.js

Pää

Tyypillisesti pää tunniste sisältää otsikko tunniste, linkki tunniste, joka osoittaa tyylitaulukon, ja käsikirjoitus JavaScript-tiedoston lataamiseen. Tämä arkisto osoittaa, että on paljon enemmän, mitä voimme sisällyttää pää tag. Luettelo sisältää yleisen linkin ja metatunnisteet yhdelle tietylle tietylle alustalle.

SmoothState

Kehitetään a sileä sivunvaihto voisi olla todellinen tuskallinen. Meidän on ajateltava käsittelemään historia-sovellusliittymien selaintukea, välimuistia, esikuormitusta sekä animaatiota sen varmistamiseksi, että se toimii sujuvana ja nopeana. SmoothState mukana kaikki nämä yhdessä paketissa, jonka avulla voimme saada kokemuksen ja käyttää sitä lyhyemmässä ajassa.

SketchRunner

Lyhyesti sanottuna SketchRunner on samanlainen kuin OS X Spotlight, Alfred tai SublimeText Command Palette. Se on Sketch-laajennus antaa yksinkertaisen haun käyttöliittymän tehdä useita tehtäviä, jotka yleensä tehdään sovellusvalikossa. Se virtaviivaistaa, jotta voit olla tuottavampi.

Ylläpidettävä CSS

Ylläpidettävä CSS on online-kirja, joka koostuu monen vuoden kokemuksesta, hienostuneita tekniikoita säveltää tähtien CSS: ää, jota voidaan ylläpitää pitkällä aikavälillä koko sukupolvien ajan.

Flexbox-mallit

Tämä on kokoelma katkelmia ja drop-in-HTML- ja CSS-liitäntöjä rakentaa rajapinta, kuten otsikko, alatunniste, valikkohaku, käyttämällä CSS Flexboxia. Jos löydät Flexboxia vaikeasti ymmärrettäväksi, tämä on loistava inspiraation lähde Flexboxin oppimiseksi.

Laavalamppu

Infinite Scroll on suosittu käyttöliittymä verkossa, jossa se on vetää uutta sisältöä sivun alareunassa. Lavalamp on JavaScript-kirjasto, joka on kopioitu Infinite Scrollin korvaamiseksi. Tutustu demoon.

Glio

JavaScript, että tunnistaa hiiren kohdistimen milloin se on lähdetään näkymästä joka todennäköisesti osoittaa, että käyttäjä lopettaa toimintansa. Kun se tapahtuu, voit käyttää sitä käynnistää tilauslomakkeen tai a yksinkertainen ponnahdusikkuna voit lisätä tulosprosenttiasi.

Coleure

toinen värivalitsin, jossa on viileä käyttöliittymä. Voit vetää ja pudottaa värejä luoda oman väripalettisi, jolloin tämä on visuaalinen ja järjestäytyneempi lähestymistapa värimaailman rakentamiseen. Luo tili, jos haluat tallentaa kokoelmat.

CSSX

CSSX on työkalu voit kirjoittaa CSS JavaScriptissä. Mikään ei kuitenkaan muutu; Se on sama natiivi CSS-syntaksi, joka on pakattu JavaScript-toimintoon. En rehellisesti ole vielä tajunnut, miten voisin hyödyntää CSSXiä mihinkään projekteistani, mutta se näyttää viileältä ja kannattaa ehdottomasti mainita.