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

A webes fejlesztőknek ingyenes online eszközökkel és forrásokkal áldottak meg, amelyeket minden hónapban kötelességeinkben friss források sorozatunkban gyűjteni. Ha elmulasztotta a tavalyi hónap tételét, látogasson el ide, vagy nézze meg az év elején összeállított friss forrásokat..

A 2015. júliusi tételekhez olyan új eszközöket és erőforrásokat értünk, amelyek megkönnyítik a feladatainkat, a WordPress bővítményektől kezdve, amelyek lehetővé teszik a plugin frissítések telepítését a JavaScript könyvtárba, hogy hozzanak létre vonzó animációkat.

Aladdin

Ez a bővítmény extra funkcionalitást biztosít a WordPress adminisztrációhoz, amely hasonló az OS X Spotlighthoz. Ezzel gyorsan elérheti a Mac fájljait és mappáit. A telepítés után nyomja meg kétszer a Shift billentyűt, majd írja be azt, amit szeretne elérni. A billentyűzet használatával a WordPress adminisztráció elérhetőbbé válik.

SiteOrigin CSS

A SiteOrigin CSS egy robusztus WordPress plugin, amely bármilyen téma megjelenítését valós időben testreszabhatja. A bővítmény új panelt ad hozzá a Megjelenés> Egyéni CSS menü. Itt írhat egyéni CSS szabályokat, hogy felülírja a használt téma CSS-jét, vagy használhatja a GUI panelt is a CSS szabályok intuitív hozzáadásához.

DynamicsJS

A DynmaicJS egy könyvtár, amely fizikai alapú animációt alkalmaz. Nem vagyok fizikai szakértő, de az itt bemutatott példák nagyon hűvösek. A HTML és az SVG elemeket animálhatja, és gyors teljesítményt biztosít függőség nélkül. A DynamicJS-t Safari 7+, Firefox 35+, Chrome 34+ és IE10 tesztekkel tesztelték+.

Repülőgép üzemmód

Ez a bővítmény megakadályozza, hogy több WordPress külső HTTP-kérés, például a Google Fonts, a Gravatar és a WordPress frissítője ne kíséreljen meg csatlakozni a bővítményekhez és a témák tárolóihoz a frissítésekhez. Hasznos bővítmény a helyi fejlesztés számára, hogy elnyomja a hibákat, amikor ezek a hívások sikertelenek (ami általában akkor történik meg, amikor helyileg, rendkívül lassú interneten dolgozik).

Coverr

Olyan videók gyűjteménye, amelyek nagyszerűek a webhelyfejlécek számára. Minden videó ingyenes, a Public Domain licenc alatt. Ne felejtsd el, hogy nézd meg “Hogyan kell használni” fejezet, ahol megtudhatja, hogyan kell hozzáadni a videót a weboldalához.

VibrantJS

A VibrantJS kiemeli a kép színeit. Néhány API-t is megjelenít, amely lehetővé teszi a kapott szín feldolgozását, például a színformátum váltását és a háttér és a szöveg megfelelő összetételének meghatározását. Használhatja azt a webhely felületének dinamikus színgenerálásával történő javítására, használja a színt helyőrző képként, ha a kép még nincs teljesen betöltve, vagy létrehozhat egy webes alkalmazást színminta létrehozásához.

GradifyCSS

Ez a könyvtár két kiemelkedő színt kap, és a kapott színekből CSS-gradienst generál. A VibrantJS-hez hasonlóan a színátmenetet képhelyőrként is alkalmazhatja, ha a kép nincs teljesen betöltve, vagy átfedő színként.

PurifyCSS

A PurifyCSS megtisztítja a fel nem használt CSS szabályokat a stíluslapból. Használhatja ezt a nagy keretek, például a Bootstrap és az Alapítvány stíluslapméretének legfeljebb 40% -kal történő csökkentésére. A PurifyCSS Grunt és Gulp pluginként érhető el.

Cím A WordPress fővárosa

A név mindent mondott. Ez a WordPress plugin a bejegyzések és az oldal mentésekor vagy közzétételekor a címeket és a tartalom fejezeteit megfelelő nagybetűkké alakítja. Ezt a bővítményt hasznosnak találom a több szerzővel rendelkező webhelyek számára, hogy megőrizzék a webhelye tartalmának következetességét.

GitHub frissítő

Ez a bővítmény lehetővé teszi a felhasználó számára telepítse és automatikusan frissíti A GitHubban tárolt WordPress bővítmények. A név ellenére a bővítmény a Bitbucket-et és a GitLab-ot is támogatja, köztük egy magánraktárban. Ez egy hasznos plugin a fejlesztőknek, akik kizárólag saját ügyfeleik számára fejlesztik ki és terjesztik pluginjeiket vagy témáikat.

Kód példák

Kód példák gyűjteménye WordPress Theme Review Team. Jelenleg a példa kódokat tartalmaz a Theme Customizer összetevők felépítésére a Customizer API segítségével, beleértve a szekció, a beállítások és a panel létrehozását is. További kódok a jövőben hozzáadott legjobb gyakorlatokról.