Tuoreet resurssit web-suunnittelijoille ja kehittäjille (huhtikuu 2015)
Miten (ystävällinen muistutus) huhti-päivä on tänä vuonna? No, muille meistä, jotka eivät ole kepposia, tässä on uusin osa tuoreista resursseista web-suunnittelijoille ja kehittäjille.
Huhtikuussa meillä on useita erinomaisia sovelluksia tuottavuuden lisäämiseksi, kirjasto, joka parantaa käyttäjäkokemusta suurten datalistien kanssa, Photoshop-laajennus, joka antaa sääesovelluksia, ja kätevä web-työkalu, joka tallentaa Web-fontin.
CSS Viivain
CSS: ssä on useita yksikön mittauksia; muutama on kiinteä, kun taas toiset ovat suhteellisia, kuten em
, rem
ja ch
. CSS Viivain on työkalu, jossa voit vertailla visuaalisesti yksiköitä mittakaavassa keskenään.
ResponsiveJP
ResponsiveJP siinä on useita Japanin verkkosivustoja, jotka ovat lähinnä viitteenä web-suunnittelijoille, joiden on vaikea löytää vastauskykyä, kun kyseessä on ei-latinalainen typografinen sisältö. Se auttaa sinua venyttämään näkökulmastasi ja saamaan myös sisäisen tarkastelun itäisen web-suunnittelun suuntauksiin.
Google-fonttien vaihto
Monet Googlen palvelut estetään Kiinassa, Google-fontti mukaan lukien - on lähes varmaa, että Google-fontti ei näy kunnolla Kiinassa. Jos haluat palvella Google-kirjasinkokoelman Kiinassa, osoita fonttityyliä vaihtoehtoiselle lähteelle Useso, esimerkiksi:
// Google-fonttityylit. // Vaihtoehtoinen linkki
Onnea ja temppeli!
Muir-kuvakkeet
Muir-kuvakkeet on kokoelma kuvakkeita, jotka on suunniteltu vastaamaan OS X Yosemiteä. Nimetty John Muir, luonnontieteilijä ja aktivisti, joka auttoi säilyttämään alkuperäisen Yosemiten, kyllä, kyseisen kansallispuiston Yhdysvalloissa. Tämän kirjoituksen aikana on jo julkaistu 3 kappaletta näitä kuvakokonaisuuksia. Jokainen koostuu suosituista app-kuvakkeista, kuten Adobe Creative Suites, Twitter, Sketch, Skype ja SublimeText.
- Muir Volume I
- Muir Volume II
- Muir Volume III
CouleursApp
CouleursApp on pieni sovellus, jonka avulla voit poimia värejä missä tahansa näytössä. Se parantaa sisäänrakennettua Mac-värivalitsintaohjelmaa. Se tukee useita värimuotoja, kuten Hex ja Swift UIColor.
yhteensopivuus: OS X 10.10 tai uudempi
Sää
Sää on Photoshop-laajennus lisää sää-widgetit Photoshop-työtilaan. Se on kätevä työkalu, jonka avulla voit päättää, onko aika lähteä työpöydältäsi ja mennä ulos nauttimaan mukava sää.
yhteensopivuus: Photoshop CC
Awesomplete
Awesomplate on JavaScript-kirjasto, joka jäljittelee HTML5: ää elementti. Voit lisätä ehdotusten luettelon syöttöelementtiin, joka näkyy käyttäjän tyypeinä. Se on käytännöllinen lähestymistapa käyttäjäkokemuksen parantamiseen erityisesti silloin, kun kyseessä on suuri datalisti.
yhteensopivuus: IE9 +, Chrome, Firefox, Safari 5+, Mobile Safari.
Noizio
Noizio on sovellus, jossa on kokoelma luonnon ääniä: tuulen, meren ja ukkosen ääniä. Se voi auttaa sinua keskittymään työhösi tarjoamalla rauhallisen ympäristön, jonka avulla voit irrottaa paineistetun työilmapiirin hälinästä. Ainakin se teki minulle.
yhteensopivuus: OS X 10.8 tai uudempi
Hocus Focus
Tämä on yksi niille, joilla on vaikea keskittyä. HocusFocus on sovellus, joka kätkee kätevästi OS X -työpöydän ikkunat ja työtilat tietyn ajanjakson ajan, jolloin vain ne ikkunat, joita käytät eniten. Se tekee sinusta tehokkaamman, puhdistaa työpöydän sotkua ja auttaa sinua keskittymään työhösi.
yhteensopivuus: OS X 10.10 tai uudempi
PixelCounter
PixelCounter laskee kuvasi pikselit. Vedä ja pudota kuva tai koko projektin hakemisto sovellukseen, ja se laskee ja lisää kaikki JPEG-, PNG-, WebP-, GIF- ja jopa SVG-kuvien pikselit. Nyt, jos voisimme aloittaa vain trendin, jossa veloitamme asiakkaita pikseleistä… hmm.
yhteensopivuus: OSX 10.8 tai uudempi, Windows 7 tai uudempi ja Linux (Coming Soon)
UI Blurbs
UIBlurbs luo kuvitteellisen käyttäjäprofiilin ja on täydellinen web-sovellus, jota käytetään yhdessä UIFaces- ja UINames-ohjelmien kanssa suunnitteluprototyypin rakentamiseen.
localFont
localFont on webapp, joka parantaa web-fontin suorituskykyä. Kun vedät ja pudotat fontin (.Woff
, tai .TTF
), se koodaa ja upottaa fontin CSS: ään. Se luo myös muutamia JavaScript-rivejä, jotka tallentavat fontin käyttäjän paikalliseen tallennukseen (lue edellinen opetusohjelma, jossa kerrotaan Cookie & HTML5 localStorage -ohjelman käytöstä).