Kotisivu » Web-suunnittelu » Tuoreet resurssit web-suunnittelijoille ja kehittäjille (maaliskuu 2016)

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

    Viimeisessä erässä keskityimme eri Javascript- ja CSS-kirjastoihin, jotta voisimme rakentaa parempia sivustoja ja web-sovelluksia. Tässä kuussa meillä on enemmän kirjastoja, jotka suosittelevat pienen painopisteen lisäksi typografiaa.

    Sarjan tässä kierroksessa tarkastellaan muutamia JS-kirjastoja, joita voit käyttää, mutta myös kokoelma vinkkejä, erittäin pitkä essee typografiasta, värigeneraattori ja kevyt etupaneeli. Ilman tarkempia ohjeita tarkista ne.

    Klikkaa lisää resursseja

    Klikkaa lisää resursseja

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

    JS Vinkkejä

    JS Tips on kokoelma JavaScript-vinkkejä, joista jotkut pyörivät syntaksi, noin koodin tehokkuus ja suorituskyky, ja jotkut muut ovat ominaisia ​​AngularJS: n kaltaiselle kehykselle. Uusia vinkkejä lisätään päivittäin, ja tällä hetkellä on annettu 50 vinkkiä. Se on lähinnä must-kirjanmerkki jokaiselle web-kehittäjälle.

    Vagrant Manager

    Vagrant Manager on GUI-sovellus Vagrantin ohjaamiseen. Samanlainen MAMP, jossa voit pysäyttää tai ajaa Vagrantia ja nähdä, mikä Vagrant on tällä hetkellä käynnissä. Sovellus on käytettävissä OS X: ssä ja ikkunoissa. Jos et ole varma, mitä Vagrant on, tutustu edelliseen viestiin, miten asentaa WordPress paikallisesti Vagrantilla.

    Bulma

    Bulma on frontend-kehys. Paketti sisältää joitakin yhteisiä käyttöliittymän komponentteja kuten web-navigointi, pudotusvalikko ja (tietenkin) kokonaan rakennettu verkko flexboxiin. Ainoa puuttuva ominaisuus (ainakin nyt) on JavaScript-komponentit. Bulma-komponentit ovat paljon ohuempia verrattuna Bootstrapiin, mutta sen pitäisi riittää pienen mutta edustavan verkkosivuston rakentamiseen.

    Gutenberg

    Nimetty Johannes Gutenbergin, massapuristimen keksijänä. Gutenberg on kokoelma tyylisäännöt oikean typografisen asetuksen määrittämiseksi verkossa. Tyyli-säännöt asettavat perusviivan, kirjasinkoon ja skaalauksen sekä rivikorkeuden. Suuri tyyli kirjasto, joka tekee sivustosi sisällöstä näyttävän paljon paremmalta.

    OkayNav

    OkayNav on jQuery rakentaa herkkä navigointi, mutta ei vain toinen. Pluginilla on hieman erilainen ote reagoivaan muotoiluun: koska katseluporttia muutetaan pienemmäksi, jokainen valikko tulee olemaan vähitellen sulautettu kuvakkeeseen, jotta sallitaan rajoitetun näkymän koko. Kuulostaa viileältä, eikö?

    Uusi Web-typografia

    Uusi Web-typografia on syvällinen, silmän avaava essee typografiasta. Siinä käsitellään kirjoja alkuvaiheista aina nykyiseen tapaan, jolla rakennamme ja kulutamme verkossa. Hyvin tutkittu useita kuvioita ja täysin viitattu, se on pitkä artikkeli Robin Rendle, mutta ehdottomasti kannattaa lukea, jotta saat paremman käsityksen typografiasta.

    Väriturvallinen

    Väriturvallinen on värigeneraattoripaletti verkolle. Toisin kuin työkalut, joita olemme aiemmin maininneet tässä sarjassa, ColorSafe tuottaa vain värejä, jotka täyttävät värin saatavuutta koskevan WCAG-standardin..

    Käytettävissä oleva modaali-valintaikkuna

    Tämä on pieni (vain ~ 0,5 kb) JavaScript-kirjasto rakentaa modaalinen valintaikkuna. Käytettävissä olevat käyttäjät voivat helposti avata, sulkea ja navigoida valintaikkunassa näppäimistön ja hiiren avulla. Paketti on yksinkertaisesti paljasta JavaScript, ei muotoiluja, joten voit vapaasti muokata valintaikkunan haluamallasi tavalla.

    Mo.js

    Mo.js on täydellinen paketti JavaScript-animaatiokirjastosta. Siinä on pari esiasetusta, jotta voit asettaa ja ajaa animaation nopeasti. Se on modulaarinen, joten voit poistaa tarpeettomia toimintoja sekä nestettä ja sileää. Koska olet uusi kirjasto, dokumentaatio ei valitettavasti ole vielä valmis (nyt).

    hiukkasia

    Tämä kirjasto lisää verkkosivustollesi kelluvia hiukkasverkkoja, jotta sivustosi näyttää viileämmältä. Hiukkaset reagoivat kohdistimen liikkeeseen. Reaktiot ja muut elementit, kuten värit, etäisyys ja muoto, voidaan määrittää optioiden avulla.