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ä).
