Смишных картинок тред

[kobezzza]

Я вообще некогда не любил жиквери и старался без него обходиться.

Ну не обязательно жиквери, есть пласт либ, которые ставили своей целью упрощение работы с DOM и AJAX, и сейчас эти либы уходят в прошлое.

[cyber]

Ну не обязательно жиквери, есть пласт либ, которые ставили своей целью упрощение работы с DOM и AJAX, и сейчас эти либы уходят в прошлое.

И меня это невероятно радует)

[Gozar]

Так как заведома не знаешь сколько элементов будет с определным классом, поэтому прийдеться

Можешь кодом наглядно показать разницу между твоим и моим способом, а то я отличий не вижу

[kobezzza]

http://www.myth.io/
Новый CSS препроцессор (Rework + Автопрефиксер). В отличии от LESS, SASS или Stylus не вводит свой синтаксис, а является полифилом для CSS, т.е. вы пишите на CSS нового стандарта (там переменные, flex и т.д.) а он это преобразовывает в CSS с костылями, который работает сейчас. Справедливости ради, следует заметить, что Stylus + Nib дают похожий эффект, но у них нет некоторых плюшек, вроде rest синтаксиса для псевдоэлементов.

[cyber]

Gozar, мой вариант http://jsfiddle.net/BHc45/ (Кстати спс, пока писал пример заметил баг)

function $(selector, elem) {
  
    selector = selector.trim();

	var selects = (elem || document).querySelectorAll(selector);
    
    var empty = selects && selects.length == 0;

	return !empty && selector[0] == "#" ? selects[0]:  selects;
}

Твой вариант http://jsfiddle.net/hdcH9/

[Gozar]

cyber,
А trim тебе зачем? А чего ты не проверяешь на наличие кавычек незакрытых|квадратных скобок|лишних равно или невалидного селектора?

[cyber]

http://www.myth.io/
Новый CSS препроцессор (Rework + Автопрефиксер). В отличии от LESS, SASS или Stylus не вводит свой синтаксис, а является полифилом для CSS, т.е. вы пишите на CSS нового стандарта (там переменные, flex и т.д.) а он это преобразовывает в CSS с костылями, который работает сейчас. Справедливости ради, следует заметить, что Stylus + Nib дают похожий эффект, но у них нет некоторых плюшек, вроде rest синтаксиса для псевдоэлементов.

Я из новых фишек css использую только анимацию и центрирование (я радывался как ребенок когда увидел как в css3 центрировать элементы). Жаль что пока имеет смысел использовать только на node-webkit

display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;*/

[cyber]

Gozar, а зачем? querySelectorAll cам все сделает

try{
document.querySelectorAll("_@$")
} 
catch(e) {
alert(e);
}

[cyber]

kobezzza, слушай, а какие если либы для работы с css3 анимацией?

[kobezzza]

display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;*/

Flexbox (а твой пример это Flexbox, только древний стандарт, сейчас другое АПИ) работает уже во всех современных браузерах (да да, в ИЕ тоже, я даже про это тред создавал). У тебя кстати в примере древний синтаксис Flexbox, вот поэтому юзай Myth или Stylus, чтобы не думать об этом и писать простой vanila CSS.

http://www.w3.org/TR/css3-flexbox/