Kotisivu » Web-suunnittelu » Tuoreet resurssit web-suunnittelijoille ja kehittäjille (heinäkuu 2015)

    Tuoreet resurssit web-suunnittelijoille ja kehittäjille (heinäkuu 2015)

    Web-kehittäjät ovat siunattuja verkossa olevilla ilmaisilla työkaluilla ja resursseilla, joita keräämme velvollisesti tuoreiden resurssien sarjassa joka kuukausi. Jos unohdit viime kuukauden erän, tutustu siihen täällä tai tutustu loppuvuodesta alkaviin uusiin resursseihin.

    Heinäkuun 2015 erässä arvostamme tuoreita työkaluja ja resursseja, jotka helpottavat tehtäviäsi, vaihtelevat WordPress-laajennuksista, joiden avulla voit asentaa plugin-päivitykset yksityisesti JavaScript-kirjastoon ja lisätä kiinnostavia animaatioita.

    Aladdin

    Tämä laajennus lisää lisätoimintoja WordPress-hallinnolle, joka on samanlainen kuin OS X Spotlight. Sen avulla pääset nopeasti käyttämään Macissa olevia tiedostoja ja kansioita. Kun se on asennettu, osoita Vaihto kahdesti ja kirjoita sitten haluamasi. Se tekee WordPress-hallinnosta helpommin käytettäväksi näppäimistön avulla.

    SiteOrigin CSS

    SiteOrigin CSS on vankka WordPress-laajennus, jolla voit muokata teeman ulkoasua reaaliajassa. Plugin lisää uuden paneelin Ulkonäkö> Mukautettu CSS valikko. Siinä voit kirjoittaa mukautettuja CSS-sääntöjä, jotta voit korvata käyttämäsi teeman CSS, tai voit myös käyttää GUI-paneelia lisäämään CSS-säännöt intuitiivisesti.

    DynamicsJS

    DynmaicJS on kirjasto, joka käyttää fysiikkaan perustuvaa animaatiota. En ole fyysinen asiantuntija, mutta tässä valikossa olevat esimerkit näyttävät todella viileiltä. Se voi animoida HTML- ja SVG-elementtejä, ja se antaa nopean suorituskyvyn ilman riippuvuutta. DynamicJS on testattu Safari 7+, Firefox 35+, Chrome 34+ ja IE10+.

    Lentokonetila

    Tämä laajennus estää useiden WordPress-ulkoisten HTTP-pyyntöjen, kuten Google Fontsin, Gravatarin ja WordPressin päivitysohjelman, yrittämisen muodostaa yhteyden laajennuksiin ja teemojen arkistoihin päivityksiä varten. Se on hyödyllinen lisäosa paikalliselle kehitykselle, jolla estetään virheitä, joita tapahtuu, kun nämä puhelut epäonnistuvat (mikä yleensä tapahtuu, kun kehität paikallisesti poikkeuksellisen hitaassa Internetissä).

    Coverr

    Kokoelma videoita, jotka ovat erinomaisia ​​sivustosi otsikoille. Kaikki videot ovat ilmaisia, lisensoitu Public Domain. Älä unohda tarkistaa “Kuinka käyttää” osiosta, miten voit lisätä videon Web-sivullesi.

    VibrantJS

    VibrantJS tarttuu näkyvistä väreistä kuvasta. Se paljastaa myös muutamia sovellusliittymiä, joiden avulla voit käsitellä saadun värin, kuten vaihtaa värimuotoa ja päättää taustan ja tekstin oikean koostumuksen. Voit käyttää sitä parantaaksesi verkkosivustosi käyttöliittymää dynaamisen värinmuodostuksen avulla, käytä väriä paikkamerkkikuvana, kun kuvaa ei ole vielä ladattu täyteen, tai luo web-sovellus värimallin luomiseen.

    GradifyCSS

    Tämä kirjasto ottaa kaksi näkyvää väriä ja luo CSS-gradientin saaduista väreistä. Samankaltainen kuin VibrantJS, voit käyttää gradienttia kuvan paikkamerkkiä varten, kun kuva ei ole ladattu täyteen tai peittokuvan väri.

    PurifyCSS

    PurifyCSS puhdistaa käyttämättömät CSS-säännöt tyylisivuiltasi. Tämän avulla voit leikata suurikehysten, kuten Bootstrapin ja Foundationin, tyylitaulukoiden koot jopa 40%. PurifyCSS on saatavana Grunt- ja Gulp-pluginaina.

    Otsikko Capital for WordPress

    Nimi on sanonut kaiken. Tämä WordPress-laajennus muuttaa otsikot ja sisällön otsikot asianmukaiseksi päälliköksi, kun tallennat tai julkaistaan ​​viesti ja sivu. Mielestäni tämä laajennus on hyödyllinen sivustoille, joissa on useita tekijöitä, jotta ne säilyttäisivät yhdenmukaisuuden verkkosivustonsa sisällön kanssa.

    GitHub Updater

    Tämä laajennus mahdollistaa käyttäjän asenna ja päivitä automaattisesti GitHubissa ylläpidetyt WordPress-laajennukset. Nimestä huolimatta laajennus tukee myös Bitbucketia ja GitLabia, joista yksi on yksityisessä arkistossa. Se on hyödyllinen lisäosa kehittäjille, jotka kehittävät ja jakavat laajennuksiaan tai teemojaan vain asiakkailleen.

    Koodin esimerkit

    Kokoelma koodin esimerkkejä WordPress Theme Review Team. Tällä hetkellä esimerkki koostuu koodeista, joilla rakennetaan Theme Customizer -komponentteja käyttämällä Customizer API -ohjelmaa, mukaan lukien osa, asetukset ja paneeli. Lisää koodeja esimerkkejä parhaista käytännöistä, joita lisätään tulevaisuudessa.