Friss források a webes tervezők és fejlesztők számára (2016. július)

Ez a részlet ismét sokféle erőforrással rendelkezik. Van forrásaink arra, hogy inspirálhassuk a következő nyitóoldal tervezését: két módja annak, hogy a kódolók elhomályosítsák a ragyogó képernyő hatásait, a plugin a webes elrendezések felépítéséhez húzással, egy jQuery plugin a dátumkiválasztók felemeléséhez, és rengeteg JavaScript könyvtárakat, hogy segítsenek a fejlesztőknek.

Tartalmazzák továbbá a HTTP2, a tipográfiai terminológiák, a hozzáférhetőségre kész helyek építését és a nyelvi szintaxis programozási keresőjét. Nézzük meg őket.

Kattintson a További források gombra

Keresse meg az ajánlott erőforrások teljes gyűjteményét és a legjobb webes tervezési és fejlesztési eszközöket.

Landing Folio

A leszállási fólió egy központi hely, ahol találhat példákat a céloldal tervezéseire. Több száz példa van a webhelyen, és a listát kategóriájuk alapján véglegesítheti. Ez mindenképpen érdemes könyvjelzőt létrehozni a webes tervezők számára.

Elem lekérdezések

JavaScript, amely lehetővé teszi, hogy végrehajtsa Elem lekérdezés. Az elem lekérdezése a következővel van jelölve: @elem és ellentétben, @média, @elem tudatában van számos körülménynek “magasság” és “szélesség”. Például stílusokat alkalmazhat az elemben található számjegyek alapján.

HTTP2

HTTP2 a HTTP legújabb specifikációja, jelentős változásokkal. Megígéri a jobb teljesítményt és a hatékony adatátvitelt. Ebben az erőforrásban ezek a módosítások (részletesen) megtalálhatók, a biztonságra, a sebességre és a felhasználói élményre gyakorolt hatása.

Elementor

Elementor egy WordPress bővítmény, amely lehetővé teszi, hogy webes elrendezéseket építsen húzással. Az Elementor segítségével még vonzóbb elrendezést készíthet. Ez érzékeny, teljesen testreszabható és felhasználóbarát.

TimeDropper

Ez a bővítmény néhány animációval van ellátva, amelyek a dátumokat az interneten jobban kiválasztják. Emellett opciók állnak rendelkezésre az UI megjelenésének megváltoztatására. Ez egy jQuery plugin a rajongók dátum-választóinak.

SyntaxDB

Egy keresőprogram a programozási nyelv szintaxisának kereséséhez. Jelenleg számos nyelvet támogat, köztük Java, C, Ruby, JavaScript és Python. Ez lehet a végső keresőmotor a fejlesztők számára, mivel az adatbázis és a nyelvi támogatás növekszik.

Github Dark UI

Github Dark UI egy sötétebb téma a Github.com számára. Ez jó alternatív színséma lehet, ha sötét környezetben dolgozol, vagy hosszabb ideig kell néznie a képernyőn.

Microlight

Ahelyett, hogy a különböző színekkel rendelkező kódot kiemelnénk, ahogy azt az alábbiakban láthatjuk, a Microlight teszi a kódot “világít”. A kódot kiemelő JavaScript könyvtár, szó szerint.

BarbaJS

BarbaJS egy JavaScript könyvtár, amely lehetővé teszi a sima átmenetet a JavaScript története API / pushState segítségével. Ez a bővítmény a Módszerek, az Egyéni események és a maroknyi API használatával rendelkezik, hogy a webhely oldalai számára sima élményt nyújtson. Íme néhány példa.

TypeTerms

Valaha csoda, mi a különbség “betűtávolságok” és “kerning” jelentése? TypeTerms egy interaktív bemutató, ahol megtudhatja ezeket a zavaró tipográfiai terminológiákat.

Vaj bab

Vaj bab egy új és kifinomult plugin a Meta Box építéséhez a WordPress programban. A modern WordPress Customizer API architektúráját követi. Ez az elegáns WordPress adminisztrátori felhasználói felületet elegánsabbá teszi.

Gyermek téma ellenőrzése

A WordPress plugin, hogy ellenőrizze a gyermek témáját a szülő témával szemben; ellenőrzi, hogy a Gyermek témakörre épülő fájlok frissülnek-e.

CloudFlare felhasználói felület

CloudFlare felhasználói felület a React tetején felépített UI-összetevők. Figyelembe véve a React népszerűségét, számos hasonló UI keretrendszer létezhet.

Lerna

Egy nagy projektben több csomag és repozitóriumok kezelése elkerülhetetlen. Ez az eszköz lehetővé teszi, hogy kezelje ezt az adott helyzetet, és végül egyszerűsítse a munkafolyamatot.

Nyugi

Nyugi egy JavaScript könyvtár, amely segít csökkenteni a CPU használatát. Olyan funkciókat biztosít, amelyek a JavaScript natív funkciók helyett használhatók. Rendszeres webhelyen vagy Node.js alapú alkalmazásra telepíthető.

GEL tipográfia

GEL tipográfia a BBC tipográfiai stílusa. Nagyszerű erőforrás és inspiráció a tipográfiai stílusok szabványosítására.

MIND minták

A MIND minták egy gyakorlati útmutató egy hozzáférhető e-kereskedelmi webhely létrehozásához. Útmutatókat nyújt a HTML építésében, az ARIA címke használatával, valamint a fogyatékkal élő felhasználók számára felhasználóbarát CSS stílusok összeállításával..

CSS-specifitás

Illusztrációk gyűjteménye, amelyek leírják, hogyan működik a CSS-specifitás.

CSS Dig

A Chrome-bővítmény, amely segít a CSS optimalizálásában. Eltávolítja az oldalt és megadja a jelentéshez a használt tulajdonságok, például a színek listáját.

Sablon Stash

Kézzel szedett sablonok gyűjteménye, ahol sokféle sablon található, beleértve a HTML5, a WordPress, a Ghost, a Bootstrap és az e-Commerce sablonokat.