Sveži viri za spletne oblikovalce in razvijalce (januar 2017)

Ta serija je prešla dolgo pot, skozi katero smo bili priča orodja za razvoj spletnih strani prihajajo in odhajajo; enkrat so zasijali, nekaj mesecev kasneje so zastareli z drugimi najnovejšimi orodji. Kljub temu pa imamo na seznamu nekaj novih orodij, ki jih naši razvijalci raziskujejo v tem mesecu JavaScript knjižnice, vtičnik Skica za odzivno oblikovanje uporabniškega vmesnika, in nekaj okvirov CSS.

Kliknite za več virov

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

iTyped

JavaScript knjižnico, ki vam omogoča predstavitev tipkanje učinka seznama besedila; neke vrste učinek, ki ste ga morda videli na spletu v zadnjem času. Ta knjižnica JavaScript je Enostavna izvedba z nekaj možnostmi za prilagoditev učinka. To knjižnico lahko namestite preko NPM ali jo naložite preko CDN na https://unpkg.com/[email protected].

Opera Neon

Opera je bila prva, ki je uvedla brskalnik, ki temelji na tabih, in od takrat imamo brskalniki s tako imenovanimi zavihki in hitrim izbiranjem. Opera je pred kratkim izdala novo pobudo, imenovano Opera Neon. Nov brskalnik s svežim vmesnikom, kot je ti omnibox, način deljenega zaslona in čudovite slike izbire. Torej lahko Opera Neon znova spremeni prostor v brskalniku? To bomo morali videti.

At.js

At.js je JavaScript knjižnica, ki vam omogoča dodajte smeške, omenite prijatelje ali označite; nekaj, kar smo videli na Slacku, Twitterju in Facebooku. Ta vtičnik zahteva jQuery, ki mu omogoča delo v Internet Explorerju 7 in morda Internet Explore 6 preveč. Fantastično!

Sprostitev

Izdaja omogoča ustvarjanje nove različice programske opreme v Githubu bolj učinkovit. Novi izdaji je ponavadi opremljena z listo sprememb in ta modul vam omogoča, da zapolnite seznam sprememb samodejno izhaja iz sporočil Git.

Lepša

JavaScript lepotica zagotavljanje, da je naša JavaScript koda oblikovana na dosleden način. Podpira ES2017 in JSX.

Ayu

Ayu je Sublime Text tema s svežo in sodobno pritožbo. Na voljo je s temnimi in svetlimi toni. Ayu pomeni v Indoneziji lepo in tako rekoč; to omogoča, da je Sublime Text UI lepši.

JSON Splora

A lahka aplikacija za urejanje in vizualizacijo podatkov JSON. Aplikacija je združljiva z Windows, Linux in MacOS.

Povečava

JavaScript za elegantno povečavo slike. Optimizirano za mobilne naprave, deluje lepo na zaslonu hi-def in je enostavno prilagodljivo.

Ramme

Ramme je Instagram odjemalec. Čeprav je neuradno, lahko pa se naučiš nekaj nove stvari iz izvorne kode.

Spremeni uporabniško ime

WordPress vtičnik, ki je bil enkrat aktiviran, dodaja a “spremembe” povezavo poleg uporabniškega vnosa in omogoča spreminjanje uporabniškega imena.

NodeifyWP

NodeifyWP je povsem edinstven WordPress vtičnik. Omogoča uporabo WordPressa kot običajno izhodno vsebino z uporabo modula Node.js. Nisem še preizkusil tega vtičnika na katerem koli projektu. Toda predstavitev, ki sem jo videl v WordCampu Denpasar 2016, ta plugin izgleda zelo obetajoč za posodobitev razvoja WordPressa.

ColorMe

ColorMe je precej drugačen od drugih aplikacij za barvne generatorje, ki sem jih že videl. Poleg ustvarjanja barvnih kod, aplikacija daje tudi nadzor nad nastavljanjem svetlosti, odtenkov, odtenkov, nasičenosti, kontrasta itd.

Paketi WP-CLI

A zbirka razširitev WP-CLI ki dodaja dodatne ukazne vrstice in parametre za izvajanje dodatnih nalog, kot je npr razmestitev WordPressa na oddaljeni strežnik, selitev WordPress strani, izpiranje predpomnilnikov, in še veliko več.

Izdelovalec strani po meri

WordPress vtičnik, ki vam omogoča ustvarite nelinearno vsebino z vmesnikom drag-n-drop. Vtičnik je razširljiv, da lahko nova komponenta doda edinstveno vrsto vsebine. Zagotavlja tudi WP-API za upravljanje teh vsebin. Tailor Page Builder je daleč najboljši vtičnik za to kategorijo.

XVG

XVG je razširitev za Chrome, ki prikaže SVG grafične obrise in sidra ki vam lahko pomagajo pri iskanju napak v objektih SVG.

RibbonJS

RibbonJS je knjižnica JavaScript, ki vam omogoča ustvarjajo okrasne trakove na vaši spletni strani, kot si lahko ogledate na naslednjem posnetku zaslona. Velikost je samo 1kb in enostavno prilagodite.

Samodejna postavitev

Samodejna postavitev je a Vtičnik »Skica«, ki ponuja številne prednastavljene velikosti zaslona, s katerimi lahko preizkusite načrtovanje uporabniškega vmesnika. Tako lahko zagotovite, da je videz enako dober, ne glede na to, ali ga gledate na iPhone 5, iPhone 6 itd določite velikosti po meri, če ta ni na voljo v prednastavitvi. Oglejte si, kako vtičnik deluje v tem videoposnetku.

Funkcije

Funkcija je a zbiranje razredov CSS ki sledi načelu čiste funkcije. Vsak razred CSS določa en sam namen oblikovanja. Ta ogrodje CSS je trenutno v teku, saj je v prihodnosti mogoče uvesti več funkcij, kot je npr odzivna mreža, gumbi, itd.

Spletne povezave

Lahka in lahka enostaven za uporabo okvir za gradnjo predstavitev diapozitivov z uporabo samo HTML in CSS. Webslides trenutno ponuja nekaj lepih diapozitivov, kjer lahko takoj zaženite predstavitev.

Odporno spletno oblikovanje

Odporno spletno oblikovanje je spletna knjiga. Ta knjiga ni nič tehničnega, ampak pokriva zgodovine, načela in izume, ki oblikujejo splet kot vemo v današnjem svetu. Mislim, da je odličen za vikend.