Ответы пользователя по тегу Веб-разработка
  • При смене протокола на https отвалился CSS и JS?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Или я не совсем понял вопрос, или у вас проблемы не с https и не с JS, а с тем, что вы что-то куда-то переместили, а ссылки не поправили. Можно пройти по файлам следуя логической цепочке.
    Отваливается только один:
    7952b3c270544bc6a95ee3ea2a0e001e.png
    Дальше много скриншотов


    Там стилей и правда нет. Вообще. Файла такого нет.
    47bfafcf0cd64ff0ae5da73fb46e6d8d.png
    А вот другой файл, который вы отметили в вопросе, - есть. Подключаем - все уже лучше:
    836693ce888448b08d76f1da39509340.png
    Теперь, когда стили на месте, посыпались картинки:
    97e1a5e2d53c4c89be12f2ec6b657885.png
    Очевидно из-за того, что в файле со стилем пути к картинкам не те - они лежат на одну директорию выше, добавьте ко всем путям "../" и они загрузятся. Ни или (альтернативно) - верните стили туда, где они были изначально.

    Думаю стоит начать с этого. А скрипты и так вроде загружаются нормально.
    Ответ написан
    3 комментария
  • Как называется такой тип сайтов? или как можно самому сделать такой механизм?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    Вы имеете в виду fullpage.js?
    Ответ написан
    Комментировать
  • Как выводить дату публикации в Google/Yandex?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    За дату публикации отвечает datePublished. Если раньше разметку микроданных не делали - посмотрите краткое введение.
    Ответ написан
    Комментировать
  • Как сделать шрифты для WYSIWYG?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    сразу все на страницу - тогда загрузка страницы возрастет в несколько десятков раз.
    пока самое лучшее к чему я пришел - пункты меню делать картинкой. а при выборе шрифта - загружать только его

    Загружать шрифт целиком только после его выбора - это хорошая мысль, но google fonts также позволяет указать набор символов, которые вам нужны. Не обязательно делать картинки, можно просто загружать шрифты с ограниченным набором символов, а потом по мере надобности подгружать их "полные" версии.
    Ответ написан
    1 комментарий
  • Есть ли скрипты похожие на placehold.it?

    sfi0zy
    @sfi0zy Куратор тега HTML
    Creative frontend developer
    Использовал вот этот генератор. Вполне себе работает. Только нужно доставить пакет php7.0-gd (про windows не в курсе). Из такого запроса:
    localhost/placeholder.php?size=400x300&bg=946E83&fg=CDD5D1&text=Toster
    получается такая картинка:
    61e78418cf1741d6a1ca8408e688d489.png
    Ответ написан
  • Как правильно делать валидацию форм?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    они делают валидацию для каждой формы (почему??? Ведь про какое то поле можно забыть к примеру =))

    Валидация - она на то и валидация, нужно все проверить.

    ведь id по сути вообще плохой тон

    Эмм... что? В стилях - да, это плохо, но не в скриптах.

    Тогда придется второй тоже другие id делать

    Это проблема? Кажется, что нет.

    по словам крутого разраба, ПРОЩЕ сделать самому.. Что скажите?

    Валидация на клиенте - это регулярное выражение + некая реакция на правильность/неправильность действий пользователя. Написать руками часто действительно проще и быстрее, чем переписывать готовое.

    посылаю запрос контроллеру (laravel использую) и в представление передаю статус, в зависимости от которого выводятся разные сообщения. Т.е. в случае ошибки сервер дает вьюху с ошибкой.

    С точки зрения UX вы должны (если пользователь ошибся) показать ему сразу на ошибку в духе "эй, парень, у тебя пароль короче восьми символов" и подсветить форму с паролем (пример). И ничего не отправлять на сервер.
    Ответ написан
    6 комментариев
  • Что выбрать, слайдер на чистом CSS или с использованием JS?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Что выбрать, слайдер на чистом CSS или с использованием JS?

    Ответьте на следующие вопросы и ответ придет сам собой:
    • Можете ли вы в слайдере на чистом CSS сделать поддержку touch-устройств (свайпы)?
    • Можете ли вы в слайдере на чистом CSS сделать поддержку клавиатуры (фокус на весь слайдер и переключение слайдов стрелками)?
    • Можете ли вы в слайдере на чистом CSS адекватно останавливать его на hover, чтобы юзер мог прочитать написанное на слайде?
    • Можете ли вы в слайдере на чистом CSS легко добавить или убрать слайд, не сломав все остальное?


    P.S.: Как человек, создающий всякое на чистом (и не очень) CSS, понимаю ваше стремление, но продукт делается в первую очередь для пользователей.
    Ответ написан
    Комментировать
  • Индексируются ли невидимые изображения?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    либо object-fit (но тут явный минус - никакой кроссбраузерности).

    Ну это не совсем так. Никакой тут только IE, впрочем, ничего нового. Использовал object-fit-images для решения этого недоразумения - впечатления положительные, работает.
    Ответ написан
    1 комментарий
  • Можно ли сделать текстовую кнопку, чтобы цвет зависел от фона?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    А можно ли сделать так, чтобы цвет текста (ну или кнопки) зависел от картинки? Картинка оранжевая - кнопка красная, картинка чёрная - кнопка серая.

    Посмотрите на Color Thief - простая, но очень удобная штуковина. Вы ей даете картинку - она вам основной цвет (или палитру цветов, но в данном случае она не нужна). Получив цвет вы можете его использовать в качестве цвета кнопки/текста (при необходимости можно увеличить/уменьшить насыщенность или яркость - это уже не проблема). Если вы были на сайте uWebDesign, возможно замечали, что они именно эту библиотеку используют для цветных полосок с названиями постов.
    Ответ написан
    Комментировать
  • Какие флексбокс сетки вы используете?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Вы при верстке используете готовые сетки на их основе

    Использовал самописную на основе FlexboxGrid. Простая сетка, без излишеств, в 99% случаев ее достаточно.

    или верстаете применяя флексбоксы в css

    Недавно открыл для себя LostGrid - очень приятная вещь, советую посмотреть.
    Ответ написан
    Комментировать
  • В чем фишка recapcha?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    No CAPTCHA reCAPTCHA анализирует ваше поведение на странице и, вполне вероятно, какую-то еще информацию (например авторизованы ли вы в google-аккаунте) и на основе этого делает вывод - можете ли вы быть роботом. Если такая вероятность есть - вам дается задание с картинками.
    Ответ написан
    Комментировать
  • Возможно ли создать красивый и удобный сайт без PhotoShop?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Можно на бумажке сделать набросок с расположением блоков, выбрать общий стиль, в котором будет сайт. Затем сходить на coolors.co (к примеру), нарандомить цветовую схему, подправить ее если нужно, сходить куда-нибудь выбрать шрифт (базовый вариант - fonts.google.com), возможно иконки (FontAwesome / Ionicons), и садиться верстать. Если имень базовые понятия о вертикальном ритме и использовании негативного пространства - получится гораздо лучше того, что у вас по ссылке.
    Ответ написан
    Комментировать
  • Могу ли я развернуть приложение в Azure если при регистрации требуется указать Имя, Фамилию и Email?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    UPD: Начали сыпаться комментарии, что я шучу и троллю.

    Таки да. Ви шутите. ФЗ-152, статья 3 пункт 1:
    персональные данные - любая информация, относящаяся к прямо или косвенно определенному или определяемому физическому лицу (субъекту персональных данных);

    Мое имя, фамилия и почта определенно прямо или косвенно ко мне относятся.

    Как верно заметил Saboteur - вопрос только в том, что вам с ними делать, а с этим вопросом лучше проконсультироваться у юриста.
    Ответ написан
    1 комментарий
  • Как настроить домен на .github.io?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    Создайте репозиторий с названием username.github.io, ветка master будет хоститься по желаемому адресу (пример).
    Ответ написан
    7 комментариев
  • Как сделать такую полоску?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Немного подкорректировал вариант, предложенный Дмитрий (с использованием псевдоэлемента и border-width), чтобы угол наклона не менялся при изменении размера экрана - codepen
    Ответ написан
    1 комментарий
  • Какие есть лучшие блоги по веб разработке на английском?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    Ответ написан
    Комментировать
  • Стоит ли сейчас делать киносайт?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    Пока это просто риторический вопрос, просто хочу услышать мнение людей

    Есть мнение, что можно посмотреть в сторону короткометражных фильмов/мультфильмов. Там достаточно интересных проектов, которые и посмотреть приятно (можно и в обеденный перерыв посмотреть), и есть над чем подумать, и в большинстве случаев они не потребуют никаких прав для размещения на сайте, но почему-то в русскоязычном интернете эта тема не очень популярна - на сайтах вроде kinogo (не реклама, неоднократно запрещенная рос***надзором организация) короткометражных фильмов нет или почти нет. Я пока еще не видел сайта, на котором можно было бы регулярно в одном месте смотреть такие проекты (особенно зарубежные анимационные фильмы) и при этом чтобы adblock не вешался от обилия казино и непотребств, да и по всей видимости не я один короткометражками интересуюсь - определенную аудиторию можно будет собрать.
    Ответ написан
    1 комментарий
  • Почему из adobe assets не загружаются 'вырезанные' картинки?

    sfi0zy
    @sfi0zy Куратор тега Вёрстка
    Creative frontend developer
    Такой баг там действительно есть, но все, что попадает во вкладку assets также появляется в ваших файлах (создается папка под названием имя_шаблона-assets, из которой все скачивается нормально).
    Ответ написан
  • У меня не первый раз first-child в Brackets просто не работает, может у кого-то тоже?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Вы просто не понимаете что такое :first-child. Вот вам пример для размышлений. А в вашем случае нужно использовать :first-of-type.
    Ответ написан
    Комментировать
  • Как прижать footer?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Ответ написан
    Комментировать