Barion Pixel
Ez itt a lifelong learning

Sosem tudhatsz eleget!

Blog

Kincsesláda – második felvonás

2016. május 24. | Szijártó József

# # # # # # # # # # # # #

Picit több, mint 3 évvel ezelőtt született a CSS kincsesláda című bejegyzés. Talán itt lenne az ideje, hogy folytassuk. De ezúttal nem CSS-el, hanem minden olyan aprósággal, aminek hasznát veheted a munkád során.

Ingyenes betűtípusok

Honnan szerezhetsz ingyenes betűtípusokat?
font-squirrel

Font Squirrel

A betűmókus, ahol nem csak a meglévő betűtípusokból válogathatsz, hanem a saját, vagy megvásárolt betűtípust is átkonvertálhatod webfonttá.
https://www.fontsquirrel.com/

Google Fonts

logo_google_fontsRengeteg betűtípust találsz itt, ráadásul a weboldalba való bekötésre is pofonegyszerű módot kínál. A SkyFonts (https://skyfonts.com/) segítségével pedig le is szinkronizálhatod a betűtípusokat a gépedre, így máris dolgozhatsz velük.
https://www.google.com/fonts

DaFont

Betűtípus témában talán a legősibb oldal a weben. Rengeteg fontot találhatsz itt is, ám a webfonttá alakítás már a te dolgod. Viszont itt figyelj a licencre is.
http://www.dafont.com/

Bármilyen betűtípust töltesz le, mindig figyelj a karakterkészletre. A magyar ékezetes betűk a Latin-2 vagy Latin Extended készletben vannak benne, így ha lehetőség van rá, letöltés, konvertálás, vagy bekötés előtt ezt jelöld be.


Ikonok

Flaticon

Több, mit 100.000db jó minőségű, vektoros ikon lelőhelye, amit rögtön méretezhetsz, színezhetsz, és akár Base64 formátumban le is tölthetsz.
http://www.flaticon.com/

iconfinder_logoIconfinder

Közel egymillió darab ikon közül válogathatsz, köztük prémium minőségű fizetős ikonokkal. A szűrője rendkívül jól használható.
https://www.iconfinder.com/

fontawesomeFont Awesome

Ez nem is egy ikonkereső oldal, hanem egy betűtípus. Egy olyan betűtípus, ami ikonokat tartalmaz. Jelen pillanatban egész pontosan 634-et. És hogy ez miért jó? Igazából fogod, bekötöd a fontot az oldaladba, és néhány css osztály használatával vígan felikonozhatsz mindent.
http://fontawesome.io/


Színpaletták

Gyorsan kitalálni, hogy milyen színeket használj egy projekthez, hát az nem egyszerű feladat. Szerencsére vannak oldalak, ahol már össze van válogatva jó pár paletta, amikből válogathatsz.

Color_Trends___Palettes____COLOURloversCOLOURlovers

Ez is egy ősi oldal, talán már kicsit el is járt felette az idő a jelenlegi formájában, de azért még mindig egy nagyon jó oldal, ha színekre van szükséged.
http://www.colourlovers.com/

Flat UI Colors

Személyes kedvencem, semmi sallang, viszont nagyon jól használható színek, és kattintásra vágólapra másolódó színkódok.
http://flatuicolors.com/

Coolors_-_The_super_fast_color_schemes_generator_Coolors

Egyszerű és jól használható oldal, ha palettákra van szükséged, ráadásul a generátor is nagyon jó találatokat tud dobni.
https://coolors.co/browser

Material Palette

A Google féle Material Designhoz illeszkedő színpaletta, ahol instant ki is próbálhatod a kiválasztott színeket.
http://www.materialpalette.com/


Photoshop

Bár megoszlanak a vélemények, hogy a Photoshop alkalmas-e webre való tervezésre (szerintem igen, de Zsuval folyamatos vitatéma ez közöttünk ? ), mindig jól jön, ha van egy pár PS-hez való cuccod.

About_–_PSD_RepoPSD Repo

Sok-sok letölthető kész PSD fájl. Mockupok, kész felhasználói felületek, weboldalak, ikonok, egyebek.
https://psdrepo.com/

365PSD_com_-_Download_a_free_vector___PSD_every_day__-_365PSD_com365psd

Minden napra egy psd fájl. Itt is rengeteg UI-t, ikont, és egyéb ingyenes grafikát szerezhetsz be.
http://365psd.com/

Photoshoplr

Rengeteg plugint találhatsz itt PS-hez. Vannak köztük ingyenesek, és fizetősek is, érdemes átnézni.
http://madebyvadim.tumblr.com/


Vektoros grafikák

freepik_logoFreepik

Nagyon jó minőségű anyagokat találhatsz itt, nem csak vektorgrafikákat. A felhasználás forrásmegjelölés mellett ingyenes, de az előfizetés is elhanyagolható összegért áll rendelkezésre. Előfizetés mellett napi 100 letöltés áll rendelkezésre, és letöltés után kapsz egy pdf fájlt, benne a névre szóló licencel.
http://www.freepik.com/

vecteezy-logoVecteezy

Az Eezy csapat tagja. Hasonló feltételek, mint a Freepiknél.

http://www.vecteezy.com/

peecheey_logoPeecheey

Kategóriák szerint kereshetsz szép vektorokat, teljesen ingyen.
http://www.peecheey.com/


WordPress

theme.cards

Ha gyorsan kell egy WordPress sablon, akkor ez egy igazán jó oldal, ahol pillanatok alatt megtalálhatod a neked tetszőt, és már használatba is veheted.
http://www.theme.cards/

InfiniteWP_-_Multiple_WordPress_site_management_solutionInfinitieWP

Ha van több WordPress oldalad, akkor segítségével egy felületről menedzselheted őket, amire az ingyenes változat is tökéletesen elegendő.
https://infinitewp.com/

generatewp_logoGenerateWP

Ha már haladó szinten űzöd a WP-t, és szükséged van bármilyen egyedi dologra, amit a WP tud, akkor ezen az oldalon felhasználóbarát módon le tudod generálni a hozzá szükséges kódsort, amit aztán csak be kell illesztened a saját sablonfájlodba.
https://generatewp.com/


Nyilván rengeteg hasonló oldal létezik, így csak a legjavából csemegéztünk egy kicsit. Ha van neked is kedvenc oldalad, akkor írd meg kommentben!

PS: Ha ingyensen felhasznlható stock fotókra van szükséged, akkor a lap alján iratkozz fel a hírlevélre, és megkapod az 50+ ingyenes fotólelőhely a weben című ebookot. Amíg a készlet tart.

Iratkozz fel YouTube csatornákra!

blog

Virtuális asszisztens legyél vagy webdesigner?

Virtuális asszisztens legyél vagy webdesigner?

2024. február 01.

Mindkettő fantasztikus lehetőség arra, hogy elhagyd a hagyományos kereteket, mint szoros, rugalmatlan munkaidő, helyhez kötöttség vagy akár a bérplafon. Egy ponton találkozik is a két munkakör, ahol a grafikai munka már az asszisztenciába hajlik – designerként is végezhetsz weboldal adminisztrációt, közösségi média tartalom készítést vagy felügyeletet és virtuális asszisztensként is sokszor találkozni már-már tervezői munkába […]

Tovább a cikkre
Secured By miniOrange