Ответы пользователя по тегу Веб-разработка
  • На чем лучше делать слайдер для сайта?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    Изобретать велосипед не надо!
    kenwheeler.github.io/slick + jquery - И забудьте о подобных вопросах.
    jquery вы в любом случае подключите. Не сегодня так завтра. Всё и все работают на нем.
    Ответ написан
    2 комментария
  • Скрывать ли поля имени и eMail в форме комментариев при их заполнении?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    Тут уже вступают в действие правила UX

    Единственный минус первого варианта - неминималистичный дизайн. В остальном - он лучше, т.к., если на сайте оставляют комменты незарегистрированные пользователи, то надо дать пользователю иметь возможность поменять свои данные. Это норма.

    Может быть, под (а лучше над) полем комментария добавить надпись "Вы оставите коммент как USER" (или просто "как USER") и рядом ссылочка "Изменить мои данные" (в виде карандашика - будет идеально). Если пользователь нажал на карандашик, то увидел эти самые нижние поля.
    Ответ написан
    Комментировать
  • Как сделать переход между секциями, как на картинке?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    Но лучше всего создавайте в каждой секции цветную подложку (обычно это отдельный div с базовыми стилями position:absolute;z-index:1;left:0;top:0;width:100%:height:100%; - фоновый цвет задайте сами). И применяйте этому диву также css-свойство transform: skewY(-10deg) (значение подберите сами)
    mosobogrev.ru - реализовано здесь
    babycarmebel.ru - и здесь
    Ответ написан
    Комментировать
  • Почему медиазапрос не работает?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    используйте условие в медиа не min-width, а max-width.
    min-width - срабатывает, когда ваша ширина больше чем указанное значение.
    а max-width - это максимальная ширина, при которой будет срабатывать данное правило. т.е если ширина меньше этого значения - правило срабатывает. Если ширина превышает это значение, то ничего не происходит!
    Ответ написан
  • Web - студия в 2015году?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    Вполне перспективное предприятие.

    Главный вопрос - не "открывать или нет?", а "как организовать внутренний рабочий процесс в условиях растущей конкуренции с фрилансерами и фриланс-командами".

    Сегодня самая актуальная форма организации веб-студии - набор фрилансеров или удаленных технических специалистов и несколько сотрудников, занимающихся менеджментом и маркетингом, в офисе.
    Чем гнать каждое утро в офис застенчивых и малоподвижных, всегда сонных и упрямых профессионалов-программистов, лучше дать им свободу находиться в своих привычных рабочих условиях - дома. А в офис посадить координаторов, менеджеров, маркетологов, руководителей технических отделов и бухгалтеров.
    Ответ написан
    Комментировать
  • За что взяться: ASP.NET MVC либо JavaScript?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    Javascript - по нему работы больше будет.
    Ответ написан
    Комментировать
  • Какую js-библиотеку порекомендуете для всплывающих окон?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    только fancybox! Больше ничего не понадобится! Кастомизируется как захотите, грузит всё, что пожелаете.
    Ответ написан
    2 комментария
  • Какое написание class/id селекторов более правильное?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    Гуглите БЭМ.

    Вообще, это личное дело каждого кодера.

    Я лично считаю, что лучше использовать подчеркивание для определения единого блока, а тире - для разделения блоков. Например, когда нужно быстро скопировать class или id, мы обычно дважды кликаем по нему в редакторе. Смотрим на реакцию:

    class="klikni_po_mne_dvazhdy"
    class="klikni-po-mne-dvazhdy"


    Очевидно, что первым вариантом управлять удобнее.

    Далее, если имеем вложенность, то отделяем все внутренние элементы с помощью тире, например:
    class="video_player---buttons---play_button"
    Ну тут я нарочно использовал 3 тире подряд, чтобы было нагляднее видно разделение вложенности (про вложенность гуглите БЭМ).
    Ответ написан
    Комментировать
  • Ваше мнение о видеоуроках Евгения Попова?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    Да ладно вам всем его хаить.
    У него были определенные знания и он их раскрыл на том уровне, на котором ими владел.
    Мы смотрели его курс вместе с супругой - она была вообще ламером, а у меня был опыт покруче Поповского.
    Для неё этот курс был полезен. Но я нашел в нём очень много ошибок (со своей-то колокольни) и иногда поправлял Попова, рассказывая супруге об альтернативных, более удобных методах решения той или иной задачи, или рассказывал то, что не освещал Попов.
    Но в целом, она просмотрела курс, почерпнула из него определенные знания и начала читать книгу другого автора. Т.к. в деле программирования одного источника не достаточно. Потом просто сравнила, в чем были недостатки Попова, и в чем недостатки другого источника
    Ответ написан
    2 комментария
  • Какая cms интернет-магазина подойдет?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    Любую cms нужно допиливать под данный функционал. Подключать платежные системы и т.п.
    А cms подойдёт любая - главное, чтобы для неё были модули платежных систем.
    Ответ написан
    Комментировать
  • Почему возникает разное отображение в мобильных версиях браузеров chrome и firefox?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    дело в initial scale:
    На сайте Mozzilla dev есть такой код:
    <meta name="viewport" content="width=device-width, initial-scale=1">

    А у вас initial-scale=0.6.

    Не знаю, зачем вы использовали именно это значение, если намеренно, то придётся доверстывать вашу сайт под более узкие ширины. Для начала просто поставьте initial-scale=1.0, а также допишите maximum scale, minimum scale.
    Ответ написан
  • Почему используют class вместо явного id?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    тут несколько моментов:
    1. id имеет очень большой приоритет css. объяснить двумя словами тяжело, но вкратце, если вы задали какие-то свойства для id-селектора #x, что ни пишите в классовом селекторе .y, если он подтягивает стили от id-селектора, то они возьмут верх над классовым селектором. Никакие элементы не должны иметь приоритет над другими. Так удобнее редактировать стили.
    2. Есть неписанные "законы" БЭМ, которых придерживаются опытные разработчики. Существует много всяких философий БЭМ, самая популярная - яндексовская - погуглите. БЭМ позволяет лучше разбираться в коде, работать с препроцессорами и производить более удобные операции при работе в js.
    ...ну есть и еще несколько моментов.

    Главное отличие id от class в том, что стили id нужно задавать для одного элемента, уникального. А class можно применять для нескольких элементов. Даже если при разработке блок один, никогда не угадаешь, возможно придётся добавлять примерно такой же блок где-нибудь еще на странице - в таком случае id дублировать нельзя - ошибка css.

    Вообще, товарищи, используйте id никогда! Class куда удобнее и гибче (хотя бы в том плане, что для одного элемента можно задавать хоть 255 классов одновременно). Придумывались CSS-селекторы в конце 90х годов. Тогда HTML был совершенно на другом уровне, и разработчики смотрели в другую сторону. Им тогда хотелось управлять DOM с помощью JS методом GetElementByID - сейчас этот метод в чистом виде никто не использует. Есть жквери!
    Ответ написан
    6 комментариев
  • Веб-студия, помощь?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    Здесь работодателя не найдёшь, товарищ! Здесь сидят фрилансеры. Так что твоё завуалированное "резюме" с мыслью "а вдруг кто-нибудь увидит?!" не проканает.
    Ответ написан
    Комментировать
  • Как сделать сайт такого типа?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    Сайты не создаются по подробной инструкции. Сайты создаются после просмотра курсов лекций или прочтения книг.
    Если хочешь начать создавать сайты, добро пожаловать на youtube.com - вбивай в поиск "основы html-верстки" и просвещайся.
    Про стим, может быть, кто-нибудь другой и ответит.

    UPD: А, ну вот же альтернатива ютюбу - сейчас все по этому сайту учатся
    htmlbook.ru/samhtml
    htmlbook.ru/samcss
    htmlbook.ru/samlayout
    Ответ написан
    Комментировать
  • Есть ли аналоги mouseenter/mouseleave для тач устройств?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    нет. для тач устройств не может быть событий "Наведения". только touchstart, touchend, focus
    Ответ написан
    Комментировать
  • Почему Веб мастер постоянно негодует когда сажает на joomla страницы на Bootstrap?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    Использовать бутстрап для рядовых проектов (даже интернет-магазинов), всё равно, что пытаться добраться до ближайшего магазина за углом, используя скоростную машину или самолет.
    Все эти примочки, которыми напичкан бутстрап никогда не пригодятся на 99,5% сайтов.
    Например, бутстрап обязывает использовать дополнительные зарезервированные классы, которые, казалось бы, ускоряют верстку, но на самом деле, мешают другому человеку (не знакомому с бутстрапом) и заставляют изрядно попотеть, чтобы разобраться во всех этих классах.
    95% дизайн макетов не рисуются по сетке, оптимизированной под верстку с бутстрапом. Половина из этих макетов вообще рисуется безо всяких сеток. Тут всплывает еще один момент - получается, мы пытаемся запихнуть бутстрап в макеты, которые рисовались совсем без рассчета на бутстрап. Большинство дизайнеров вообще знает ничего о бутстрапах. Хорошо, если они умеют грамотно использовать сетки.
    Могу перечислять причины недовольства веб-мастера еще очень долго, т.к. сам являюсь противником использования бутстрапа в обычных сайтах. Бутстрап создан для разработки интерфейсов - для них и нужно его применять.

    Вывод один: не использовать бутстрап, работая в команде с людьми, которые не работают с бутстрапом. Он раздражает всех, кто не читал документацию по нему. Да и тех, кто прочел документацию и решил, что использовать бутстрап - это извращение - тоже достаточно большое количество.
    Ответ написан
    Комментировать
  • Как сделать так чтобы skew не влияла на содержимое блока?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    ну если содержимое блока находится внутри блока, то никак.
    а, хотя можно сделать для содержимого обратный skew, с теми же значениями, что и у блока, но со знаком минус.
    а вообще лучше просто вывести содержимое на отдельный position-absolute-блок поверх "согнутого" блока и всё.
    Ответ написан
    Комментировать
  • Как сделать различные цвета для ul li.acive?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    используй
    #social ul li:nth-child(1) a {цвета} /* для ссылки внутри первого li */
    #social ul li:nth-child(2) a {цвета} /* для ссылки внутри второго li */
    #social ul li:nth-child(3) a {цвета} /* и т.д. */
    #social ul li:nth-child(4) a {цвета}
    Ответ написан
  • На чем заниматься web-дизайном, ноутбук или PC?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    однозначно ПК с огрооомным монитором. А лучше - двумя огроооомными мониторами.

    но из тех, что ты предложил - используй 1280x1024 - оно лучше. я работал на обоих разрешениях. Чем выше дисплей, тем удобнее.

    я помню, когда после 1366x768 садился за 1280x1024 - у меня как буд-то угол зрения шире становился. Хотелось рисовать и рисовать. Потом, смотри, у ноутбуков вне зависимости от разрешения очень важны размеры монитора (13'', 15.4'', 15.6''). у тебя может быть разрешение 1920x1080 на устройстве в 10 дюймов. Там ты даже при большом желании ничего не разглядишь.

    У тебя стоит выбор не между разрешениями, а между размерами дисплеев. Однозначно 19 дюймов - это намного круче, чем 15.6
    Ответ написан
    5 комментариев