Resurse proaspete pentru web designeri și dezvoltatori (iulie 2015)

Dezvoltatorii web sunt binecuvântați cu instrumente gratuite și resurse găsite online, pe care le colectăm în mod obișnuit în seria Fresh Resources în fiecare lună. Dacă ați pierdut lotul de luna trecută, revizuiți-l aici sau verificați restul resurselor proaspete compilate în prima parte a anului.

Pentru lotul din iulie 2015, evidențiem noi instrumente și resurse care ar facilita sarcinile dvs., de la pluginurile WordPress care vă permit să implementați actualizările de plugin privat într-o bibliotecă JavaScript pentru a adăuga animații interesante.

Aladdin

Acest plugin adaugă funcționalitate suplimentară administrării WordPress, care este similar cu OS X Spotlight. Cu aceasta, veți putea accesa rapid fișierele și folderele de pe Mac. Odată instalat, apăsați de două ori Shift, apoi tastați ce doriți să accesați. Aceasta face administrarea WordPress mai accesibilă cu ajutorul tastaturii.

SiteOrigin CSS

SiteOrigin CSS este un plug-in robust pentru WordPress pentru a particulariza orice aspect tematic în timp real. Pluginul adaugă un nou panou sub Aspect> CSS personalizat meniul. Aici puteți scrie reguli personalizate CSS pentru a suprascrie CSS-ul temei pe care o utilizați sau puteți utiliza și panoul GUI pentru a adăuga regulile CSS intuitiv.

DynamicsJS

DynmaicJS este o bibliotecă care folosește animația bazată pe fizică. Eu nu sunt un expert fizic, dar exemplele de aici în acest meniu arata foarte cool. Acesta poate anima elementele HTML și SVG și vă oferă performanțe rapide fără nici o dependență. DynamicJS a fost testat pe Safari 7+, Firefox 35+, Chrome 34+ și IE10+.

Modul avion

Acest plugin va împiedica mai multe solicitări HTTP externe WordPress, cum ar fi Google Fonts, Gravatar și WordPress updater, să încerce să se conecteze la plugin-uri și depozite de teme pentru actualizări. Este un plugin util pentru dezvoltarea locală pentru a suprima erorile care apar atunci când aceste apeluri eșuează (care se întâmplă de obicei atunci când dezvoltați local pe Internet extrem de lent).

Coverr

O colecție de videoclipuri care sunt excelente pentru anteturile site-urilor dvs. web. Toate videoclipurile sunt gratuite, licențiate sub Domeniul Public. Nu uitați să verificați “Cum să utilizați” pentru a afla cum să adăugați videoclipul pe pagina dvs. Web.

VibrantJS

VibrantJS captează culori proeminente dintr-o imagine. Expune de asemenea câteva interfețe API care vă permit să procesați culoarea obținută, cum ar fi comutarea formatul de culoare și stabilirea compoziției potrivite pentru fundal și text. Puteți să-l utilizați pentru a îmbunătăți interfața site-ului dvs. cu generarea de culori dinamice, pentru a utiliza culoarea ca imagine substituentă atunci când imaginea nu este încărcată încă sau creați o aplicație web pentru generarea unui model de culori.

GradifyCSS

Această bibliotecă captează două culori proeminente și generează un gradient CSS din culorile obținute. Similar cu VibrantJS, puteți aplica gradientul ca suport pentru imagine atunci când imaginea nu este complet încărcată sau ca o culoare suprapusă.

PurifyCSS

PurifyCSS curăță regulile CSS neutilizate din foaia dvs. de stil. Puteți utiliza această opțiune pentru a reduce dimensiunile unei foi de stil de cadre mari, cum ar fi Bootstrap și Fundația, cu până la 40%. PurifyCSS este disponibil ca un plugin Grunt și Gulp.

Capitolul Titlu pentru WordPress

Numele a spus totul. Acest plugin WordPress va transforma titlurile și titlurile din cadrul conținutului în capitalizare adecvată la salvarea sau publicarea postului și a paginii. Consider că acest plugin este util pentru site-urile cu mai mulți autori pentru a păstra consistența conținutului site-ului.

GitHub Updater

Acest plugin permite utilizatorului instalați și actualizați automat Pluginurile WordPress găzduite în GitHub. În ciuda numelui, pluginul acceptă, de asemenea, Bitbucket și GitLab, inclusiv unul într-un depozit privat. Este un plugin util pentru dezvoltatorii care dezvoltă și distribuie pluginurile sau temele exclusiv numai pentru clienții lor.

Exemple de coduri

O colecție de exemple de coduri din WordPress Theme Review Team. În acest moment, exemplul conține coduri pentru a construi componentele personalizate ale temelor utilizând API-ul Customizer, inclusiv pentru a crea secțiunea, setările și panoul. Mai multe exemple de coduri de bune practici adăugate în viitor.