Uued ressursid veebidisaineritele ja arendajatele (jaanuar 2017)

See seeria on jõudnud kaugele, mida oleme näinud veebiarendusvahendid tulevad ja lähevad; üks kord nad paistavad, paar kuud hiljem on nad vananenud teiste viimaste tööriistadega. Sellegipoolest on meil nimekirjas mõned värsked vahendid, mida meie arendajad selle kuu uurimiseks uurivad JavaScripti raamatukogud, Sketch-plugin reageeriva kasutajaliidese disaini jaoks, ja paar CSS raamistikku.

Klõpsake rohkem ressursse

Leia kogu meie soovitatud ressursside kogu ja parimad veebidisaini ja arendustööriistad.

iTyped

JavaScript raamatukogu, mis võimaldab teil esitada kirjutades teksti loetelu mõju; selline mõju, mida olete viimasel ajal veebis näinud. See JavaScript-raamatukogu on hõlpsasti rakendatav koos mõne võimalusega efekti kohandamiseks. Te saate selle raamatukogu installida NPM-i kaudu või laadida selle CDN kaudu https://unpkg.com/[email protected].

Opera Neon

Opera oli esimene, kes tutvustas vahekaardil põhinevat brauserit ja sellest ajast peale on nn vahekaartide ja kiirvalimisega brauserid. Opera on hiljuti avaldanud oma uue algatuse Opera Neon. Uus brauser värskema liidesega, näiteks nn omnikastik, jagatud ekraani režiim ja ilus tapeet valikud. Niisiis, kas Opera Neon võib brauseri ruumi uuesti muuta? Seda peame nägema.

At.js

At.js on JavaScript-raamatukogu, mis võimaldab teil lisage emotikonid, mainige sõpru või märgistamist; midagi sellist, mida oleme näinud Slack'is, Twitteris ja Facebookis. See plugin nõuab jQuery, mis võimaldab seda töötage rakenduses Internet Explorer 7 ja võib-olla Internet Explore 6 ka. Fantastiline!

Vabastage

Vabastamine teeb Githubis tarkvara uue versiooni avaldamine tõhusam. Uue väljalaskega on tavaliselt kaasas Changelog ja see moodul võimaldab teil asendada muutuste nimekirja automaatselt tuletatud Git-i sõnumitest.

Prettier

JavaScript beautifier meie JavaScript-koodi järjepidev vormindamine. See toetab ES2017 ja JSX.

Ayu

Ayu on Sublime Text teema värske ja kaasaegse kaebuse. Kaasas 2 tooni ja valgust. Ayu tähendab Indoneesias ilusat ja nii öelda; seda muudab Sublime Teksti UI ilusamaks.

JSON Splora

A kerge rakendus redigeerimiseks ja JSON-andmete visualiseerimiseks. Rakendus ühildub Windowsi, Linuxi ja MacOSiga.

Suumimine

JavaScript suumida pildi graatsiliselt. Mobiilile optimeeritud, töötab hästi hi-def ekraanil ja on lihtsalt kohandatav.

Ramme

Ramme on Instagram töölaua klient. Kuigi see on mitteametlik, kuid võib-olla võite paar õppida uued asjad lähtekoodist.

Muuda kasutajanimi

WordPressi plugin, mis aktiveeriti, lisab a “muutus” link kasutajanime sisestuse kõrval ja saate muuta kasutajanime.

NodeifyWP

NodeifyWP on üsna unikaalne WordPress plugin. See võimaldab teil kasutada WordPressi nagu tavaliselt sisu väljastamiseks mooduli Node.js abil. Ma ei ole seda pluginat veel ühegi projekti puhul proovinud. Kuid esitlus, mida ma nägin WordCamp Denpasaris 2016, see plugin näeb väga paljutõotavat WordPressi arendamise moderniseerimist.

ColorMe

ColorMe on üsna erinevalt teistest värvigeneraatori rakendustest, mida ma varem näinud olen. Lisaks värvikoodide genereerimisele annab rakendus ka värvi heleduse, varju, tooni, küllastuse, kontrastsuse jms reguleerimine.

WP-CLI paketid

A WP-CLI laienduste kogumine mis lisab täiendavaid käsureade ja parameetreid täiendavate ülesannete, näiteks ühe jaoks WordPressi rakendamine serverisse, WordPressi saidi rändamine, vahemälu puhastus, ja palju muud.

Tailor Page Builder

WordPress plugin, mis võimaldab teil luua mittelineaarse sisu lohistamise-n-drop liidesega. Lisandmoodul on laiendatav uue komponendi jaoks, et lisada unikaalne sisutüüp. See pakub WP-API-le ka nende sisu haldamist. Tailor Page Builder on selles kategoorias parim plugin.

XVG

XVG on Chrome'i laiendus kuvab SVG graafilised piirjooned ja ankrud mis aitab teil SVG objekte kergesti siluda.

RibbonJS

RibbonJS on JavaScript-raamatukogu, mis võimaldab teil luua oma veebilehel dekoratiivseid lindid, nagu näete järgmist pilti. See on vaid 1kb suurune ja lihtne kohandada.

Automaatne paigutus

Automaatne paigutus on a Skaneeri plugin, mis pakub teie kasutajaliidese disaini testimiseks mitmeid eelseadistatud ekraani suurusi. Nii saate kinnitada, et disain on sama hea, kas seda vaadatakse iPhone 5, iPhone 6 jne. Plugin võimaldab teil ka seda teha määrake kohandatud suurused juhul, kui see pole eelseadistuses saadaval. Vaadake, kuidas plugin selles videos toimib.

Funcssions

Funcssion on a CSS klasside kogumine mis järgib Pure Function põhimõtet. Iga CSS klass määratleb stiili ühe eesmärgi. See CSS raamistik on praegu pooleliolev töö, millel on rohkem funktsioone, mida tulevikus tutvustada reageeriv Grid, nupud jne.

Veebileheküljed

Kerge ja kerge lihtne kasutada raamistikku esitlusslaidide loomiseks kasutades ainult HTML-i ja CSS-i. Webslaidid pakuvad praegu paar kena slaidi malle, kus saate alustage kohe slaidiesitlust.

Elastne veebidisain

Elastne veebidisain on online raamat. See raamat ei ole midagi tehnilist, vaid hõlmab ajalugu, põhimõtteid ja leiutisi, mis kujundavad veebi nagu me teame tänapäeva maailmas. Ma arvan, et see on nädalavahetusel suurepärane lugemine.