Web on täynnä hienoja, inspiroivia ja suoraviivaisia ​​projekteja, joita näet koskaan. Kiitos fantastisen web design -yhteisön, monet niistä ovat täysin ilmaisia.

Tänään jatkamme kuukausittaista kierrosta parhaita resursseja web-suunnittelijoille. Meillä on tuoreita fontteja, lisäosia, malleja, työkaluja ja kaikenlaisia ​​herkkuja iloksi. Nauttia!

50+ CSS-painikkeen mallit

Suuri kokoelma painikkeita, jotka on luotu CSS: llä, jotta voit integroida kehittymäsi käyttämällä toimitettua lähdekoodia.

Enemmän kuin 50 CSS-painikkeen mallia

Puu vektori kuvio

Muokattavissa oleva kuvio antaa suunnittelualan elementtejä hieman realismia ja yksityiskohtia.

Puu vektori kuvio

Samsung Galaxy Note Mockups

Mukava kolmio Galaxy Note -muotokuvista, joita voit käyttää esityksiä tai suunnittelustarkoituksia varten. Voit muokata niitä Photoshopissa ja käyttää älykkäitä kerroksia yksinkertaistamaan prosessia.

Samsung Galaxy Note Mockups

Moto 360 -näkymän luonnosresurssit

Hyvin kerrostettu sarja, jossa Moto 360 Watchin päähenkilö. Lataa ja muuta mitä haluat Sketchillä.

Moto 360 -näkymän luonnosresurssit

Flat Vector Devices Pack

Mahtava kokoelma laitteita, joita käytetään mokkojen ja kehityksen kannalta. PSD-, AI- ja SVG-formaattien tarjoama joustavuus on huomattava lisä.

Flat Vector Devices Pack

Freebie: Keittiö kuvaketta

Mahtava paketti 40 yksinkertaista kuvaketta, jotka liittyvät ruoan ja ruoan valmistukseen, tulevat PSD-, PNG-, EPS- ja AI-muotoihin helpottamaan muokkaamista.

Freebie: Keittiö kuvaketta

Lynny Vector kuvakkeet

Valtava joukko vektorikuvakkeita jaettu kahdeksaan luokkaan, jotka ovat hyödyllisiä mille tahansa suunnittelutyölle.

Lynny Vector kuvakkeet

Litteä Medical Icon Set

Kiireinen paketti, joka sisältää lääkkeisiin liittyviä kuvakkeita. Täydellinen kuntosovelluksiin tai terveyteen liittyviin hankkeisiin.

Litteä Medical Icon Set

Street Juliste Malline

Viileä malli mallinnustyön suunnittelusta seuraavalle tapahtumalle, yritykselle tai projektille. InDesign-, Illustrator- ja Photoshop-tiedostojen sisällyttäminen voit valita parhaan muokattavan työkalun.

Street Juliste Malline

Low Poly Backgrounds Bundle

Värikäs sarja suuria kuvia geometrisella tyylillä. Löydät abstrakteja eläimiä, kuuluisia paikkoja, maisemia ja paljon muuta.

Low Poly Backgrounds Bundle

Dark Flat -käyttöliittymä

Yksinkertainen käyttöliittymäsuunnittelu perustuu komponentteihin eri tarkoituksiin. Muokattavat Photoshopissa.

Dark Flat -käyttöliittymä

Uzers UI Kit

Uzers on uusi projekti, jonka tavoitteena on tuoda sinulle laadukkaita web- ja mobiilimalleja. Tämä ilmainen käyttöliittymä on täydellinen johdanto siihen, mitä he haluavat saavuttaa.

Uzers UI Kit

EventRay UI -suunnittelu

Auta itseäsi seuraavan hyvännäköisen Web- tai mobiilisuunnittelun luomiseen tämän täydellisen käyttöliittymän avulla.

EventRay UI -suunnittelu

Againts Typeface

Erittäin mielenkiintoinen kirjasin, jonka avulla voit luoda kauniin sotku otsikoihin käyttämällä vaihtoehtoisia leikkeitä ja ylimääräisiä ligatointeja muokkaamiseen.

Againts Typeface

Perfograma: Ilmainen fontti, jossa tarina

Kirkas fontti, joka on innoittanut Mark I, joka on yksi ensimmäisistä tietotekniikkakoneista, joka lukee tietoja kappalemateriaaleista, joten pisteistä.

Perfograma: Ilmainen fontti, jossa tarina

Serendipity Script -fontti

Kiva kursivoitu kirjasintyyppi vahvalla käsin kirjoitetulla ulkoasulla. Se sisältää laajan joukon erikoismerkkejä, jotta se sopisi useille kielille.

Serendipity Script -fontti

Kontanter-fontti

Erittäin mielenkiintoinen monisäikeinen, kokeellinen kirjasin, joka tukee melkoisia eurooppalaisia ​​kieliä.

Kontanter-fontti

Quad: Geometrinen fonttiperhe

Rohkea uusi kirjasintyyppi, jossa on kolme mahtavaa tyylilaatua, jotka kulkevat kiinteästä mustasta ääriviivatyyliin. Täydellinen antaa suurikokoisen tekstin silmäänpistävä ulkoasu.

Quad: Geometrinen fonttiperhe

Lopeta PSD-teema

PSD-teema sisältäen neljä sivua kotiin, blogiin, typografiaan ja viesteihin, kaikki käyttävät puhtaan ja ammattimaisen asettelun.

Lopeta PSD-teema

iPress: aikakauslehti ja blogimalli

Cool design PSD-muodossa sisällöllisesti pakatulle verkkosivustolle. Paras lehtiä, uutissivustoja tai blogeja varten, jotka lisäävät aina uutta materiaalia.

IPress: aikakauslehti ja blogimalli

Web-mallipohjaisten mallien suunnittelu

Suunnitteletko uuden hostingyrityksen perustamista vai haluatko verkkosivustollasi visuaalista uudistusta? Tämä olisi hyvä paikka alkaa etsiä.

Web-mallipohjaisten mallien suunnittelu

Flat Magazine Template

Tasokas malli, joka sopii mainiosti lehtiin ja uutisivustoihin. Saatavana ilmaiseksi PSD-muodossa.

Flat Magazine Template

Capoverso-teema

Sisältöön keskittyvä teema, joka sopii minimaaliseen asetteluun ja vahvaan typografiaan häiritsemättömän ilmeen saavuttamiseksi.

Capoverso-teema

Salibandy: Ultimate WordPress Portfolio Teema

SoloFolion avulla kuvista ja salkun sivuista on tehty fantastinen foorumi, jolla voit tyylikkäästi näyttää sisällön.

Salibandy: Ultimate WordPress Portfolio Teema

Ex Machina HTML5 -malli

Herkkä HTML5-malli, jossa on erittäin puhdas ulkonäkö ja näytön leveä otsikko, joka antaa sivustolle hienon pikku kosketuksen.

Ex Machina HTML5 -malli

Portfolion HTML-malli

Kuten nimestäni ilmenee, tämä malli toimii parhaiten foorumina, jotta voit näyttää, mitä voit tehdä ja edistää sitä verkossa. Siinä on yksinkertainen ja tyylikäs muotoilu, joka hyödyntää hyvin kuvia.

Portfolion HTML-malli

Hover Effects

Kokoelma erilaisia ​​leijuvia vaikutuksia ja animaatioita, joita käytetään värikkäisiin painikkeisiin, joilla ei ole muuta kuin CSS.

Hover Effects

Mosaigrid

Tämä loistava kokeilu järjestää uudelleen kaikki kuvat verkkoon, jotta käytettävissä olevat tilat saataisiin mahdollisimman tehokkaasti.

Mosaigrid

AngularJS-animaatiot

Upea kokeilu, joka käyttää uutta gsTimelines- kirjastoa monimutkaisten animaatioiden toteuttamiseen projektiin.

AngularJS-animaatiot

Taitetut kulmat puhtaalla CSS: llä

Kolmiosainen elementti, jossa on taitettu kulma-vaikutus. Luotu puhtaalla CSS: llä Lea Verou.

Taitetut kulmat puhtaalla CSS: llä

Kovettumiskehys

Potentiaalisesti tärkeä työkalu projektin turvallisuuden kannalta Deutsche Telekomin tiimi loi kovettumiskehyksen palveluntarjoajan helppoa automaattista kovettumista varten. Varmista, että lataat GitHub-sivun.

Kovettumiskehys

Mootor Framework

Tee mobiilisovelluksen kehittämisestä hieman perehdyttävä tähän viileään HTML5-kehykseen, joka on tarkoitettu pienempiin näyttöihin.

Mootor Framework

Isso kommentit

Tämä kommentointipalvelin toimii samalla tavoin kuin Disqus, joka ohjaa keskusteluja julkaisun alaosassa.

Isso kommentit

Codecast: reaaliaikainen HTML ja CSS

Täysin hyödyllinen työkalu ihmisille, jotka oppivat ja opettavat näitä kahta kieltä, antaen heille mahdollisuuden kommunikoida ja koodata samalla näytönohjaimilla.

Codecast: reaaliaikainen HTML ja CSS

Gridpak: Responsive Grid Generator

Anna omat halutut parametrit, jotta voit luoda nopeita verkkoja, jotka voidaan toteuttaa seuraavassa projektissa.

Gridpak: Responsive Grid Generator

CSS-viivaaja: Tutki CSS-pituuksia

Opi vähän CSS: stä ja tutustu sen mahdollisuuksiin kokeilemalla pituuksia tässä vuorovaikutteisessa näyttelyssä.

CSS-viivaaja: Tutki CSS-pituuksia

Sarja ilmaisia ​​verkkotyökaluja kehittäjille

Hämmästyttävä kokoelma kymmeniä työkaluja kehittäjille, kuten koodin katselijoille, muuntimille ja muille apuohjelmille, jotka helpottavat työtäsi.

Sarja ilmaisia ​​verkkotyökaluja kehittäjille

Kangas: Mobile Development Platform

Kangas on työkalu, jonka kehittäjät kehittävät kehittäjille. Se pyrkii ratkaisemaan kaikki tavalliset ongelmat, kun he yrittävät rakentaa maailmanluokan sovelluksia.

Fabric Mobile Development Platform

Frontend Stuff

Työkalujen siisteys web-projekteissa. Se koostuu suurimmaksi osaksi JavaScript-materiaalista ja se päivitetään jatkuvasti, joten muista tarkistaa usein.

Frontend Stuff

Essential React

Jos etsit vain perusasiakasta React-sovellusten luomista varten, Essential voisi olla erinomainen vaihtoehto.

Essential React

jQuery Scalem Plugin

JQuery-laajennus, jonka avulla voit tehdä sivuston minkä tahansa elementin reagoivaksi, mukautuen kaikkiin näytön kokoihin.

JQuery Scalem Plugin

Intercooler.js

Tämä plugin yksinkertaistaa AJAX: n käyttöä ja kääntää kielen HTML-käyttäjille.

Intercooler.js

JQuery EasySelect

Hyödyllinen jQuery-laajennus, jonka avulla käyttäjät voivat tehdä useita valintoja nopeammin ja helpommin.

JQuery EasySelect

jQuery Textcomplete

Mielenkiintoinen työkalu, jonka avulla voit lisätä automaattisen täydennysvaihtoehdon tekstiosi.

JQuery.textcomplete

Nunchuck.js

Tämä kirjasto mahdollistaa kehittäjien integroidun mobiiliselaimen ohjauksen työpöydän selainpohjaisiin JavaScript-peleihin erittäin kevyen työkalun avulla.

Nunchuck.js

Rimg: Responsive Image Solution

Käytä selkeää JavaScriptia selaimissa, jotka tukevat mediaqueriesia, jotta sivuston kuvat saataisiin reagoimaan.

Rimg: Responsive Image Solution

Räikkä

Ratchet helpottaa Web-ammattilaisten sovellusten kehittämistä ja antaa heille mahdollisuuden luoda mobiilisovelluksia tuttuihin HTML-, JS- ja CSS-komponentteihin.

Räikkä

Nines: Web Performance Tool

Seuraa mitä tahansa Web-projektisi suorituskykyä tämän siistin työkalun avulla.

Nines: Web Performance Tool

Favico.js

Vaikuttava työkalu Faviconin vaihtoehtoisiin käyttötarkoituksiin, kuten animaatioihin, väreihin tai projektikuvaukseen web-kamerastasi!

Favico.js: Tee Faviconin käyttö

jQuery Load Scroll

Tämä jQuery-laajennus tekee kuvien lataamisen vain vierittämällä niitä. Käytä sitä parantamaan kuvien aloituskuvia kuvankäsittelyprojekteissa.

jQuery-kuorma-scroll

Kokeilu: Pelaa hiukkasilla ja piirtoheitinkalvolla

Luigi Mannonin kaunis kokeilu, jossa hän luo tämän hämmästyttävän pallon, joka vastaa teidän tekosi hiiren kanssa, animaation ansiosta.

Pelaa hiukkasilla ja piirtoheitinkalvoilla