Parere framework css

Hmm, daca se poate o parere, ce se mai poate adauga e.t.c.
Este scris de mine, pur css/javascript, nu vreau less, scass sau jquery...
Momentan nu toate elementele sunt responsive, mai am ceva de lucru. [ignorati ie]

http://78.96.239.36/css/lex3/

Edited by csganja, 04 February 2015 - 14:17.

Frumos, le pui si la dispozitie? Nu de alta dar eu mi-am pierdut "mapa" cu coduri de genul . E foarte util sa ai ceva cand te apuci de un proiect, insa trebuie sa intelegi ca mai bine folosesti jquery decat javascript fiindca daca utilizatorul are javascriptul inchis nu vor functiona.

Deocamdata pari a oferi foarte multe elemente care exista deja (mai bine facute) in bootstrap, caz in care cam greu sa aleaga cineva varianta ta.
Mai degraba m-as concentra pe extinderea elementelor din bootstrap/adaugarea de elemente noi tot pe scheletul bootstrap.

Offtopic:

 MooF2010, on 04 februarie 2015 - 15:23, said:

Jquery e js asa ca nu prea inteleg raspunsul tau.

Ontopic super proiect. Nu vrei sa faci un proiect github unde sa postezi codu. Pare ca ai muncit ceva la el. Ai putea adauga meniu cu dropdown,
Ai grija cu querySelector (js) si calc (css). Si nu ar fi rau sa adaugi si un css reset.

Edited by danutz0501, 04 February 2015 - 16:18.

@MooF2010 - daca are javascript dezactivat nu v'a functiona nici jQuery
@dani.user - nu stiu de ce, dar prefer sa scriu totul de la 0, cu mana mea [exceptie face aici font-awesome].
@danutz0501 - drop-down menu este in plan, momentan vreau sa ies sa beau o berica

Mersi de raspunsuri

querySelector stiu ca e un pic cam incet, cat despre calc, il folosesc cand am border sau margin. Imi poti spune de ce sa ma "feresc" de ele?

Nu am zis sa te feresti, doar sa ai grija. Depinde si de ce versiuni mai vechi de browsere vrei sa suporti.
Spre exemplu in ie8 (e ince folosit, multi utilizatori inca au wind xp) querySelector nu suporta decat selectori css 2.1 si are probleme cu elemente html5.
Si vezi cum modifici functia asta sa opresti playback-ul la video:

function CloseModal() {
  document.getElementById(this.id).style.display = "none";
}

Fereastra modal dispare dar videoclipul dupa vimeo inca se aude in fundal.

Edited by danutz0501, 04 February 2015 - 16:56.

Nu arata rau. Ai muncit ceva la el, Dar cum spunea si @dani.user, in cazul in care preferi un framework gata facut, alegi Bootstrap / Flat-UI , unde elementele sunt mult mai bine facute si, ceea ce conteaza in ziua de azi: responsive. Iar daca vrei ceva mai personal, iti faci tu unul. De curiozitate, vrei sa il publici / vinzi , sau l-ai facut de plictiseala ?

Sincer mi'a luat in jur de 2 sapt, in timpul liber. Cum am mai zis, prefer ceva facut de mana mea daca nu merge ceva, sau se intampla ceva sa stiu exact unde sa caut. Nu vreau sa il vand, vreau sa ma folosesc de el.

@danutz0501 am rezolvat problema cu video...

 MooF2010, on 04 februarie 2015 - 15:23, said:

Say what?

 MooF2010, on 04 februarie 2015 - 15:23, said:

Stai jos, 1.

Ok, am mai refacut cate ceva, majoritatea elementelor arata "bine" pe ie9. E destul de pretentios batranul ie...

Frumos dar daca imi permiti:

var system = {
	addListener : function(node, evt, func, capture){
		if(typeof (window.event) != "undefined")
			node.attachEvent("on" + evt, func);
		else
			node.addEventListener(evt, func, capture);
	},
	removeListener : function(node, evt, func, capture){
		if(typeof (window.event) != "undefined")
			node.detachEvent("on" + evt, func);
		else
			node.removeEventListener(evt, func, capture);
	},
	getEventTarget : function(evt){
		if(window.event)
			return window.event.srcElement;
		return evt.target;
	},
	stopEvent : function(evt){
		if(window.event)
			window.event.cancelBubble = true;
		else
			evt.stopPropagation();
	}
}

Asa mi se par mai ok event listener adaugate(cross browser).
Nu inteleg gutter adaugat la un grid css. Gridul ar trebui doar sa delimiteze zonele cu continut. Nu sa se ocupe de stilizarea lor prin padding sau margin.
Tot te ocupi si de un pic de js in framework, incearca "sa atingi" si local storage, session storage

var sql = {
	storagetype : null,
	type : ['session', 'local'],
	checkStorage : function(){
		return (!(typeof window.localStorage == 'undefined' || typeof window.sessionStorage == 'undefined'));
	},
	setStorageType : function(type){
		if(!this.type.some(function(value, index, array){
			return value === type;})){
			alert('tip gresit');
		}else{
			alert('Tip bun'+type);
		}
		if(this.checkStorage()){
		   this.storagetype = type;
		}
	},
	set : function(key, value){
		if(this.storagetype = 'session')
			sessionStorage.setItem(key, JSON.stringify(value));
		else
			localStorage.setItem(key, JSON.stringify(value));
	},
	get : function(key){
		if(this.storagetype = 'session')
			return JSON.parse(sessionStorage.getItem(key));
		return JSON.parse(localStorage.getItem(key));
	}
};

video, audio, canvas poate si open gl. Dupa aia cred ca o sa ai un framework bunicel pt a putea incepe proiecte cu ajutorul lui.
Asta e doar parerea mea, nu ma omorati pt ea.
PS: cred ca ai uitat si un exemplu de modal.