Uusia resursseja web-suunnittelijoille ja kehittäjille (tammikuu 2017)

Tämä sarja on tullut pitkälle, jonka olemme nähneet Web-kehitystyökalut tulevat ja menevät; kerran he paistaa, muutama kuukausi myöhemmin ne vanhentuvat muiden uusimpien työkalujen kanssa. Meillä on kuitenkin luettelossa uusia tuoreita työkaluja, joiden avulla kehittäjät voivat tutustua tähän kuukauteen JavaScript-kirjastot, Sketch-laajennus, joka on tarkoitettu reaaliaikaisen käyttöliittymän suunnitteluun, ja pari CSS-kehystä.

Klikkaa lisää resursseja

Etsi koko kokoelma suositeltuja resursseja ja parhaat web-suunnittelu- ja kehitystyökalut.

iTyped

JavaScript kirjasto, jonka avulla voit esittää konekirjoitus tekstiluettelon vaikutuksia; sellainen vaikutus, jota olet nähnyt verkossa viime aikoina. Tämä JavaScript-kirjasto on helppokäyttöinen ja muutama vaihtoehto, jolla voit mukauttaa vaikutusta. Voit asentaa tämän kirjaston NPM: n kautta tai ladata sen CDN: n kautta osoitteessa https://unpkg.com/[email protected].

Opera Neon

Opera oli aiemmin ensimmäinen, joka esitteli välilehtipohjaista selainta, ja sen jälkeen meillä on selaimet, joissa on ns. välilehdet ja pikavalinta. Opera on äskettäin julkaissut uuden aloitteensa nimeltä Opera Neon. Uusi selain, jossa on tuoreempi käyttöliittymä, kuten ns omnibox, jaettu näyttö ja kaunis taustakuva valintoja. Voiko Opera Neon muuttaa selaimen tilaa uudelleen? Meidän täytyy nähdä.

At.js

At.js on JavaScript-kirjasto, jonka avulla voit lisää hymiöitä, mainitse ystäviä tai merkitsemällä; jotain olemme nähneet Slackissä, Twitterissä ja Facebookissa. Tämä laajennus vaatii jQueryn, joka sallii sen toimi Internet Explorer 7: ssä ja ehkä Internet Explore 6 myös. Fantastinen!

julkaisu

Vapauta tekee Githubin ohjelmiston uuden version julkaisun luominen tehokkaampi. Uuden julkaisun mukana tulee yleensä muutoslohko ja tämä moduuli voit täyttää muutoksen automaattisesti johdettu Git-viestistä.

kauniimpi

JavaScript beautifier varmistaa, että JavaScript-koodi on muotoiltu yhdenmukaisesti. Se tukee ES2017 ja JSX.

Ayu

Ayu on Sublime Text -teema, jossa on tuore ja moderni valitus. Siinä on 2 tummia ja vaaleita sävyjä. Ayu tarkoittaa kaunista Indonesiassa ja niin sanotusti; se tekee Sublime-tekstin käyttöliittymän kauniimmaksi.

JSON Splora

kevyt sovellus muokattavaksi ja JSON-tietojen visualisoimiseksi. Sovellus on yhteensopiva Windows-, Linux- ja MacOS-ohjelmien kanssa.

zoomaus

JavaScript zoomata upeasti. Mobiiliin optimoitu, toimii hienosti hi-def-näytössä ja on helposti muokattavissa.

Ramme

Ramme on Instagram-työpöytäasiakas. Vaikka se on epävirallinen, mutta ehkä voit oppia pari uusia asioita lähdekoodista.

Muuta käyttäjätunnusta

WordPress-plugin, joka aktivoitiin, lisää a “muuttaa” linkki käyttäjätunnuksen vieressä ja voit muuttaa käyttäjätunnusta.

NodeifyWP

NodeifyWP on aivan ainutlaatuinen WordPress-laajennus. Sen avulla voit käyttää WordPressia tavalliseen tapaan lähetä sisältö käyttäen Node.js-moduulia. En ole vielä kokeillut tätä pluginia missään projektissa. Mutta esitys, jonka näin WordCamp Denpasar 2016: ssa, tämä plugin näyttää hyvin lupaavalta WordPress-kehityksen uudistamisessa.

ColorMe

ColorMe on aivan toisin kuin muutkin värigeneraattoriohjelmat, joita olen nähnyt aiemmin. Värikoodien tuottamisen ohella sovellus antaa myös hallita värin kirkkauden, varjostuksen, värisävyn, kylläisyyden, kontrastin jne. säätämistä.

WP-CLI-paketit

WP-CLI: n laajennusten kokoelma joka lisää ylimääräisiä komentorivejä ja parametreja suorittamaan muita tehtäviä, kuten yksi WordPressin asentaminen etäpalvelimeen, WordPress-sivuston siirtäminen, välimuistin huuhtelu, ja paljon muuta.

Tailor Page Builder

WordPress-laajennus, jonka avulla voit luo epälineaarinen sisältö vetämällä n-drop-liitännällä. Lisäosa on laajennettavissa uudelle komponentille, jotta voit lisätä ainutlaatuisen sisältötyypin. Se tarjoaa myös WP-API: n hallita näitä sisältöjä. Tailor Page Builder on ylivoimaisesti tämän kategorian paras plugin.

XVG

XVG on Chrome-laajennus näyttää SVG-graafiset ääriviivat ja ankkurit joka auttaa sinua vianmäärityksessä SVG-objektien helposti.

RibbonJS

RibbonJS on JavaScript-kirjasto, jonka avulla voit tuottaa sivustollesi koristeellisia nauhoja, kuten näet seuraavan kuvakaappauksen. Se on vain 1 kilotavua, ja helppo muokata.

Automaattinen asettelu

Automaattinen asettelu on a Piirrä plugin, joka tarjoaa useita esiasetettuja näytön kokoja UI-suunnittelun testaamiseksi. Joten voit varmistaa, että muotoilu näyttää yhtä hyvältä riippumatta siitä, katsotaanko sitä iPhone 5: ssä, iPhone 6: ssa jne. Lisäosa mahdollistaa myös määritä mukautetut koot, jos se ei ole käytettävissä esiasetuksessa. Katso, miten plugin toimii tässä videossa.

Funcssions

Funcssion on a CSS-luokkien kokoelma joka noudattaa Pure Function -periaatetta. Jokainen CSS-luokka määrittelee tyylin yhden tarkoituksen. Tämä CSS-kehys on parhaillaan meneillään oleva työ, jossa on enemmän ominaisuuksia tulevaisuuden käyttöönottoon reagoiva ruudukko, painikkeet jne.

Webslides

Kevyt ja kevyt helppokäyttöinen kehys esityskalvojen rakentamiseen käyttämällä vain HTML: ää ja CSS: ää. Webslides tarjoaa pari mukavaa liukumallia missä voit aloita diaesitys välittömästi.

Joustava Web-suunnittelu

Resilient Web Design on online-kirja. Tämä kirja ei ole mitään teknistä, vaan se kattaa historiaa, periaatteita ja keksintöjä, jotka muodostavat Webin kuten tiedämme nykymaailmassa. Mielestäni se on loistava viikonloppu.