Tuoreet resurssit web-suunnittelijoille ja kehittäjille (helmikuu 2015)
Kun tämä on tehty yli vuoden ajan, vaikein osa tämän kuukausittaisen resurssikorin kirjoittamisesta suunnittelijoille ja kehittäjille on esittely. Vaikka olemme aiheesta, täällä on helmikuussa 2015 kerrottu parhaista ja tuoreimmista resursseista kuin sinä.
Tässä erässä tarkastelemme erityistä hakukone löytää koodinpätkät, hyvin kekseliäs viittaus Flexbox-moduulin ongelmiin, ja kehitystyökalut väri, kirjasin ja kaltevuudet.
Gradient Animator
CSS3-gradientti antaa meille mahdollisuuden luoda kuvitteellisia kaltevuudet sivuillamme ilman, että tarvitsemme ladata kuvia. Voimme jopa yhdistää sen CSS3-animaatioon, jotta voimme saada aikaan pakottavamman vaikutuksen. Mutta jos koodi on liian paljon, käytä yksinkertaisempaa Gradient Animator -reittiä luomaan sellaisen, jolla on mukava käyttöliittymä.
SVG Pocket Guide
SVG Pocket Guide on koonnut Joni Trythall. Se on kätevä viite, joka kuljettaa sinut läpi SVG: n perusteet (kuten muotojen ja tekstin luominen) aina edistyneempiin toimintoihin (kuten gradienttien, leikkauspolkujen ja kuvioiden luomiseen). Kirja tulee Markdown-muodossa ja se on saatavilla englanniksi ja portugaliksi.
Flexbugs
Flexbox on erittäin lupaava uusi moduuli CSS3: ssa, joka täysin muuttaisi niitä tapaa rakentaa web-ulkoasuja. Se sisältää kuitenkin myös selaimen yhteensopivuusongelmia. Tämä arkisto, Flexbugs, on kokoelma näitä vikoja ja niiden ratkaisemista koskevat ongelmat. Tämä on erittäin hyödyllinen resurssi kaikille, jotka elävät Webin verenvärillä.
icono
On hämmästyttävää, mitä voimme saavuttaa vain CSS: n avulla, kuten luoda täysin esittävä kuvake vain yhdellä elementillä. icono on kirjasto, joka tekee tämän. Tässä kirjastossa on joukko tuttuja kuvakkeita, jotka on tehty vain yhdellä elementillä, ja CSS. Nämä kuvakkeet latautuvat nopeammin ja ovat muokattavissa kuin kuvapohjaiset kuvakkeet.
Dillinger
Dillinger on silmämääräinen Markdown-editori. Täällä voit kirjoittaa Markdown-muodossa ja nähdä heti tulostuksen oikeanpuoleisessa välilehdessä. Dillingerin avulla voit viedä työsi HTML-, PDF- tai vain Markdown-tiedostomuotoon, kun olet tehnyt sen. Vaihtoehtoisesti voit liittää sen myös kolmannen osapuolen palveluun, kuten Dropboxiin ja Githubiin, johon voit tallentaa tiedoston.
HTML5Up
HTML5Up on kokoelma ilmaisia HTML5-pohjaisia malleja. Löydät kourallinen ulkoasuja, jotka palvelevat eri tyyppisiä sivustoja: liiketoiminta, salkku tai vain yksinkertainen blogi. Kaikki mallit ovat reagoivia ja varmistavat, että sisältö ja verkkosivujen ulkoasu ovat miellyttäviä vaihtelevissa näytön kooissa.
CSS-värit
Oletko koskaan miettinyt, mitä tietyn värin nimi on? CSS-värit näyttää värin nimen sekä Hex- ja RGBA-muodon perusvärien kokoelmalle. Se on hyvä lähde löytää täydellinen väriyhdistelmä sivustoillesi.
Emmet Re-view
Uudelleenkuva on Chrome-laajennus, joka jäsentää sivustosi @media kysyy ja näyttää sivustosi jokaisessa kussakin kohdassa määritellyssä katkaisukohdassa @media kysely. Jos etsit työkalua, joka voi säästää vähän aikaa testatessasi reagoivia verkkosivustoja, tämä on työkalu, jota tarvitset.
TypeGenius
Jos tarkastelet Google-fontin kirjastoa, löydät paljon fontteja eri kasvoissa, perheessä, painossa ja tyypeissä. Näin ollen oikea pari tai kirjasinten yhdistelmä voisi olla todellinen ylivoimainen tehtävä. TypeGenius tekee kirjasinparien valinnasta yksinkertaisen ja nopean ja mahdollisen yleisölle.
SearchCode
Kuten nimi sanoi, tämä on hakukone, joka etsii koodia tai koodinpätkiä monista ohjelmointikielistä, kuten JavaScript, C, PHP. Tämä hakukone johtaa useista lähteistä, kuten Github, Bitbucket ja Google Code. Tämä on pakollinen työkalu raskaille koodereille.
