Ha weblap szerkesztesbe akarod vagni a fejszed ideje kicsit komolyabban belenezed ebbe a kaotikusnak latszo (es valojaban az is ;) ) godorbe, amit web fejlesztesnek hivnak.
Persze nehany ember ugy gondolja hogy egyszeru mint az 1 X 1 a webfejlesztes, hisz ket html tag koze be tudnak irni egy divet, es mar boldogoan biggyesztik a nevuk moge hogy en bizony web developer vagyok.
Szoval ha akarsz a webbel foglalkozni, es kicsit programoznal is, legyen az javascript vagy PHP (esetleg meresz vagy MVC-t hasznalnal), esetleg egy mobile barat oldalt keszitenel, vagy belevagnal egy HTML5 appba ami phonegap alatt futna, esetleg a CSS nem abbol all neked hogy background-color: red -re allitod akkor itt nehany erdekes linkfelho:
Editorok:
notepad ++ jo valasztas, de vannak jobb eszkozok is:
- http://www.mpsoftware.dk/phpdesigner.php (http://www.mpsoftware.dk/phpdesigner.php) phpDesigner : egesz jo szoftver bar fizetos, es rengeteg mindent tud, igazan nagyo nszerettem mert rengeteg hasznos feature van benne
-http://www.sublimetext.com/ (http://www.sublimetext.com/) Sublime 2, orok kedvenc, tobb kurzor kezeles, rengeteg hasznos pluginnal, erdemes videot megnezni mit is tud (http://www.youtube.com/watch?v=EjDMqr8PC7c)
- http://brackets.io/ (http://brackets.io/) brackets, talan a legjobb front- end editor, beepitett elo html nezettel, es talan egyszer psd importerrel ( http://www.youtube.com/watch?v=ukpoPF61W5A#t=105 ) kiraly cucc lenne ha kiadnak, de meg mindig dolgoznak rajta.
Ikonok
ha nincs egy embered aki szeret ikonokat rajzolgatni hasznos, mas forrasbol osszeszedni az ikonokat:
-http://www.iconsdb.com/ (http://www.iconsdb.com/)
- http://iconmonstr.com/ (http://iconmonstr.com/) talan a legjobb hely
- http://iconbench.com/ (http://iconbench.com/)
- https://www.iconfinder.com/free_icons (https://www.iconfinder.com/free_icons)
Szinek
Nehez neha a szineket osszeegyeztetni, hala Istennek meg magamfajta vakoknak is van kiut
-http://www.colorschemedesigner.com/ (http://www.colorschemedesigner.com/) Rengeteg sokfajta szin kombinacio,
-http://web.colorotate.org/ (http://web.colorotate.org/)
-http://www.pictaculous.com/ (http://www.pictaculous.com/) kepbol keszit szin palettat
-http://webcolourdata.com/ (http://webcolourdata.com/) Szeretned megtudni nagy oldalak, cegek milyen szinsemat hasznalnak?
-http://flatuicolors.com/ (http://flatuicolors.com/) flat design szinei (erdemes win8 flat szineket is megnezni http://www.creepyed.com/2012/09/windows-8-colors-hex-code/)
-https://kuler.adobe.com/create/color-wheel/ (https://kuler.adobe.com/create/color-wheel/) adobe kuler oldala szinvakoknak, mint amilyen en is vagyok (esetleg bongeszhetunk felhasznalok altal bekuldott szinek kozul is https://kuler.adobe.com/explore/newest/)
front end framework
csak mert szivas nullarol kezdeni a front endet.
- http://getbootstrap.com/ (http://getbootstrap.com/) Bootstrap.. egyszeru tiszta, szep felulet twitter csapatatol..
talan hianyzik valami? (http://bootstraphero.com/the-big-badass-list-of-twitter-bootstrap-resources/) itt van 300+ addons hozza, mert minek irnad meg ujra, ha mar valaki megirta egyszer.
-http://foundation.zurb.com/docs/ (http://foundation.zurb.com/docs/) Foundation, egy jo alternativa Zepto.js (hasonlo mint jquery csak kicsit kisebb) -val megspekelve
-http://purecss.io/ (http://purecss.io/) Pure Yahoo valasza a bootstrapre, kisebb Css-el
Egyeb fincsi dolgok
-http://www.fess.me/ (http://www.fess.me/) Szeretnel konnyen atlathato CSS-t alkotni? masold be a CSS kodot es szepen megformazva dobja ki neked :)
-http://www.cssmatic.com/ (http://www.cssmatic.com/) CSS eszkozok mindenkinek.. Neha nehez belegondolni, hogy hogyan fog kinezni egy 5px border radiusos gomb, vagy milyen lesz egy szinatmenetes div.. ezen az oldalon konnyeden kiserletezhetunk ezzel
- http://www.spritecow.com/ (http://www.spritecow.com/) muuuu, ha van egy spirte-od (rengeteg kis kepet belepakolsz egy nagy kepbe, ezzel is gyorsitva a lap betoltest) korulmenyes meghatarozni hogy egy kepreszlet hol kezdodik es hol er veget... spireTehen ebben segit
Orulok a temanak. ;) Annyi kiegeszitessel elnek, hogy front-end teren a JavaScript es semmi, de szerver oldalon tobb lehetoseg kozul is valaszthat az ember, nem csak a PHP. MVC alatt az MV* keretrendszereket erted, az en velemenyem, hogy van mas ut is, de akinek bejon a template - model - controller es egyeb minta az batran ismerkedjen a 3 nagyagyuval: AngularJS, backbone.js, Ember.js (ezek kozul talan a backbone.js a legosszetettebb)
Sublime Text - ert nagy pirospont. Vannak akik a boszme IDE - ket kedvelik, azoknak egy WebStorm javaslattal had eljek.
En speciel a node.js - t jol tudtam hasznositani "debugging" - hoz, igy JS - hez barmikor.
Akik pedig tenylegesen a mainstream Web 2.0 - hoz akarnak tartozni, azoknak a Yeoman (http://yeoman.io/index.html) egy elengedhetetlen kellek.
A fentiekkel kapcsolatban meg annyit jegyeznek meg, hogy a sok - sok framework es api elott illik megismerkedni konkretan a JS - el. :)
Ismerkedes a javascriptel:
Ajanlom thenewboston csatornajat, egeszen a kezdetektol kalauzol el kicsit osszetettebb dolgokig
http://www.youtube.com/playlist?list=PL46F0A159EC02DF82
(erdemes meg korulnezni a csatornajan hisz teli van egesz jo tutorialokkal (http://www.youtube.com/user/thenewboston/videos?view=1&flow=grid) andoridtol az IOS, C++ -ig )
ha php
akkor phpacademy, ugy gondolom jobb ez a srac mint a php 24 ora alatt, sokkal erthetobben elo tudja adni a dolgokat.
http://www.youtube.com/user/phpacademy/videos
ha ugy gondolod hogy mar mindent tudsz a CSS-rol akkor itt egy erdekes video pluszban
http://www.youtube.com/watch?v=3ikye7Qc7Ak