Javascript-форум (https://javascript.ru/forum/)
-   Оффтопик (https://javascript.ru/forum/offtopic/)
-   -   Смишных картинок тред (https://javascript.ru/forum/offtopic/35821-smishnykh-kartinok-tred.html)

kobezzza 22.12.2013 18:41

Цитата:

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

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

cyber 22.12.2013 18:44

Цитата:

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

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

Gozar 22.12.2013 18:48

Цитата:

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

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

kobezzza 22.12.2013 18:51

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

cyber 22.12.2013 19:06

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 22.12.2013 19:16

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

cyber 22.12.2013 19:17

Цитата:

Сообщение от kobezzza
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 22.12.2013 19:20

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

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

cyber 22.12.2013 19:21

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

kobezzza 22.12.2013 19:21

Цитата:

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

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/


Часовой пояс GMT +3, время: 10:33.