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

Bővítjük a listát az évközi kiadás számára. Ez a részlet néhány CLI-t tartalmaz (és itt van a mi álláspontunk, hogy miért kell megtanulnia a parancssort), néhány asztali alkalmazást a munka és a szórakozás érdekében, valamint számos CSS és JavaScript könyvtárat. Tartalmazzák továbbá a legjobb gyakorlatokról szóló anyagokat, referenciákat és útmutatókat, amelyeket érdemes megnézni, könyvjelzőt és esetleg egy napot olvasni.

Nem fogom elrontani a lista többi részét, így nem leszel. További friss forrásokért kattintson ide.

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.

CertBot

CertBot egy praktikusabb módot biztosít a tanúsítványok Let's Encrypt használatával. Olyan parancssorokat biztosít, amelyek számos szerver konfiguráció támogatására szolgálnak, mint például az Apache, az NGINX és a Plesk. Ha arról beszélünk, hogy titkosítsuk, egy közös erőfeszítés az internet biztonságosabbá tételére az ingyenes SSL-tanúsítvány nyújtásával. Jelenleg több mint 3 millió webhelyen használják.

Mononoki

Mononoki egy betűtípust, amely kifejezetten a kód megjelenítése. A Mononoki telepíthető asztali betűkészletként érhető el (.tTF) és webes betűtípus (.eot, és .WOFF). Ez egy klasszikus alternatívája monotype mint Monaco, Menlo és Courier.

BideoJS

A teljes oldalas autoplay videó megjelenítése a kezdőlapon növekvő trendnek tűnik. BideoJS egy JavaScript könyvtár, amely lehetővé teszi, hogy pontosan ezt a kisebb akadályokkal végezze. Könnyű, érzékeny és konfigurálható az Ön igényeinek megfelelően.

CSS Tisztítás

CSS Tisztítás a CSS referenciák, cikkek és statisztikák gyűjteménye. Egy ilyen hasznos információ segíthet a tájékozott döntések meghozatalában, hogy mely CSS módszertanokat, eszközöket és kereteket szeretné elfogadni a projektben.

Mailgen

Mailgen egy csomópont modul, amely egy szép, egyszerű, érzékeny HTML-e-mailt hoz létre. Egy csomó lehetőség áll rendelkezésre, amely lehetővé teszi az e-mail szinte minden területének testreszabását. Beállíthatja az e-mailt “téma”, az e-mail fejlécét és a “Hívja a cselekvésre” gomb. A csomópont alapú asztali vagy webes alkalmazásba is integrálható.

Deco

Deco egy IDE, amely egy mobilalkalmazást épít a Facebook-kezdeményezés React Native használatával. Gondolj a Deco-ra, mint az XCode vagy a Visual Studio, ahol egy felhasználóbarát felhasználói felületet használó alkalmazást építhetsz a drag-and-drop, sliders és color pickers használatával.

IE8 Linter

Az Internet Explorer 8 (IE8) egy antik böngésző, amely nem támogatja a modern webes technológiákat, mint például a CSS3 animációkat, átalakításokat, átmeneteket és a legtöbb HTML5 elemet. Polyfill. A DRY elv egy olyan eszköz, amellyel az IE8 kompatibilitás webhelyeit szkennelhetjük. Ez biztosítja a jelentést és a megoldásokat.

Kecskeféle

Kecskeféle egy nem hivatalos Facebook Messenger asztali alkalmazás. A Node.js és az Electron tetejére épül, amely lehetővé teszi, hogy platform platformos alkalmazás legyen; elérhető az OS X, Windows és Linux rendszerben. Az is két színben jelenik meg: sötét és világos.

Photon Kit

Photon Kit egy keretrendszer egy új alkalmazás elindításához az Electron segítségével. Hasonlóan a Bootstrap, Foundation és a tetszésekhez, a Photon számos olyan összetevővel rendelkezik, amely lehetővé teszi a közös felhasználói elemek létrehozását egy alkalmazásban, mint például a gombok, az eszköztár és az oldalsáv.

Yeoman App

Yeoman App egy asztali alkalmazás, amely a Yeoman-tól származó projekteket, kereteket és állványokat generál. Jó alternatíva azok számára, akik nem kényelmesen dolgoznak a terminál és a parancssorok segítségével.

SQLectron

SQLectron egy SQL asztali kliens, amely lehetővé teszi több SQL művelet kényelmesebb megtekintését és végrehajtását. A MySQL, a PostgreSQL és a Microsoft SQL Server támogatja. Az SQLectron OS X, Windows és Linux operációs rendszereken érhető el.

Családi SCSS

FamilySCSS egy mixins gyűjtemény, amely az elemek kiválasztását teszi lehetővé : N-ed gyermek intuitívabb. A keverékek deklaratívak. Például írhat @clude first (3) az első három gyermekelem kiválasztásához és írásához @tartalom (2, 4) között a második és a negyedik gyermekelem kiválasztásához.

EasyEngine

Az EasyEngine olyan parancssorok gyűjteménye, amelyek lehetővé teszik a WordPress konfigurálását olyan eszközökkel és modulokkal, mint a Redis, a Caching bővítmény és a PageSpeed. Ez teszi a WordPress szerver beállítását a sebességre.

Phinx

Phinx egy PHP modul az adatbázis-kezeléshez és a migrációhoz. Osztályokkal és parancssorokkal rendelkezik, amelyek lehetővé teszik, hogy szinte bármilyen adatbázis-működést futtasson, például írást, letöltést és feltöltést. A Phinx Docs egy forradalmian új referencia, amely segít Önnek az induláskor.

RichCSS

RichCSS egy CSS-keret, amely sane struktúrát biztosít. A keretrendszer szépen szervezi a mappákat, könyvtárakat és osztályokat, és lehetővé teszi, hogy újrahasznosítható legyen. A gombok, listák és űrlapok tetején a RichCSS saját CLI-vel is rendelkezik, amelyet egy új Rich projekt, például Bower, Git és NPM elindításához használhat..

Frend

Frend a közös webes összetevők gyűjteménye. A gyűjtemény jelenleg az Accordion, a Dialog Modal, az Offcanvas, a Tooltip, a Tabs és a következő kiadás során még néhányat foglalja magában. A Frend jó alternatíva lehet a jQuery felhasználói felületének.

FLA

Ez egy átfogó keret, amellyel választható rács-elrendezést lehet kialakítani a Flexbox segítségével.

PHP a helyes út

A PHP könnyen megtanulható programozási nyelv, de könnyedén hibázhat a kódokkal, és ez végül veszélyeztetheti a webhely biztonságát és teljesítményét. PHP a helyes út kiterjedt referencia a PHP legjobb gyakorlatainak megismerésére.

Starability

Starability egy CSS-könyvtár, amely egy animációs visszajelzéssel ellátott csillagértékelő rendszert épít. A csillag minősítést a hozzáférhetőség szem előtt tartásával építették fel; navigálhat és csillagokat rendelhet a billentyűzeten.

WaitAnimate

WaitAnimate egy hasznos webes eszköz a “szünet” időzítés egyetlen CSS animációban @keyframe. A “szünet”, ha helyesen csinálta, az animációt még vonzóbbá teheti - itt van néhány példa.