Sveži viri za spletne oblikovalce in razvijalce (junij 2016)

Seznam razširjamo za sredino leta. Ta obrok vsebuje nekaj CLI (in tukaj je naš post o tem, zakaj bi se morali naučiti ukazno vrstico), nekaj namiznih aplikacij za delo in zabavo ter več CSS in JavaScript knjižnic. Vključeni so tudi bralni materiali, reference in vodniki o najboljših praksah, ki jih morate preveriti, zaznamek in morda prebrati en dan.

Ne bom pokvaril preostalega seznama tako, da greš. Za več svežih virov kliknite tukaj.

Kliknite za več virov

Poiščite celotno zbirko priporočenih virov in najboljše razpoložljivo spletno oblikovanje in razvojna orodja.

CertBot

CertBot ponuja bolj priročen način za razmestitev potrdil iz programa Encrypt. Zagotavlja niz ukaznih vrstic s podporo za številne konfiguracije strežnikov, kot so Apache, NGINX in Plesk. Ko že govorimo o tem, Let's Encrypt je skupno prizadevanje, da bi zagotovili varnejšo spletno stran z zagotavljanjem brezplačnega SSL certifikata. Trenutno se uporablja na več kot 3 milijonih spletnih mest.

Mononoki

Mononoki je pisava, oblikovana posebej za prikazovanje kode. Mononoki je na voljo kot namizna pisava (.ttf) in spletna pisava (.eot, in .woff). Je sveža alternativa klasiki monotipi kot Monako, Menlo in Courier.

BideoJS

Prikazovanje videoposnetka za samodejno predvajanje na celotni strani na domači strani se zdi trend naraščanja. BideoJS je knjižnica JavaScript, ki vam omogoča, da naredite točno to z manj ovirami. Je lahek, odziven in ga je mogoče konfigurirati, da ustreza vašim potrebam.

Čiščenje CSS

Čiščenje CSS je zbirka referenc, člankov in statistike za CSS. Iznajdljive informacije, kot je ta, vam lahko pomagajo pri sprejemanju dobro obveščenih odločitev o tem, katere metodologije, orodja in okvir CSS želite sprejeti v vašem projektu..

Mailgen

Mailgen je modul vozlišča, ki ustvarja lepo, preprosto odzivno e-pošto HTML. Na voljo je nekaj možnosti, ki vam omogočajo, da prilagodite skoraj vsa področja e-pošte. Nastavite lahko e-poštno sporočilo “temo”, glava e-pošte in “Poziv k dejanju” gumb. Prav tako ga je mogoče vključiti v vašo namizno ali spletno aplikacijo na osnovi Node.

Deco

Deco je IDE za izgradnjo mobilne aplikacije z uporabo Facebook pobude React Native. Razmislite o Decoju, kot je XCode ali Visual Studio, kjer lahko zgradite aplikacijo z uporabniku prijaznim uporabniškim vmesnikom z uporabo povleci in spusti, drsniki in barvnimi pobiralci.

IE8 Linter

Internet Explorer 8 (IE8) je starinski brskalnik, ki ne podpira sodobnih spletnih tehnologij, kot so animacije CSS3, transformacije, prehodi in večina elementov HTML5 brez polyfill. Načelo DRY je orodje, ki ga lahko uporabimo za skeniranje spletnih strani za združljivost z IE8. Zagotavlja poročilo in rešitve.

Caprine

Caprine je neuradna namizna aplikacija Facebook Messenger. Zgrajen je na Node.js in Electron, kar mu omogoča uporabo na več platformah; na voljo je v OS X, Windows in Linux. Prihaja tudi v dveh barvah, Dark in Light.

Foton Kit

Foton Kit je okvir za začetek nove aplikacije z Electronom. Podobno kot Bootstrap, Foundation in like, Photon prihaja s številnimi komponentami, ki vam omogočajo, da zgradite skupne elemente uporabniškega vmesnika v aplikaciji, kot so gumbi, orodna vrstica in stranska vrstica.

Yeoman App

Yeoman App je namizna aplikacija, ki generira projektne predloge, ogrodje in odra iz Yeomana. To je dobra alternativa za tiste, ki niso zadovoljni pri delu preko terminalov in ukaznih linij.

SQLectron

SQLectron je odjemalec za namizje SQL, ki vam omogoča pregledovanje in izvedbo več operacij SQL. Podpira MySQL, PostgreSQL in Microsoft SQL Server. SQLectron je na voljo za OS X, Windows in Linux.

Družinski SCSS

FamilySCSS je zbirka mixinov, s katerimi izbirate elemente z : n-otrok bolj intuitivna. Mešanice so deklarativne. Na primer, lahko pišete @include first (3) za izbiro prvih treh podrejenih elementov in pisanje @ vključi med (2, 4) za izbiro elementov od 2. do 4. otrok.

EasyEngine

EasyEngine je zbirka ukaznih vrstic, ki vam omogočajo, da konfigurirate WordPress z orodji in moduli, kot so Redis, Caching plugin in PageSpeed. To omogoča nastavitev strežnika WordPress za hitrost.

Phinx

Phinx je modul PHP za upravljanje baz podatkov in migracijo. Na voljo je z razredoma in ukaznimi vrsticami, ki omogočajo izvajanje skoraj vseh operacij baze podatkov, kot so pisanje, prenos in nalaganje. Phinx Docs je iznajdljiva referenca, ki vam pomaga začeti.

RichCSS

RichCSS je okvir CSS, ki zagotavlja razumno strukturo. Okvir lepo ureja mape, imenike in razrede na pro-DRY način, ki mu omogoča ponovno uporabo. Poleg gumbov, seznamov in obrazcev ima RichCSS tudi lasten CLI, ki ga lahko uporabite za začetek novega projekta Rich, kot so Bower, Git in NPM.

Frend

Frend je zbirka skupnih spletnih komponent. Zbirka je trenutno sestavljena iz Accordion, Dialog Modal, Offcanvas, Tooltip, Tabs in še nekaj, ki bodo na voljo v naslednji izdaji. Frend bi lahko bila dobra alternativa za jQuery UI.

FLA

To je celovit okvir za izgradnjo odzivne razporeditve mreže s Flexboxom.

PHP The Right Way

PHP je programski jezik, ki ga je preprosto naučiti, vendar pa lahko z lahkoto odpravite napake s kodami, kar lahko na koncu ogrozi varnost in učinkovitost vaše spletne strani.. PHP pravi način je obsežna referenca za učenje najboljših praks v PHP.

Starability

Starability je knjižnica CSS za izdelavo sistema za ocenjevanje zvezdic z elegantnimi animiranimi povratnimi informacijami. Ocena zvezdic je zgrajena z upoštevanjem dostopnosti; lahko se premikate in dodelite zvezde prek tipkovnice.

WaitAnimate

WaitAnimate je priročno spletno orodje za izračun a “pavza” merjenje časa v eni animaciji CSS @keyframe. The “pavza”, ko bo dobro opravljeno, lahko animacijo bolj privlači - tukaj je nekaj primerov.