Friss források a webes tervezők és fejlesztők számára (2012. november)

Számos új nagyszerű eszköz és erőforrás áll rendelkezésre ahhoz, hogy a webes tervezők és a fejlesztők extra hatással legyenek a munkájukra. Ebben a hónapban van néhány nagyszerű ingyenes eszközök és erőforrások érdemes megpróbálni, kezdve egy bővítménytől, hogy hűvös fotóhatásokat hozzon létre egy olyan bővítményhez, amely valóban hűvös átmenetet nyújt..

Tehát nézzük meg őket.

Nézze meg az összes friss forrást (hónap szerint):

Proto

A weboldalt létrehozásakor az érzékeny webes tervezés a szokásos gyakorlat. Ez teszi ez az eszköz valóban hasznos a munka elvégzéséhez. A Proto az SCSS-re épül, hogy gyorsan reagáljon a választható elrendezésre, előzetesen meghatározott CSS-osztályok használatával készen állva, meghatározva az érzékeny rácsot és néhány eszköz-specifikus osztályt.

Grid Displayer

Ha a Responsive Design keretekkel dolgozik, mint a Bootstrap vagy Foundation, akkor valószínűleg szüksége lesz erre a könyvjelzőre, hogy nyomon kövesse a rácsot a böngészőben. Ez az eszköz egy átfedő rácsot jelenít meg a megtekintett weboldalon. Ez elég praktikus, csak húzza a könyvjelzősávba. Egyszerre csak kattintson a könyvjelzőre, amikor rácsokra van szüksége.

BootMetro

A Windows 8 a Metro design nyelv egyszerűségét alkalmazza. Ha ezt a stílust szeretné felvenni a webhelyén, a BootMetro valószínűleg az, amire szüksége van.

aláhúzásokat

Számos WordPress indító téma áll rendelkezésre az interneten, de egyik sem olyan nagy, mint az Underscores. Ezzel megadhatja és személyre szabhatja a téma nevét, leírását, szerzőjét és különösen a témaköröket, amely a téma letöltése után érvényes, miután letöltötte a csomagot. theme_slug_function.

Jarallax

Mint a parallaxiás hatás, amit az ilyen webhelyeken lát? Ha hasonló hatást szeretne alkalmazni a webhelyére, használhatja a Jarallaxot, a JavaScript animációs könyvtárat, hogy létrehozza a parallaxishatást (szinte nincs idő).

Szeles

Unatkozik a galéria csúszóhatásai, amelyek csak vízszintesen mozognak? Ezután nézd meg Windy-t, amely 3D-s átalakítást használ a tartalom valóban egyedi módon történő futtatásához. Lásd a demót itt.

TiltShift

Röviden, a fotózásban a tiltShift egy olyan technika, amely lehetővé teszi, hogy a fénykép kisebbnek, szinte miniatűrnek látszik, mint amilyen valójában. Ellenőrizze az ilyen fotók gyűjteményét ebben a bejegyzésben: “Tilt-Shift fotózás”. Ha ilyen hatást szeretne alkalmazni a fotógalériában, egyszerűen használhatja ezt a JavaScript könyvtárat, a TiltShift.js-t.

Sorrend

A Sequence.js egy érzékeny jQuery csúszkás bővítmény, amely néhány speciális átmeneti hatással rendelkezik. Ellentétben a másik csúszkával, a Sequence nem rendelkezik saját beépített témával. Tehát teljes mértékben testreszabhatjuk a megjelenést és a megjelenést, hogy megfeleljen a weboldalunknak.

Delta

A jQuery UI a közös webes felhasználói felület és interakció teljes készlete, amely könnyen használható. Az alapértelmezett téma azonban unalmas. Tehát, ha a jQuery UI-t másképp szeretné megnézni, de nem akarja, hogy a CSS-lel szennyezett legyen, egyszerűen kicserélheti az alapértelmezett CSS-stílusokat a Delta-val, ami a jQuery felhasználói felületének csúszós témája.