Ответы пользователя по тегу HTML
  • Как лучше реализовать адаптивность такого блока?

    NN-webmaster
    @NN-webmaster
    Обожаю веб
    Сделайте флексом, тогда у вас не будет проблем, если высота или ширина блоков изменится в большую/меньшую стороны (до определённого предела).
    Ответ написан
    Комментировать
  • Сейчас все используют бутстрап при адаптивной вёрстке?

    NN-webmaster
    @NN-webmaster
    Обожаю веб
    Выбирать Bootstrap или нет — это задача исполнителя. Он хорош, если вам нужно быстро накидать прототип интерфейса, или сделать что-нибудь очень рядовое. Многие студии делают типовые проекты на нём — и у них это неплохо выходит. Но стоит помнить, что это лишь инструмент и только от того, кто его использует, зависит получившийся результат.
    Ответ написан
    7 комментариев
  • Как скачать Index.html из cms?

    NN-webmaster
    @NN-webmaster
    Обожаю веб
    Во многих CMS — контент генерируется динамически и файла index.html там быть не может. А может быть файл index.php. Не имея доступа по FTP, либо доступа в админку, вы сможете скопировать лишь сгенерированный HTML код, со стилями, картинками, js-скриптами (простите за тавтологию).

    Если вы хотите знать файловую структуру сайта, то у выше описанного Teleport Pro есть функция выкачивания сайта с сохранением структуры папок и файлов.
    Ответ написан
    Комментировать
  • Как включить кэширование на обычной html странице?

    NN-webmaster
    @NN-webmaster
    Обожаю веб
    Вариант 1
    Подключить кэширование на сервере, с помощью файла .htaccess (если сервер Апач). Либо, с помощью подобного специализированного файла для nginx.

    Вариант 2
    Воспользоваться мета-тегами
    <meta http-equiv="Cache-Control"...
    <!-- и -->
    <meta http-equiv="expires"...

    Говорят, что это сработает не во всех случаях.
    Ответ написан
    Комментировать
  • Как в CSS при создание паралелограмма текст не трогать?

    NN-webmaster
    @NN-webmaster
    Обожаю веб
    Как-то так:
    https://jsfiddle.net/573mj412/1/

    То есть вы обрамляете внутренности в элемент и поворачиваете его на то же количество градусов, только в обратную сторону.
    Ответ написан
    Комментировать
  • Как поменять цвет img при hover?

    NN-webmaster
    @NN-webmaster
    Обожаю веб
    Действительно, просто поменять цвет с помощью CSS никак. Единственный вариант, если вы хотите прослыть знатным извращенцем, то можете попробовать при наведении задавать блоку абсолютную позицию, смещать его за пределы экрана, а на его месте оставлять тень, заданную с помощью фильтров. Предупреждаю, прокатит не со всеми картинками.

    https://jsfiddle.net/4sx29vbr/

    А так - спрайты, иконочные шрифты как посоветовали выше.
    Ответ написан
    Комментировать
  • Что изучать дальше?

    NN-webmaster
    @NN-webmaster
    Обожаю веб
    Следует хорошо подумать, прежде чем становиться fullstack-разработчиком, потому что, если сейчас у вас в голове бардак, то когда вы начнёте изучать back-end, бардака станет в N раз больше.

    Я бы порекомендовал сейчас ненадолго остановиться, ещё раз пройтись по всем своим знаниям. Сделать для себя какой-нибудь небольшой проект, пусть даже в стол, используя новые умения.

    Как сказал Андрей, можно пофрилансить, но на фрилансе есть шанс просто уйти с головой в рутинную работу. Деньги это вам приносить будет, но профессиональное развитие притормозит (опять же, смотря за какие проекты браться).

    Однако, там есть такой момент. Я сталкивался с двумя типами ситуаций фрилансеров. Одни погружались в рутину и спустя какое-то время сильно отставали в развитии как программисты, как верстальщики, даже как SEO-шники. Когда ты в сотый раз натягиваешь шаблон на WP, тебе уже лень искать новые подходы и методы. С другой стороны, фрилансер брался за очень сложный для себя проект, изучал технологии уже в процессе работы над проектом, из-за этого его знания он получал, но они были обрывочны и не структурированы. Это тоже не есть хорошо.

    Можете отточить свои навыки вёрстки, перед тем как бросаться в хардкорный JS с фреймворками — это не сложно. SVG, анимация, флексы, сетки, иконочные шрифты, разные продвинутые CSS-штуки — это всё весело и ненапряжно.
    Ответ написан
  • Как сделать одинаковое отображение верстки на различных мониторах?

    NN-webmaster
    @NN-webmaster
    Обожаю веб
    Добавлю про картинки под ретину. Фотографии и прочие сложные растровые изображения можете использовать в обычном и х2 размерах, а иконки делать с помощью SVG. Также, если вам не нужны какие-либо нестандартные иконки, то можете освоить иконочный шрифт Font Awesome - очень классная вещь.
    Ответ написан
    Комментировать
  • Как правильно выровнять последний flex элемент?

    NN-webmaster
    @NN-webmaster
    Обожаю веб
    Если у вас у дочерних элементов фиксированная ширина, то задайте им свойство flex с их шириной.

    Вот, как-то так — https://jsfiddle.net/jrLkybfe/
    Ответ написан
    Комментировать