Ответы пользователя по тегу CSS
  • Настройка окружения для front end?

    sompylasar
    @sompylasar
    Frontend Software Engineer
    Зависит от того, собираетесь вы делать сайт (то есть с большим количеством доступного для поисковиков контента, верстки, дизайна, с небольшим повторным использованием компонентов и небольшим интерактивом в целом) или веб-приложение (с большим количеством интерактива, обычно за авторизацией, с большим количеством повторно используемых компонентов).

    Для веб-приложений могу порекомендовать https://github.com/facebookincubator/create-react-app с подключенным https://www.npmjs.com/package/custom-react-scripts... – этот комплект даст быстрый старт в сборку статичного React-приложения с SASS- и CSS-модулями (БЭМ-классы генерируются автоматически, стили принадлежат компонентам). Можно прикрутить его к любому бэкенду, если требуется, но он не даст необходимого для контент-нагруженного сайта: нет генерации полной разметки на сервере. Здесь перечислены некоторые альтернативы: https://github.com/facebookincubator/create-react-...

    Не сочтите за саморекламу, но недавно рассказывал о том, как думать компонентами – может, пригодится:
    1. https://www.slideshare.net/IvanBabak/think-compone...
    2. https://www.slideshare.net/IvanBabak/think-compone...
    Ответ написан
    Комментировать
  • Как защитить изображения от PrintScreen?

    sompylasar
    @sompylasar
    Frontend Software Engineer
    Без JS можно переключать части картинок CSS-анимацией.

    Без нагрузки на браузер только два варианта: испортить картинку (watermark или качество), либо требовать авторизации (с отправкой расшифрованного содержимого только авторизованным пользователям, возможно, с личным watermark'ом).

    Насчет перехвата клавиши Print Screen -- это не сработает, существует огромный набор других способов сделать снимок экрана и веб-страницы. Вплоть до расширений браузера, которые средствами браузера рисуют всю страницу на canvas и забирают с него растр.
    Ответ написан
    Комментировать