50 Uskomatonta ilmaisua web-suunnittelijoille, helmikuu 2015
Amazing suunnittelijat ja kehittäjät julkaisevat uusia hankkeita joka päivä, mikä tekee meistä innoissaan, innoittamana ja usein vain vähän vaikuttuneita.
Tänään jatkamme verkkosivujen suunnittelijoiden parhaiden vapaiden resurssien kuukausittaista kierrosta, jossa on kokoelma, joka sisältää laajennuksia, gallerioita, kuvakkeita, WordPress-teemoja, malleja ja muita työkaluja kuin kuukaudessa. Jos tämä kokoelma on mitä tahansa, 2015 on muotoilu, joka on loistava vuosi webdesign-resursseille. Nauttia!
icono
Kuvasarjat, jotka on luotu puhtaalla CSS: llä, välttäen tarvetta SVG: lle, fonteille tai muulle.
Litteät kuvakkeet
Moderni kokoelma kuvakkeita, joissa on täysin litteä ilme, joka kuvaa kaikenlaisia kirjoitus- ja paperitarvikkeita.
Nexus 6 -mallit
Kahdeksan erilaista mallikuvaketta, jotka esittelevät kuvasi Nexus 6-älypuhelimessa, mukaan lukien älykkäät esineet helpottamaan käsittelyä.
Litteä käyttöliittymä väripaletti sketchille
Hanki oikeat äänet seuraavalle Sketch-projektille käyttämällä tätä viileää väripalettia.
Apple Watch UI Kit
Adobe Illustrator -ohjelmiston käyttöliittymä, jonka avulla voit luoda kaikenlaisia malleja ja mallioita laitteelle.
App Näytöt Perspectio Mockup
Hyvännäköinen muotokuva näyttääksesi seuraavan sovelluksen tai mallin mielenkiintoisen, monen näytön näkökulmasta.
Nexus 5 Wireframe
Tyylikäs resurssi langattoman verkon luomiseen Nexus 5 -sisällölle Photoshopissa.
Publica UI Kit
Elegantti komponenttipohjainen käyttöliittymä, joka on saatavana sekä Photoshop- että Illustrator-formaateissa. Se on enimmäkseen mustavalkoinen, pysyy neutraalina ja avoin kaikille muutoksille, jotka haluat tehdä.
Materiaalin suunnittelu UI Kit
Käytä tätä kokoelementtiä muodostaaksesi liitännät Googlen materiaalisuunnittelufilosofian mukaisesti.
IPhone Gold UI Kit
Hohdokas joukko UI-elementtejä Apple-älypuhelimen kultaisen version kanssa.
Baikal UI Kit: Näytteet
Baikal-käyttöliittymän ilmainen versio, joka sisältää näytteet monista elementeistä, jotka ovat saatavilla täydellisessä versiossa.
Muodot läpinäkyvä käyttöliittymä
Kaunis UI-sarja, jossa on piirtoheitinkalvoja terävän ja modernin ulkonäön aikaansaamiseksi.
Reis-fontti
Erinomainen käsintehty fontti nimikkeisiin ja suuriin teksteihin. Saatavana TTF- ja OTF-formaateissa.
KINO 40 fontti
Ilmainen käsinkirjoitettu fontti henkilökohtaiseen ja kaupalliseen käyttöön.
Panton
Moderni näköinen fonttiperhe sopii otsikoihin ja tarjoaa neljä vapaata painoa.
Bakersfield Fonttiperhe
Koko fonttiperhe, joka tarjoaa kaksi yleisintä painoa täysin ilmaiseksi.
Sunnuntai-fontti
Outoava käsin piirretty fontti, joka on luotu keinona yhdistää kuva ja kirjaimet.
PH CV -malli
Monikäyttöisen vCard-mallin malli PSD-muodossa. Voit sijoittaa kaikki tietosi mukana oleviin 11 tiedostoon.
Matkavinkitunnuksen aloitussivu PSD
Mielenkiintoinen muotoilu matkatietoiselle verkkosivustolle, joka on täysin muokattavissa Photoshopissa.
Foliac Portfolion PSD-malli
Puhdas ja moderni mallipohjasi seuraavalle salkun verkkosivustolle, joka tulee PSD-muotoon.
FitLife One Page PSD-malli
Täydellinen malli verkkosivustolle, jolla on kuntotarkoitus, olipa kyseessä kuntosali, klubi, kouluttaja jne.
Fontana WordPress-teema
Sisällön keskittynyt WordPress-teema, jossa on yksinkertainen ulkoasu ja erilaiset haun haut, Flickr, videot ja paljon muuta.
Enlightenment WordPress-teema
Yksinkertainen ja monikäyttöinen teema, jossa on puhdas, yksinkertainen ulkoasu, näytön leveä liukusäädin, salkun osa ja paljon muuta.
Creativs: PSD- ja HTML5-sivustomalli
Täydellinen malli luoville projekteille, jotka tulevat sekä PSD- että HTML5-versioihin.
Oleose: Mobiilisovelluksen aloitussivu
Hyvännäköinen aloitussivu uusimpaan sovelluksen julkaisuun. Täysin reagoiva ja rakennettu Bootstrap 3: lla.
CSS3-litteät kuvakkeet
Erittäin yksityiskohtainen kuvakkeet, mukaan lukien varjot ja kirkkaat värit, kehitetty vain CSS3: lla.
Flat Firefox
Yksinkertainen muotoilu, joka käyttää puhdasta CSS: tä, joka kuvaa Firefox-ikkunaa täysin litteänä.
Pure CSS3 -välilehdet
Yksinkertainen ja tasainen navigointi, joka on luotu vain CSS3: lla.
Laajennetaan CSS3 / JQuery-paneeli
Mielenkiintoinen paneeli, jossa on useita värejä ja muotoja. Se käyttää CSS3: ta ja hieman jQueryä.
Animoitu jakamispainike
Kauniisti animoitu sosiaalinen jakamispainike CSS: n ja jQueryn avulla.
100 Matkailu ja matkakuvakkeet
Suuri joukko matka- ja matkailumerkkejä, joita tarjotaan PNG- ja SVG-formaateissa.
CSS-avatarit
Mielenkiintoinen joukko hyvin yksityiskohtaisia avatar-hymiöitä, jotka on luotu kokonaan CSS: llä.
Dillinger: Online Markdown-editori
Muokkaa HTML5 pilvessä työpöydällä tai mobiililaitteilla ja tallenna sisältösi offline-tilassa tämän AngularJS-powered -editorin avulla.
Muunna PHP-verkkosovelluksesi Windows, Mac ja Linux
Kehitä sovelluksia PHP: llä, HTML: llä, JavaScript: llä ja CSS: llä ja sitten ajaa niitä natiivisti Windowsissa, Macissa ja Linuxissa.
Rakenna oma online-laskin
Luo omat laskimet verkossa tämän avoimen lähdekoodin projektissa sekä työpöydällä että matkapuhelimella.
Postatic: kaikki mitä tarvitset yhteisösi aloittamiseen
Työkalu omien yhteisön sivustojen luomiseen Hacker News -tyyppisellä lähestymistavalla.
CSS Gradient Animator
Vaihda yhdestä gradientista toiseen käyttämällä pehmeitä animaatioita ja mukauttamalla nopeutta ja kulmia käyttäen puhtaaa CSS: ää.
Tuxedo.js
Kehys, jossa on ominaisuuksia, jotka on rakennettu Reactille ja Fluxille.
MINI 2
Mega yksinkertainen PHP-sovellus nopeisiin ja perusprojekteihin.
Vertaa CSS-esikäsittelyohjelmia
Vertaa kolmea tärkeintä CSS-esiprosessoria (vähemmän, Sass ja Stylus), jotta näet, mikä sopii paremmin projekteihisi.
CSS käynnistyy
Upea viitekirja tietää, mitkä muut muutokset laukaisevat muuttamalla erilaisia CSS-ominaisuuksia.
kallioperä
Työkalu, joka nopeuttaa Express-palvelimien luomista huolimatta asetuksista.
Dropzone.js
Pehmeä kirjasto luovat vetää ja pudota ladata vuorovaikutuksia, mukaan lukien kuvan esikatselut ja mielenkiintoiset hover vaikutukset.
Labelauty jQuery -laajennus
Anna valintaruudut ja valintapainikkeet upea ulkoasu tämän jQuery-laajennuksen ansiosta.
WOW.js: paljastaa animaatiot vierittämällä
Käynnistää animaatioita heti, kun käyttäjä selaa sivustosi osiota ja muokkaa näkökohtia, kuten viive, tyyli, pituus ja paljon muuta.
TextAssist (jQuery, HTML / CSS, JavaScript)
Tarjoa mukautettuja vaihtoehtoja käyttäjille, jotka korostavat tietyn tekstin osan.
LazySizes
Laiska kuormaaja kuville, iframeille, widgetteille ja muille, mukaan lukien reagoivat elementit. Käytä eri kuormitustekniikoita riippuen projektista.
CSS3-teholliset hover-efektit
Hyödynnä projektisi elementtejä CSS-houkuttelevia vaikutuksia käyttämällä Sass, LESS ja CSS.
Snabbt.js
Erinomainen JavaScript-kirjasto, jonka avulla voit tehdä suoraviivaisia animaatioita projektin elementeistä.
Plottable.js
Luo kauniita, värikkäitä ja interaktiivisia kaavioita integroitaviksi web-projekteihisi
Chroma.js
Käytä tätä JavaScript-kirjastoa värin manipuloimiseen monella eri tavalla.
Flickity: hämmästyttävä gallerytyökalu
Tämän työkalun avulla voit luoda gallerioita, jotka toimivat millä tahansa laitteella, jolloin käyttäjät voivat selata niitä joko sormillaan tai hiirellä.
Deck.js
Hyödyllinen kirjasto HTML-esitysten luomiseen. Niitä voidaan ohjata näppäimistöllä tai kosketustoiminnoilla helpon navigoinnin avulla.
