@web_structure - страница 555

Andrey

Это вордпрессовское стандартное что-то ? <div class="row"><div class="col-md-12">

Andrey

пасиб

Andrey

Да шаблон тырю (заодно прокачиваю HTML/CSS навыки), и столкнулся. Разработчик оборачивает основной контент страницы в этот тег, плюс еще и каждую запись зачем-то. Вот я и решил прикинуть, нужно ли мне вообще разбираться или просто на вордпресс плохо посадили и мусор в код забили. Ну а раз бутстрап (слышал, но хз что это) - значит нужно поразбираться, авось и не просто так обернули.

Anonymous

Добрый вечер народ. Запилил свой первый велосипед (слайдер на js). Нужно ваше мнение по качеству кода и может ещё чего. В общем хочу критики. И узнать - использовали бы вы его в своём проекте(многие функции ещё будут конечно добавлены)? Исходный код: https://github.com/DarKCoder666/DarKCoder666.github.io Потыкать: https://darkcoder666.github.io/

Неплохо. Хорошо, что без jquery Сделай какой-нибудь hover(() => {autoplay = false;}) Те картинки слайдера, которые меньше контейнера, надо растягивать. При интеграции это будет проблема Стрелки чем-то выделить бы. Например filter: drop-shadow(0px 0px 5px #fff); может что-то в таком стиле. На темном фоне ее не видно Хреново, что самый верхний контейнер с overflow:hidden, из-за этого стрелки не вынести наружу. А так бы опцией указывать > if(!switches) { controllersWrap.style.display = 'none'; А что это? Не могу найти controllersWrap в DOM. Судя по стилю это навигация снизу. Если в слайдре будет много элементов, в этот контейнер будет помещено больше превьюшек и они просто обрежутся. Нужно как-то перехватить ширину итоговую и если она больше слайдера, то навигацию добавить. Это не сложно. Еще как-то выделять в превьюшках надо активный элемент. Приписывать ему класс active какой-нибудь и типо такого получилось чтобы: http://skrinshoter.ru/s/301216/5xp8bs.png Не нравится, что ты оперируешь так стилями. Лучше б, таки, css подтянуть и прописывать классы, будет гибко. Сейчас хз как кастюмизировать под себя Еще фича - сделать атрибут title="Text" и это выводить на слайдере. Но контейнер, в котором будет этот текст - чтобы можно было кастюмизировать своим стилем. (например на первом слайдере это будет желтый прямоугольник с одним текстом слева-снизу, а на втором - справа-снизу)

Дмитрий

ну это свойственно каждому слайдера. Если слайдер сам будет всё делать, то картинки некоторые будут ужасны.

Используем картинку как background к div. Делаем ему background-size: cover; и background-position: center center;

Дмитрий

И картинки все смотрятся хорошо.

Anonymous

Подробнее, тебе нужен текстовый редактор?

Anonymous

Зависит от проекта. Если это одностраничный сайт, то не обязательно тянуть препроцессоры. А когда нужно, гульп - отличный, postcss не пробовал, но говорят в тренде. А вообще лучше все популярное перепробовать и выбрать под себя, тут вопрос в удобстве, будет ли тебе с этим комфортно работать

Максим

БЭМ можно использовать и без пре/пост процессоров

Marseille

> Если это одностраничный сайт, то не обязательно тянуть препроцессоры вот тут не соглашусь

Marseille

препроцессоры в приницпе ускоряют разработку

Marseille

а вот БЭМ использовать на мелких проектах смысла нет особо

Umid

Неплохо. Хорошо, что без jquery Сделай какой-нибудь hover(() => {autoplay = false;}) Те картинки слайдера, которые меньше контейнера, надо растягивать. При интеграции это будет проблема Стрелки чем-то выделить бы. Например filter: drop-shadow(0px 0px 5px #fff); может что-то в таком стиле. На темном фоне ее не видно Хреново, что самый верхний контейнер с overflow:hidden, из-за этого стрелки не вынести наружу. А так бы опцией указывать > if(!switches) { controllersWrap.style.display = 'none'; А что это? Не могу найти controllersWrap в DOM. Судя по стилю это навигация снизу. Если в слайдре будет много элементов, в этот контейнер будет помещено больше превьюшек и они просто обрежутся. Нужно как-то перехватить ширину итоговую и если она больше слайдера, то навигацию добавить. Это не сложно. Еще как-то выделять в превьюшках надо активный элемент. Приписывать ему класс active какой-нибудь и типо такого получилось чтобы: http://skrinshoter.ru/s/301216/5xp8bs.png Не нравится, что ты оперируешь так стилями. Лучше б, таки, css подтянуть и прописывать классы, будет гибко. Сейчас хз как кастюмизировать под себя Еще фича - сделать атрибут title="Text" и это выводить на слайдере. Но контейнер, в котором будет этот текст - чтобы можно было кастюмизировать своим стилем. (например на первом слайдере это будет желтый прямоугольник с одним текстом слева-снизу, а на втором - справа-снизу)

Спасибо большое. То что я ожидал. Есть пару моментов которые я недопонял: 1) "Не нравится, что ты оперируешь так стилями. Лучше б, таки, css подтянуть и прописывать классы, будет гибко. Сейчас хз как кастюмизировать под себя" Имеете ввиду к main.js и файл со стилями поставлять? Изначально я расчитывал на слайдер в 1 файле, поэтому уже настроился на 1 файл only. 2)"Еще фича - сделать атрибут title="Text" и это выводить на слайдере. Но контейнер, в котором будет этот текст - чтобы можно было кастюмизировать своим стилем. (например на первом слайдере это будет желтый прямоугольник с одним текстом слева-снизу, а на втором - справа-снизу)" Здесь я тоже не особо смог понять, но может сделать поддерку блоков? Т.е. чтоб не только картинки можно было передавать слайдеру, но и блоки, а блоки уже самому настраивать и пихать в него что захочешь? Было бы гибче. На счёт всего остально, всё учту и буду дорабатывать. Так же на счёт коду хочу вас спросить. Один человек сказал мне, что стоит всё переписать. Мол настолько всё плохо. Но чем именно он так и не ответил. Что вы думаете на счёт этого?

Anonymous

Умид, это у тебя канал DarkCoder на мувере?

Umid

Умид, это у тебя канал DarkCoder на мувере?

Да.

Anonymous

По фрилансу что-нибудь есть?

Anonymous

Или эти курсы лажа?

Umid

По фрилансу что-нибудь есть?

https://www.youtube.com/channel/UCB9_UbvZyv2x2AgDR6Jejyg

Anonymous

Курс смотрел? Стоит потраченного времени?

Umid

Пару уроков посмотрел. Ничего сказать пока не могу. На фриланс ещё не выходил. Посмотри по отзывам.

Umid

на toster.ru поспрашивай.

Umid

Anonymous

Думаю, пока рано. Осилю вёрстку с фронтом и начну копать в этом направлении.

Umid

Не помню откудова, но говорили что хорошая книжка.

Umid

Какие знания на данный момент?

Николай

http://codepen.io/davidkpiano/pen/woZNbB?utm_source=vk.com&utm_medium=social&utm_campaign=snezhnyy-lisyonok-na-css.codepe

Anonymous

http://codepen.io/davidkpiano/pen/woZNbB?utm_source=vk.com&utm_medium=social&utm_campaign=snezhnyy-lisyonok-na-css.codepe

Наркомания! 1к строчек за лису)

Николай

))

Umid

http://codepen.io/davidkpiano/pen/woZNbB?utm_source=vk.com&utm_medium=social&utm_campaign=snezhnyy-lisyonok-na-css.codepe

Каааак? Блин писец. Каждый элемент прорабатывать.

Николай

Да,это Алику не hover делать на кнопке)))

Дмитрий

Прошу меня простить , но смените домен, с третьего раза прочел.

Anonymous

Прошу меня простить , но смените домен, с третьего раза прочел.

Какой где что там?

Дмитрий

Какой где что там?

Да удалили уже

Anonymous

Каааак? Блин писец. Каждый элемент прорабатывать.

мне вот только не понятно практическое применение

Anonymous

если можно на js сделать анимацию

Anonymous

а графическую часть иконками, изображениями

Anonymous

или это для демонстрации возможностей css

Николай

Друзья, пришла такая идея: Создать сайт( 1 страницу) и публиковать там: список полезных материалов, ссылок, а импенно : библиотеки , фреймворки , полезные сайты, и.т.д) для веб разр..

Дмитрий

Друзья, пришла такая идея: Создать сайт( 1 страницу) и публиковать там: список полезных материалов, ссылок, а импенно : библиотеки , фреймворки , полезные сайты, и.т.д) для веб разр..

Не стоит, группы вконтакте хватит и канала тут хватит.