Weblap design, grafika tanulás/fejlesztés, hogy lehetséges?
Weblap készítéssel foglalkozom mostanában, maga a kódolás, frontend stb megy, persze ezek (html,css,js) másodlagos nyelvek, elsősorban C++, C#, matek stb. amit tanultam, tehát nem kell részleteznem, de a grafikai tudásom nagyon alul van:D, desing, szépérzékemet is szeretném fejleszteni. Tudtok jó könyvet? Tartalmat? Módszereket?
Köszönöm Kedves Válaszaitokat!:)
válasza:
válasza:Elsősorban Webes tutoriálok és leírások.
Ami verhetetlen: Stackoverflow oldala
CSS3 jó, de ajánlom a SASS-t helyette (CSS-re fordul le, csak jobban átláthatóbb és vezérelni is lehet)
JS helyett ajánlom: TypeScript 2-t. Ez is JS-re fordul, de JavaScript oly formában, hogy class-ok, interface-ek, öröklések stb. van benne.
Csak példa kedvéért (...-ok csak behúzást mutatják):
SASS példa:
@mixin bgimage($url)
... background-image: url($url)
@mixin parallax($url)
... background: no-repeat fixed center
... background-size: cover
... @include bgimage($url)
#header-container
@include parallax('../img/parallax/header.jpg')
Tehát elég csak a @include parallax(<kép url>) megadni, és letudtam egy rakás kódot
Részletek: [link]
TypeScript példa:
interface IObserver {
... update() : void;
}
class Observer implements IObserver {
... private runnable : IObserver[] = [];
... private name : string[] = [];
... private updated : number = 0;
... add(obj : IObserver, name : string) : number {
... ... let rtn = this.runnable.length;
... ... this.runnable[rtn] = obj;
... ... this.name[rtn] = name;
... ... Logger.devInfo("Egy elem az Observerhez lett adva. Így már " + (rtn+1) + "elemmel rendelkezik.");
... ... return rtn;
... }
... update() : void {
... ... Logger.devInfo("Observer.update() futtatás: " + (this.updated++));
... ... for(let i = 0; i < this.runnable.length; i++) {
... ... ... Logger.devInfo("Observer.update() - name: " + this.name[i]);
... ... ... (this.runnable[i]).update();
... ... }
... }
}
Ott a Logger egy osztály ugyanúgy. Ilyenre fordul. Láthatóságokat fordítási időben ellenőrzi:
var Observer = (function () {
... function Observer() {
... ... this.runnable = [];
... ... this.name = [];
... ... this.updated = 0;
... }
... Observer.prototype.add = function (obj, name) {
... ... var rtn = this.runnable.length;
... ... this.runnable[rtn] = obj;
... ... this.name[rtn] = name;
... ... Logger.devInfo("Egy elem az Observerhez lett adva. Így már " + (rtn + 1) + "elemmel rendelkezik.");
... ... return rtn;
... };
... Observer.prototype.update = function () {
... ... Logger.devInfo("Observer.update() futtatás: " + (this.updated++));
... ... for (var i = 0; i < this.runnable.length; i++) {
... ... ... Logger.devInfo("Observer.update() - name: " + this.name[i]);
... ... ... (this.runnable[i]).update();
... ... }
... };
... return Observer;
})();
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!