Tuoreet resurssit web-suunnittelijoille ja kehittäjille (marraskuu 2012)
On olemassa useita uusia suuria työkaluja ja resursseja, joiden avulla web-suunnittelijat ja kehittäjät saavat ylimääräistä vipua työhönsä. Tässä kuussa meillä on hienoja ilmaisia työkaluja ja resursseja kokeilemisen arvoinen, alkaen laajennuksesta luoda viileitä valokuvatehosteita laajennukseen, joka sisältää sisällön ja kuvan liukumisen aidosti viileällä siirtymällä.
Joten, tarkistetaan ne.
Tutustu kaikkiin uusiin resursseihimme (kuukauden mukaan):
Proto
Vastustava web-suunnittelu on nyt tulossa vakiintunut käytäntö verkkosivuston luomisessa. Tämä tekee Tämä työkalu todella auttaa saamaan työn. Proto on rakennettu SCSS: n avulla, jotta prototyyppiä voidaan reagoida nopeasti tarjoamalla valmiiksi määriteltyjä CSS-luokkia, jotka määrittelevät reagoivan ruudukon ja jotkut laitekohtaiset luokat.
Grid Displayer
Jos työskentelet Responsive Design -ympäristöjen, kuten Bootstrapin tai Foundationin kanssa, tarvitset tätä kirjanmerkkiä seurataksesi selaimen verkkoa. Tämä työkalu näyttää katseluverkon tarkasteltavalla verkkosivulla. Se on varsin kätevä, vedä ja pudota se kirjanmerkkipalkkiin. Napsauta vain kirjanmerkkiä milloin tahansa, kun tarvitset verkkoja.
BootMetro
Windows 8 käyttää Metro-suunnittelukielen yksinkertaisuutta. Jos haluat omaksua tämän tyylin sivustossasi, BootMetro on luultavasti mitä tarvitset.
alaviivojen
Internetissä on monia WordPress-käynnistysaiheita, mutta mikään muu ei ole yhtä suuri kuin Underscores. Sen avulla voit määrittää ja yksilöidä Teeman nimen, Kuvaus, Tekijä ja erityisesti Teema Slug, joka koskee teeman toimintoa, kun lataat paketin, joten saat jotain sellaista theme_slug_function.
Jarallax
Kuten parallaksivaikutus, jonka näet tällä sivustolla? Jos haluat käyttää samanlaista vaikutusta sivustoosi, voit käyttää Jarallaxia, JavaScript-animaatiokirjastoa, luomaan Parallax-vaikutuksen (lähes milloin tahansa).
Tuulinen
Oletko kyllästynyt gallerian liukuvaikutuksilla, jotka liikkuvat vain vaakasuunnassa? Tarkista sitten Windy, joka käyttää 3D-muunnosta sisällön suorittamiseen aidosti ainutlaatuisella tavalla. Katso demo tästä.
TiltShift
Lyhyesti sanottuna, tiltShift valokuvauksessa on tekniikka, jonka avulla kuva näyttää pienemmältä, lähes miniatyyriltä kuin se todella on. Tarkista tällaisten valokuvien kokoelma tässä viestissä: “Tilt-Shift-valokuvaus”. Jos haluat soveltaa tällaista vaikutusta kuvagalleriaasi, voit yksinkertaisesti käyttää tätä JavaScript-kirjastoa, TiltShift.js.
järjestys
Sequence.js on herkkä jQuery-liukusäädin, jossa on joitakin edistyksellisiä siirtotehosteita. Toisin kuin toinen liukusäädin, Sekvenssissä ei ole omaa sisäänrakennettua teemaa. Joten voimme täysin mukauttaa ulkoasun ja tunnelman vastaamaan verkkosivustoa.
Delta
jQuery UI on täydellinen joukko yhteisiä web-käyttöliittymiä ja vuorovaikutusta, jota on helppo käyttää. Oletusteema on kuitenkin tylsä. Jos siis haluat etsiä jQuery-käyttöliittymää eri tavoin, mutta et halua saada käsiäsi likaiseksi CSS: llä, voit yksinkertaisesti korvata CSS-tyylit Delta-ohjelmalla, joka on jQuery UI: n liukas teema.
