Resurse proaspete pentru designeri web și dezvoltatori (ianuarie 2017)

Această serie a parcurs un drum lung prin care am fost martori instrumente de dezvoltare web vin și pleacă; o dată când strălucesc, câteva luni mai târziu, acestea sunt depășite cu alte instrumente recente. Cu toate acestea, avem câteva instrumente noi pe listă pentru dezvoltatorii noștri pentru a explora această lună care include Biblioteci JavaScript, un plugin pentru Sketch pentru un design ușor de utilizat, și câteva cadre CSS.

Faceți clic pentru mai multe resurse

Găsiți întreaga noastră colecție de resurse recomandate și cele mai bune instrumente de dezvoltare și dezvoltare web disponibile.

iTyped

Un JavaScript bibliotecă care vă permite să prezentați tastare efectele unei liste de text; un fel de efect pe care l-ați fi văzut pe web în ultima vreme. Această bibliotecă JavaScript este ușor de implementat cu o mână de opțiuni pentru personalizarea efectului. Puteți instala această bibliotecă prin NPM sau o puteți încărca prin intermediul CDN la https://unpkg.com/[email protected].

Opera Neon

Opera a fost primul care a introdus browser-ul bazat pe tab-uri, și de atunci avem browsere cu așa-numitele Tab-uri și Speed Dial. Opera a lansat recent noua sa inițiativă, numită Opera Neon. Un nou browser cu o interfață mai proaspătă, cum ar fi așa-numitul caseta polivalentă, modul ecran divizat și tapetul frumos selecții. Deci, Opera Neon poate schimba spațiul browserului încă o dată? Trebuie să vedem asta.

At.js

At.js este biblioteca JavaScript care vă permite să adăugați zâmbete, menționați prietenii sau etichetați; așa cum am văzut la Slack, Twitter și Facebook. Acest plugin necesită jQuery, care îi permite lucrați la Internet Explorer 7 și poate Explorează și Internetul 6. Fantastic!

Eliberare

Eliberarea face crearea unei versiuni noi a unui software în Github mai eficient. O nouă versiune este de obicei însoțită de un changelog și de acest modul vă permite să introduceți lista de modificări derivate automat din mesajele de angajament Git.

mai frumos

Un JavaScript beautifier asigurându-se că codul nostru JavaScript este formatat în mod consecvent. Acesta susține ES2017 și JSX.

Ayu

Ayu este Sublime Text temă cu un apel proaspăt și modern. Acesta vine cu 2 tonuri întunecate și luminoase. Ayu înseamnă frumos în Indonezia, și ca să spun așa; aceasta face UI Text Sublime mai frumos.

JSON Splora

A aplicație ușoară pentru editare și vizualizare a datelor JSON. Aplicația este compatibilă cu Windows, Linux și MacOS.

Zooming

Un JavaScript pentru a mări imaginea grațios. Optimizat pentru mobil, funcționează frumos pe ecranul hi-def și este ușor de personalizat.

Ramme

Ramme este un Client client desktop Instagram. Deși este neoficial, dar poate puteți învăța câteva lucruri noi din codul sursă.

Schimbă numele

Un plugin WordPress care odată activat, adaugă a “Schimbare” legătură lângă numele de utilizator și vă permite să modificați numele de utilizator.

NodeifyWP

NodeifyWP este un plugin WordPress destul de unic. Vă permite să utilizați WordPress ca de obicei ieșiți conținutul folosind un modul Node.js. Nu am încercat încă acest plugin pe niciun proiect. Dar prezentarea pe care am văzut-o în WordCamp Denpasar 2016, acest plugin arată foarte promițător pentru modernizarea dezvoltării WordPress.

ColorMe

ColorMe este destul de diferit de alte aplicații de generare a culorilor pe care le-am văzut înainte. În afară de generarea de coduri de culoare, aplicația oferă de asemenea controlul asupra reglării luminozității culorii, umbră, nuanță, saturație, contrast etc..

Pachete WP-CLI

A colectarea extensiilor WP-CLI care adaugă linii suplimentare de comandă și parametri pentru a efectua sarcini suplimentare, cum ar fi una pentru implementarea WordPress pe serverul de la distanță, migrarea unui site WordPress, spălarea cache-urilor, si mult mai mult.

Tailor Page Builder

Un plugin WordPress care vă permite să creați conținut neliniar cu o interfață drag-n-drop. Pluginul este extensibil pentru o componentă nouă pentru a adăuga un tip de conținut unic. Acesta oferă WP-API pentru a gestiona și acest conținut. Tailor Page Builder este de departe cel mai bun plugin din această categorie.

XVG

XVG este o extensie Chrome afișează contururi grafice SVG și ancore care vă poate ajuta să depanați cu ușurință obiectele SVG.

RibbonJS

RibbonJS este o bibliotecă JavaScript care vă permite să generați panglici decorative pe site-ul dvs., după cum puteți vedea următoarea imagine de ecran. Are doar 1kb în mărime și ușor de personalizat.

Aspect automat

Auto-Layout este a Plugin Sketch care oferă un număr de dimensiuni prestabilite ale ecranului pentru a testa designul UI. Deci, puteți asigura că designul arată la fel de bine dacă este văzut pe iPhone 5, iPhone 6, etc. Pluginul vă permite, de asemenea definiți dimensiunile personalizate în cazul în care acestea nu sunt disponibile în presetare. Vedeți modul în care plugin-ul funcționează în acest videoclip.

Funcssions

Funcssion este a colecție de clase CSS care urmează principiului funcției pure. Fiecare clasă CSS definește un singur scop de stil. Acest CSS Framework este în prezent o lucrare în curs de desfășurare cu mai multe caracteristici de introducere pe viitor, cum ar fi grilă receptivă, butoane, etc.

Webslides

O ușoară și ușoară ușor de utilizat, pentru a crea slide-uri de prezentare folosind doar cod HTML și CSS. Webslides oferă în prezent o serie de șabloane de diapozitive frumos, unde puteți începeți imediat prezentarea de diapozitive.

Resilient Web Design

Resilient Web Design este o carte online. Această carte nu este nimic tehnic, ci acoperă istorii, principii și invenții care modelează Web-ul după cum știm în lumea de astăzi. Cred că este o mare citire pentru weekend.