Задать вопрос

strelok011

Ответы пользователя по тегу Веб-разработка

  • Какую способ написания стилей выбрать для новостного сайта на nextjs?

    @strelok011
    Собственно, не вижу проблемы в выборе инструмента.
    Если дизайнер не упоротый - будет рисовать всё опираясь на единожды отрисованные компоненты. Их должно быть вполне определенное количество, с фиксированным набором состояний.
    Создаете пакет компонентов, заголовков, верстаете лейаут для размещения по сетке, всио. С чего тут придется тонны стилей держать?
    Если есть опыт в стайлед - пишите в стайлед (он мне больше подходит по профилю, к примеру, удобно темами оперировать)

    UPD Самое главное - не писать инлайн стилей. Всё через компоненты оформлять. Появилось новое состояние - туда же в компонент, управлять внешним видом через пропс. Если реально большой пакет - только так можно избежать бардака и сложности поддержки.
    Ответ написан
    1 комментарий
    1 комментарий

  • Какие отличия в верстке под ios и android?

    @strelok011
    Надо бы насобирать еще материал, но
    1. по поводу лагов - чем меньше фильтров, теней, прозрачностей - тем айфону легче. Не умеет в ускорение.
    2. скролл - это отдельная БОЛЬНАЯ тема у айфонов. Причем у разных версий IOS они разные. Проблема в том, что реализация демонстрации куска верстки длинной страницы в окне браузера просто уродская. На старых айфонах, к примеру, не работал position fixed.
    3. Никогда, просто НИКОГДА не пытайся прибить скользящее меню к низу страницы. Это и на андроиде выйдет дичайшим геммороем из-за автовсплывающих или автоскрывающихся панелей инструментов. Это ад и боль
    4. В качестве задачи со звездочкой - попробуй реализовать модалку поверх контента, в которой свой скролл, и попробуй заблочить скролл контента в фоне. Айфон тебя порадует своими чудесами.
    5. Думаю, будет весело перебирать высоту вьюпорта и подбирать позиционирование, переключаясь то на px то на wh.
    6. Имей в виду - как бы не назывался браузер на айфоне - он использует одно и то же ядро сафари, специфичное для версии ios, так что глюки переносятся.
    7. Ловил проблемы (тут уже не в платформе а в реализации сафари) именно в сафари если делаем display: flex, flex-direction: reverse, отваливается gap. Без реверса - всё гуд. На других реализациях таких проблем не встречал.
    8. Если ты попробуешь поиграть с параллаксом самописанным - получишь ачивку "слабоумие и отвага"
    Ответ написан
    3 комментария
    3 комментария

  • Что производительнее css + html или картинка PNG?

    @strelok011
    Лучший вариант был бы не канвас а svg
    Ответ написан
    Комментировать
    Комментировать

  • Как реализовать адаптивное обрезание многострочного текста?

    @strelok011
    Если опираться только на вебкитовские браузеры (нынче это все кроме ie11 и младше), то

    @media (max-width: 700px) {
.block-with-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
}
}

    -webkit-line-clamp: 3; - сколько строк оставлять
    https://caniuse.com/#search=line-clamp
    Ответ написан
    Комментировать
    Комментировать

  • Какую cms для сайта лучше выбрать?

    @strelok011
    Если уж подходить именно с точки зрения объединения реакта с cms, то от системы управления нужна только админка с бэкендом. Такие cms называются headless cms.
    https://habr.com/ru/post/444600/
    Ответ написан
    1 комментарий
    1 комментарий

  • Почему не работает мета тег Description?

    @strelok011
    Алгоритм анализа страниц поисковиками постоянно меняется с целью улучшить точность попадания описания страницы в ее содержание. И поисковики будут смотреть и на дескрипшн, и на микроразметку, и на содержимое тегов заголовков и подзаголовков.
    Ко всему выше перечисленному - алгоритмы секретные, SEO-конторы чуть ли не наощупь изучают, плюс рекомендации самих поисковиков.
    Ответ написан
    Комментировать
    Комментировать

  • Как мне стать middle-frontend?

    @strelok011
    Вот неплохой роадмап для понимания, что нужно знать специалисту по реакту для примера
    https://proglib.io/p/react-developer-2019
    Весьма неплохо покрывает необходимый стек.
    Меняете реакт на любой другой фреймворк, актуализируете библиотеки и технические нюансы, дерево в целом останется актуальным.

    По поводу обучения - идите в любую студию падаваном.
    Отличие самостоятельного изучения от работы в команде - в команде всегда найдется специалист, готовый поделиться кратчайшим путем решения проблемы. Плюс - боевые задачи крайне способствуют закреплению материала в отличие от сферических коней в вакууме.
    Ответ написан
    Комментировать
    Комментировать

  • Можно ли через панель разработчика найти нужный html-файл?

    @strelok011
    Нет. Нельзя.
    Результирующий html код может быть приготовлен на лету на стороне сервера или на стороне клиентского браузера.
    Если на стороне сервера - будьте уверены, он будет разделен на отдельные фрагменты, снабжен условиями и бизнес-логикой, наполнением информацией в цикле из базы данных и проч. Найти статичный html, который раздается с сайта - в настоящее время практически не реально.
    Ответ написан
    1 комментарий
    1 комментарий