Uutta suunnittelijoille maaliskuussa 2018
Keväällä on ilmassa runsaasti uusia työkaluja, erityisiä väri- ja CSS-vaihtoehtoja. Toivomme, että kauden muutos on innostanut luomaan ja että nämä uudet suunnittelutyökalut voivat tehdä työelämästäsi vain hieman helpompaa.
Jos meiltä puuttuu jotain, jonka mielestä olisi pitänyt olla luettelossa, ilmoita meille kommentit. Ja jos tiedät uuden sovelluksen tai resurssin, joka pitäisi näkyä ensi kuussa, lähetä viesti @carriecousins on otettava huomioon!
Abstrakti akryylimuotoinen pakkaus
Abstract Acrylic Graphics Pack Abstrakti akryyligrafiikkapakkaus on, ahem, täynnä kuvioita ja roiskeita värikkäissä vektorimuodoissa. Kaikki taustavalmiit elementit on suunniteltu korkean resoluution muotoon JPG-, PNG- ja AI-muodoissa. Pakkaus sisältää 12 akryyliroiskeita, kahdeksan tekstuuria ja 90 vektorimuotoa, joita käytetään peitteinä. (Lataus vaatii sähköpostiosoitteen ja voit lisätä valinnaisen lahjoituksen, jos haluat.)
kysyy
kysyy on kevyt ja esteettisesti miellyttävä interaktiivisten ohjeiden joukko. Se on tehty yksinkertaisella koodikonseptilla, jolla ei ole suuria riippuvuuksia tai kymmeniä pieniä moduuleja. Voit suunnitella kehotuksen pyytää yhtä vastausta, vastausketjua tai jopa dynaamista kehotusta.
Dribbble-väripaletin generaattori
Käännä väripaletti Dribbble-kuvasta a Sketch-Palette plugin . Vain tallenna suosikkivärit ja lataa ne suoraan Sketch-Palette-laajennukseen käytettäväksi projekteissa. Työkalu sisältää Firefox- ja Chrome-laajennukset.
FastPhotoStyle
FastPhotoStyle on NVIDIA: n koodivarasto - kyllä, videokortin valmistajat - joka sisältää nopean valokuvatyyppisen siirtoalgoritmin. Työkalun avulla käyttäjät voivat siirtää kuvan visuaalisen tyylin toiselle. Koodi kuuluu Creative Commonsin ei-kaupallisen Share Alike -lisenssin alaisuuteen, joten tarkista säännöt ennen sen käyttöä projektissa.
CSS-värin gradienteja
Luo entistä intuitiivisempi värien gradientti CSS-värin gradienteja . Valitse aloitus- ja lopetusväri ja työkalu säätää kaltevuutta, jotta saat parhaan ja visuaalisesti miellyttävän värin haalistumatta, joten et pääse koville liikkeille ja pysähtyy. Sitten voit tarttua CSS-värin gradienttiin ja lisätä sen projekteihin.
Launchaco
Launchaco on yksinkertainen verkkosivuston rakentaja pienille käynnistyskohteille. Voit luoda reaaliaikaisia malleja, sovelluksia ja kaikkia verkkosivustojen työkaluja, jotka on integroitu yhteisiin elementteihin, kuten Google Analyticsin seurantaan, HTTPS: hen ja mukautettuihin verkkotunnuksiin. Käyttäjät voivat luoda ilmaisen tilin rakentamaan verkkosivuston tai valita vuosittaisen maksullisen version (49,99 dollarin beta-hinnoittelu) entistä vankempia ja rajoittamattomampia ominaisuuksia varten.
Chrome Music Lab: Song Maker
Ota tauko värivektoreista ja kooditse Song Maker Chrome-musiikkilaboratoriosta. Lohkojen väri hiirellä, valitse musiikkityyli ja katso, mitä visuaalinen luomuksesi kuulostaa. Se on hauska ja luova haitta!
.colors
.colors .colors työkalu ratkaisee jokapäiväisen web-suunnittelun ongelman: Sinulla on värillisiä koodeja, mutta eivät aina tiedä, miltä ne näyttävät. Tämän työkalun avulla voit syöttää joukon koodeja ja tuottaa värivalikoiman kuhunkin värin tunnistamiseen. Liitä vain koodinpätkä työkaluihin, jotka sisältävät värejä - heksadesimaali, HSL tai RGB -. Värit tekevät loput.
Tämän päivän päivämäärä SVG
Terence Eden halusi SVG: n, joka näytti aina blogissaan nykyisen päivämäärän - joten hän teki yhden. Tämän päivän päivämäärä SVG on yleinen päivämääräkuvake, joka näyttää päivän ja päivämäärän tarkasti. Lisää vain muutaman rivin koodi ja JavaScript ja olet valmis menemään.
Kutt.it
kutt on uusi linkin lyhentää ja vankka ominaisuuksia, jotta linkit ovat merkkituotteita ja jäljitettäviä. Kuttilla voit luoda, suojata ja poistaa linkkejä; track analytics; käytä mukautettua verkkotunnusta ja integroitu sovellusliittymän kanssa. Lisäksi työkalu on avoimen lähdekoodin ja vapaasti käytettävissä (voit jopa isännöidä sen palvelimellasi).
30 sekuntia CSS: stä
30 sekuntia CSS: stä on kurattu kokoelma koodinpätkiä, joita lähes kukaan voi ymmärtää alle minuutissa ja ottaa käyttöön verkkosivustojen suunnitteluprojekteissa. Leikkeet niputetaan luokkiin, jotta voit löytää juuri sen, mitä tarvitset koodilla, jotta se tapahtuisi (ja selitys ymmärryksestä).
Sketch Isometric
Sketch Isometric plugin Sketch Isometric plugin antaa käyttäjille mahdollisuuden luoda isometrisiä näkymiä taulusta ja suorakulmioista Sketch-sovelluksessa. Isometrinen näkymä, joka edustaa kolmiulotteisia objekteja kahdessa ulottuvuudessa, on suosittu valinta näyttää useamman näytön sovellusformaatit yhdelle visuaaliselle näytölle. Plugin avulla voit kiertää ja kierrä, skaalata ja muuttaa renderoinnin väriä ja syvyyttä.
Duet-näyttö
Tarvitsetko lisää valvontatilaa? Duet-näyttö voit kääntää iPadin ylimääräisen näytön Macille tai tietokoneelle. Entisten Applen insinöörien tekemä työkalu auttaa sinua lisäämään tuottavuutta ja toimimaan yhdessä tietokoneesi koskettamalla iPadin kautta. Kaikki yhteyden muodostamiseen tarvitaan ohjelmiston lataus ja Lightning- tai 30-nastainen kaapeli.
ilmoitukset
Sisältää komponentit on hyvä artikkeli ilmoituksista ja siitä, miten ilmoituskomponentit sisällytetään enemmän kuin pelkkään "web-sovellukseen". Ilmoitukset voivat olla osa dynaamista verkkokokemusta, kun haluat kiinnittää huomiota jotain tekstiviestillä. Ymmärtääksesi elää alueita chat-sovelluksiin flash-viesteihin, tämä artikkeli katkaisee kaiken.
Pure CSS Moleskine muistikirjat
Saman nimisen kannettavan fanit rakastavat tätä kynää CSS-animoitu Moleskines . Kynällä on neljä kannettavaa tietokonetta, jotka ovat suljettuja ja avoimia, jotta sisäiset sivut leijuu tavallisilla, viivoitetuilla, ristikkäisillä ja pisteviivoilla olevilla "paperilla".
Mario Pixel Icons
Tuo takaisin lapsuuden muistoja, joissa on pikseloituja, videopelien tyyli kuvakkeet . Sarja sisältää kaikki kuvat, joita odotat varhaisessa videopelissä vektorimuodossa. Käytä niitä verkossa tai jopa paita-mallissa. Sarja sisältää 100 kuvaketta AI-, PNG- ja SVG-formaateissa.
Kädensijat käyttöliittymän suunnittelussa
Angien listan suunnittelija Shankar Balasubramanian kestää hyvä tarkastella ohjaustangot , uusi käyttöliittymäelementti, joka saa suosiota. Näin hän kuvailee informatiivisessa viestissä: "Kahvat ovat rajapintaelementti, joka auttaa käyttäjää muokata ja järjestää uudelleen tämän kankaan eri osia (tai käyttöliittymän nykyaikaisessa käyttöliittymässä). Jos olet käyttänyt iOS-moniedustavaa jakamisnäkemystä iPadissa, pienet pystysuorat ja vaakasuorat kädensijat yhdellä kahdesta sovelluksesta split-näkymässä ovat niitä, joita kutsun "kahvalukkoiksi". "
Eläinkokeiden kuvakkeet
Ihmiset ovat kiihdyttäneet sukupuuttoon eläinkunnassa niin kuin koskaan ennen. Olipa kyseessä metsästys, elinympäristöjen tuhoutuminen tai elintarvikekilpailu, enemmän eläimiä ei koskaan enää näy. Tämä monipuolinen sarja sukupuuttoon eläinkuvia pyrkii kouluttamaan sekä tarjoamaan erinomaisen resurssin.
2018 Urakehitys
Mitä yrität saada urallasi? Mitä osia työstä tekee sinusta onnelliseksi? Career Happiness Survey Urakehitys yrittää löytää nämä tiedot kyselyllä henkilöille ja johtajille, jotka haluavat tehdä hyviä päätöksiä. Kaikki osallistujat saavat tulokset sähköpostitse.
Oppitunti: Upeat hover-efektit CSS-muuttujilla
Tobias Reich on hauska opetusohjelma joka auttaa sinua luomaan viileän hover-efektin painikkeelle. Suunnittelu on yksinkertaista, mutta erottuu hienolla kaltevuudella, joka on vain hieman erilainen kuin tavanomaiset värin muutostyövyttimet, joita käytetään usein. Hän kävelee läpi prosessin, jotta voit muokata ja luoda hover-tehosteesi.
Fonts.LOL
Fonts.LOL on ensimmäinen tyypin valimo, joka on omistettu väripinnoille. Typografiatyyli perustuu avoimeen SVG-fonttiin, joka sisältää useita värejä, lyöntejä (ja leveyksiä) ja kaltevuuksia. Värikirjastojen kokoelman taustalla on siirtyä teknologian eteenpäin ja tehdä fontin fonttien käyttöönotto helpommaksi ja laajemmaksi. Vain valita värillinen fontti, lataa ja asenna käytettäväksi. (Lisenssit voivat vaihdella fontin mukaan.)
Bluefish
Bluefish on hieman blocky sans serif ja rajoitettu määrä tyylejä ilmaisen demo joukko. (Täysi versio on myös saatavilla.) Se voi tehdä mukavan näytön vaihtoehdon ja demo sisältää säännölliset, kursivoidut, lihavoidut ja lihavoidut kursiivit, joissa on 378 merkkiä.
Gudlak
Vain ajoissa, kun Pyhän Patrickin päivä on vapauttaminen Gudlak , käsin kirjoitustyyli kirjoitustyypillä, jossa apila kukoistaa. Demoversio sisältää rajoitetun 53 merkin sarjan, mutta täydellinen kirjasintyyppi on käytettävissä. Tämä fontti voi olla hauskaa kausityöprojekteissa, kun sitä käytetään säästeliäästi.
JMH Arkham
JMH Arkham on vintage-tyylinen serif-kirjasintyyppi, jolla on paljon merkkiä. Kirjasintyyppi sisältää täyden valikoiman ylä- ja pieniä kirjaimia, joissa on hauskoja kallistuksia ja lovia. Joillakin kirjaimilla on myös pidempi kaarre, jonka avulla voit lisätä kukoistaa typografiaasi.
Kabe
Kabe on monospaced kirjasintyyppi, jolla on paljon merkkiä. Sen käyttö voisi helposti ulottua tekstin näyttämiseen tulostus- ja verkkosivujen suunnittelulle. Kirjasintyyppi sisältää ylä- ja pienet kirjaimet, numerot ja välimerkit.
Pysy tyylikkäänä
Pysy tyylikkäänä on yksinkertainen, lineaarityyppinen käsinkirjoitustyyppi, jolla on runsaasti ligatointeja ja pitkä asema. Valon kirjasintyyppi sopii erinomaisesti kutsujen näyttämiseen tai kirjaimiseen; se sisältää täydellisen merkkijoukon, numerot ja välimerkit sekä varajäsenet.
