Tuoreet resurssit web-suunnittelijoille ja kehittäjille (joulukuu 2016)

Lähestymme vuoden 2016 loppua, ja se on ollut jännittävä vuosi monille myös web-kehittäjille. Tämä vuosi, ReactJS: n suosio nousi eksponentiaalisesti, uusi ReactJS-laajennus vapautetaan ja istuu luettelossa Githubin trendit arkistot (lähes) joka viikko.

PHP7 julkaistaan myös tänä vuonna joka tarjoaa huomattavia parannuksia nopeuteen ja vapauttamiseen WordPress 4.7 ja odotettu WP-API ominaisuus, ja Facebook esitteli myös lankapaketin joka voi haastaa NPM: n.

Klikkaa lisää resursseja

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

Tarkempia tietoja kustakin näistä hyödyllisistä julkaisuista tarkastellaan seuraavassa luettelossa:

Majakka

LightHouse on a kätevä työkalu Googlelta tutkia verkkosivustojasi modernien web-kehitystietojen perusteella, jotka sisältävät sivun lataus, välimuistiin palveluntarjoajien kanssa, palvelimen ajan vastaus ja niin edelleen. Nämä työkalut ovat kahdessa muodossa: CLI (Command Line Interface) ja Google Chromen laajennus.

FuseJS

Fuzzy-haku on sellainen hakutyyppi, jossa se on palauttaa numeromahdollisuudet, vaikka se ei olisikaan täsmälleen vastaa hakue argumentteja. Jos esimerkiksi etsit 'to', tuloksena oleva voi palata tehdä, robotti, ja jalka. Tämä on suosittu haku nykyisissä web-sovelluksissa. FuseJS on a kevyt JavaScript-kirjasto jonka avulla voit toteuttaa sen sivustossasi helposti.

Lankapaketti

Lanka on Facebookin rakentama solmupakettien hallinta. Se toimii pohjimmiltaan samanlaisena kuin NPM, vaikkakin useilla aloilla, kuten nopeuksilla, 'offline-tila', jonka avulla voit asentaa paketit ilman Internet-yhteyttä, turvallisuuteen sekä luotettavuuteen.

Valikon välimuisti

Kätevä WordPress-laajennus WordPress-valikon välimuistiin käyttämällä Transient API: ta parantamaan tietokannan kyselyn nopeutta. Lisäosassa on useita suodattimia muokkaa välimuistiaksoa ja suorita muita juttuja. Se voidaan asentaa Composerilla tai a säännöllinen WordPress-laajennus.

Githunt

Githunt on Google Chromen laajennus korvaa Chrome-aloitussivun Githubin trendikäsvarastolla. Voit lajitella tulokset jakson ja ohjelmointikielen perusteella. Mielestäni se on, must-install-apuohjelma jokainen kehittäjä pysyy ajan tasalla shiniest-työkalujen ympärillä.

FFocus

Ei voi keskittyä työhösi ja haluat tehdä työnne nopeasti? Kokeile FFocusia. se on CLI, jonka avulla voit estää verkkosivuston tietyn keston ajan Terminalin kautta. FFocus voi olla asennettu NPM: n kautta suorittamalla npm i ffocus -g komento.

Accesslint

AccesslintJS on a JavaScript-kirjasto vahvistaa sivustosi saatavuus. Tämän kirjaston käyttö on yhtä helppoa kuin sen lataaminen ennen tunniste, ja saat kaikki varoitukset ja virheet oikealla DevTools -konsolilla.

colorable

Värillinen on a kätevä web-sovellus jonka avulla voit luoda väriyhdistelmiä, jotka ovat WCAG-ohjeiden mukaisia, ja tekee myös sivustosi esteettömät käyttäjät kuten värisokeus.

micon

Micon on a valittujen Microsoft Windows 10 -kuvien fonttikuvake. Tämä voi olla a FontAwesomen korvaaminen joka on mielestäni jo liikaa.

CSS-viite

Nimi kertoo kaiken. se on CSS-viite CSS-syntaksin etsimiseen. Se on myös mukava miellyttävä tapa tehdä siitä hyvä vaihtoehto CSS-asiakirjoille MDN: ssä, jos luulet, että se on liian tylsää.

Flywheelin paikallinen

Tämä on GUI-sovellus, joka tekee paikallisesta WordPress-sivustosta MacOSiin niin helppoa. Sovellus on täynnä suuria apuohjelmia kehittäjille, kuten; “Yksi klikkaus” WordPress-asennus, SSH-käyttöoikeus, helppo SSL-asetus, sivuston suunnitelma ja XIP.io. Sovellus oli hinnoiteltu noin 149USD: n verran, mutta on siitä lähtien, kun Flywheel on hankkinut sen ilmaiseksi.

FreeCodeCamp

Se on ilmainen resurssi koodia Web-sivustolle. Aiheita ovat HTML, CSS, JavaScript ja a muutamia kirjastoja, kuten ReactJS ja D3. Se tarjoaa haasteita tai hankkeen esimerkkejä kun otat kursseja, sekä opetusohjelmia auttaa sinua ymmärtämään asiaa paremmin.

OverPass-fontti

OverPass-fontti on kirjasinperhe, joka koostuu kahdeksan painoa (200-900), todellista kursiivia ja monospace-kirjasinta. Kirjasin voidaan ladata Web-fontina KeyCDN: ltä sekä asennettu työpöydälle. Se on ilmainen ja avoin lähde.

Lomakepohja

Lomakepohja on a joukko CSS-tyylisääntöjä jotka palauttavat lomakkeen elementit, jotka sisältävät panos, valintaruutu, valita, ja tekstialue perusasioita, mutta tyylikkäitä. Tämä CSS-kirjasto on hyvä käyttää yhdessä toisen kanssa “CSS-uudelleenlähetys” kuten Normalize.css.

FrontEnd

se on kehys, jota käytetään rakentamaan 24ways.org; suuri voimavara että saatat tutkia oppia kehittyneitä CSS-tekniikoita.

Voitto

ReactJS on nousussa ja siitä tulee useita laajennuksia, jotka tukevat sitä. Voitto on ReactJS-komponentti lisätä interventioita ja kaavioita tai tietojen visualisointia.

helvetti

Inferno on a JavaScript-kirjasto rakentaa Web-käyttöliittymän mobiililaitteisiin. se on innoittamana ReactJS: stä näin ollen peri samanlaiset syntaksikonferenssit. Ero on kuitenkin se, että Inferno on rakennettu suorituskykyä mielessä mikä tekee siitä paljon pienempi ja myös antaa sille nopeammin.

Premonish

Permonish on kirjasto, joka pystyy ennustaa käyttäjien seuraavan vuorovaikutuksen. Näin voit valmistella käyttöliittymä (UI) paremmin ennen kuin todellinen käyttäjä toimii Web-sivustosi kanssa.

SPA Starter Kit

Tämä on esimerkki SPA: sta (Single Page Application), joka on rakennettu Laravelin ja VueJSin avulla. Se on vielä toinen suuri resurssi oppia web-kehitystä käyttäen kehyksiä - katso lähde Luke!

Docute

Docute on JavaScript-kirjasto yhden sivun dokumentaation rakentamiseen. Se on varustettu VueJS-järjestelmällä ja toimitetaan useilla solmu-apuohjelmilla, jotka mahdollistavat sen määritä ja suorita dokumentaatiosi nopeasti.