• Почему при изменении css изменения не отображаются на сайте?

    Kiriniy
    @Kiriniy
    Графический и веб-дизайнер
    Запрос для поисковика — кэширование. Бывает как на стороне сервера, так и на стороне клиента. Решается внесением дополнительных инструкций или настроек сервера.

    Например, как один из вариантов, если вы будете добавлять к своему файлу ../main.css?v=1, а потом 2, 3 и тд. после каждого обновления файла, то, за редким исключением, всегда будет загружаться последняя версия независимо от кэширующей системы.
    Ответ написан
    2 комментария
  • Как рисовать перспективу дома?

    Kiriniy
    @Kiriniy
    Графический и веб-дизайнер
    Да, а тут, внезапно, двухточечная.

    5f7f2d975f316743029000.png

    А вообще, в люстре есть готовые сетки. В меню View -> Perspective Grid -> Two Point... (ну там на выбор).
    Ответ написан
    1 комментарий
  • Чем нарисовать доллар с нуля?

    Kiriniy
    @Kiriniy
    Графический и веб-дизайнер
    Можно кругами, но зачем? Напечатайте шрифтом, переведите в кривые и редактируйте как хотите.
    Ответ написан
    1 комментарий
  • Брейкпойнты в верстке?

    Kiriniy
    @Kiriniy
    Графический и веб-дизайнер
    32 до 768, 42 до 1140, а дальше 52.
    Ответ написан
    Комментировать
  • Какие есть сервисы, что увеличить разрешение фотографии?

    Kiriniy
    @Kiriniy
    Графический и веб-дизайнер
    Такие сервисы конечно есть и все последние наработки в этом направление построены на нейронках. Попробуйте начать с поисковика по словам photo resolution quality enlarge upscale online например. Некоторые довольно классно, в общем-то как вы и выразились, дорисовывают пиксели. Мне особенно нравятся работы Дениса Ширяева и его нейроной сети по обработке старых, даже можно сказать древних, видео до 4k.
    Ответ написан
    Комментировать
  • Что делать если PHP скрипт не запускается из HTML файла?

    Kiriniy
    @Kiriniy
    Графический и веб-дизайнер
    Лучше использовать php в файлах с расширением php, но если, зачем-то, он нужен в файлах html, то надо удостовериться в верных настройках сервера и морально подготовить Apache к возможности встретить php там, где он его не ждёт. Откройте или создайте конфиг .htaccess в корне своего проекта и добавьте туда инструкцию:

    AddType application/x-httpd-php .html
    Ответ написан
    Комментировать
  • Почему не работает переключатель право/лево?

    Kiriniy
    @Kiriniy
    Графический и веб-дизайнер
    А он и не должен работать. Можно конечно реализовать некое подобие карусели на чистом CSS, но вообще этими делами занимается JS. Скажем, на сайте mcpehub.org от куда вы взяли этот свой блок, это реализовано, как я понимаю, с помощью популярного слайдера Slick. В принципе, вы можете его и прикрутить.
    Ответ написан
    Комментировать
  • Как применить скаченный текстовый эффект к своему тексту в Photoshop?

    Kiriniy
    @Kiriniy
    Графический и веб-дизайнер
    Посмотрел. Это смарт-объект. Просто два раза тыкните на иконке слоя, который так и называется «два раза тыкните в меня» на английском. Там два слоя, один с текстом, который вы можете поменять, заменив при этом и шрифт. И второй, с эффектом капель и разводов. В принципе, можете хоть от руки там написать что-нибудь инструментом кисть.

    Пример
    5f6f3cfd24c08832344673.png

    А дальше просто закрываете, вам предложат сохранить изменения и смарт-объект обновится. Потом уже получившиеся можете смерджить или просто сохранить png и добавить куда вам надо.
    Ответ написан
    Комментировать
  • Почему HTML выводит то что ему за благо рассудиться?

    Kiriniy
    @Kiriniy
    Графический и веб-дизайнер
    1. У элементов должны быть уникальные id и что-бы, как вы в комментариях к вопросу, не копировать стили меняя только имя, используют классы. Например:
    <a class="a" href="/AUTH-2/Log_In">Войти</a>
    <a class="a" href="/AUTH-2/Sign_In">Регистрация</a>
    <a class="a" href="/AUTH-2/Sign_Out">Выйти</a>


    2. И в css тоже меняете на класс. Кстати, есть html атрибут align, но нет такого свойства css.

    body {
        background: url(https://html5book.ru/wp-content/uploads/2015/10/background54.png)
    }
    footer {
        background: #AAAAAA;
    }
    .a {
        text-decoration: none;
        outline: none;
        display: inline-block;
        margin: 10px;
        color: white;
        box-shadow: 0 0 0 2px white;
        padding: 20px 0;
        width: 150px;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 3px;
        position: relative;
        overflow: hidden;
    }
    .a span {
        font-family: 'Montserrat', sans-serif;
        position: relative;
        z-index: 5;
    }
    .a:before, .a:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }
    .a:before {
        transform: translateX(-100%);
        background: white;
        transition: transform .3s cubic-bezier(.55, .055, .675, .19);
    }
    .a:after {
        background: #413ad5;
        transform: translateX(100%);
        transition: transform .3s cubic-bezier(.16, .73, .58, .62) .3s;
    }
    .a:hover:before, .a:hover:after {
        transform: translateX(0);
    }


    3. Вероятно, вы планировали обернуть содержимое ссылок в span, который имеется в стилях и что бы слова оказались поверх псевдоэлементов, но забыли.

    <a class="a" href="/AUTH-2/Log_In"><span>Войти</span></a>
    <a class="a" href="/AUTH-2/Sign_In"><span>Регистрация</span></a>
    <a class="a" href="/AUTH-2/Sign_Out"><span>Выйти</span></a>
    Ответ написан
    1 комментарий
  • Сдача сайта. Как равильно разархивировать?

    Kiriniy
    @Kiriniy
    Графический и веб-дизайнер
    HTML — разметка данных для браузера (это текст, а это картинка, а это кнопка и тд) и любой сайт либо сразу на нём, либо преобразуется в него для вывода в браузер. Папка js означает лишь наличие папки js. Но, как правило, в ней обычно лежат какие-то js-скрипты или библиотеки используемые на сайте.

    Если сайт сделан без использования серверных языков, то просто найдите файл index.html или какой-нибудь файл с таким расширением (html или htm в конце после точки) и кликните. Каждый такой файл — одна страница сайта. Откроется ваш браузер с этой страницей и готово дело.

    Ну а если вы не видите файлов с таким расширением, а есть например файлы c php в конце, то это уже проблемка и нужно поднимать сервер с поддержкой того языка, на котором писался сайт.
    Ответ написан
    Комментировать
  • Как обнулить margin у первого элемента переноса?

    Kiriniy
    @Kiriniy
    Графический и веб-дизайнер
    А нельзя вместо .filter__btn-category+.filter__btn-category просто отступ в другую сторону?

    .filter__btn-category {
      margin-right: 20px;
    }
    Ответ написан
    1 комментарий
  • Как запретить индексацию реф ссылок в robots.txt (дублей)?

    Kiriniy
    @Kiriniy
    Графический и веб-дизайнер
    В robots ничего. Добавьте в <head> тег <link> с атрибутом rel="canonical" на ваш лендинг и он укажет на каноническую страницу и консолидирует дубли url на неё. Ну и в целом почитайте про этот атрибут.

    <link rel="canonical" href="//example.ru/landing">
    Ответ написан
    Комментировать
  • Как задать Css медиа запросы только для iphone?

    Kiriniy
    @Kiriniy
    Графический и веб-дизайнер
    Если прямо нету возможности сделать более универсальную вёрстку и всё вот так вот серьёзно, то я бы, пожалуй, подключал бы к странице отдельный css-файл по юзерагенту например. Что-то вроде этого:

    Общий css-файл:

    .class {height: 100vh;}

    Файл стилей для iPhone:

    .class {height: calc(100vh - 60px);}

    jQuery скрипт на страницах:

    var device = navigator.userAgent.toLowerCase();
    var apple = device.match(/iphone|ipad|ipod/);
    
    if (apple) {
        $( "head" ).append( '<link type="text/css" rel="stylesheet" href="apple.css">' );
    
        // Или если нужен только один класс без файла
    
        $( "head" ).append( '<style>.class {height: calc(100vh - 60px);}</style>' );
    }
    Ответ написан
    Комментировать
  • Как подключить стили из динамической шапки для страницы в папке?

    Kiriniy
    @Kiriniy
    Графический и веб-дизайнер
    Во-первых, уберите скобки. И если вы подключите так, то уже на следующем уровне вложенности путь окажется неверным. Лучше от корня или относительно html-тега base. Например, у вас в корне папка css и style.css в ней:

    Любая страница:
    <html lang="">
      <head>
        <base href="//example.ru/"> //слеш в конце важен
    
        ...

    Ваш footer.php:

    <link type="text/css" rel="stylesheet" href="css/styles.css">


    Таким образом все страницы, где-бы они сами не находились, будут искать папку css и style.css в ней всегда в едином месте — в корне сразу после домена. Правда, у каждой их этих страниц уже может отличаться путь до самого footer.php и других блоков, если они есть. Тут можно использовать $_SERVER['DOCUMENT_ROOT'], но могут быть проблемы, если у вас сайт на локальном сервере лежит не в корне, а в папке проекта, а можно, как вариант, добавить в начале всех страниц переменную, что б править только в одном месте. Например, вставки лежат в корне в папке inc и у нас есть страница на несколько уровней глубже. Скажем estheticlive.ru/price/deeper

    <?php $inc_path = '../../inc/'; ?>
    
    <!DOCTYPE HTML>
    
    <html lang="ru">
      <head>
        <base href="//estheticlive.ru/">
    
        <?php include $inc_path . 'head.php';?>
    
      </head>
    
      <body>
        <?php include $inc_path . 'footer.php';?>
      </body>
    </html>
    Ответ написан
  • Как найти иконки, которые используются в боковом меню битрикса?

    Kiriniy
    @Kiriniy
    Графический и веб-дизайнер
    Сами иконки, очевидно, в теге i на классах — значит точно в css. Посмотрите какие ещё файлы стилей подключены. Если какие-то большие файлы, можно поиском внутри файла по имени класса попробовать. А вообще, самое простое — открыть веб-инспектор/дев-тулс браузера на этих иконках и просто посмотреть откуда страница их берёт.
    Ответ написан
  • Какой инструмент для организации задач используете?

    Kiriniy
    @Kiriniy
    Графический и веб-дизайнер
    Основная проблема подмечена верно — на заполнение этого всего, особенно в начале использования, уходит больше времени, чем на саму работу. А главное — инструмент не так важен, как система.

    Я пробовал разные инструменты. От общепринятых, вроде Trello, до относительно мало известных, вроде Хаос-контроль и Solo. И разные системы, вроде квадрата Эйзенхауэра. В результате остановился на простейшей системе списков и родной аппловской программе «Напоминания», которая идёт из коробки на iOS и macOS. У меня 5 списков и я не делю задачи на рабочие, домашние и тд.

    • Сегодня (задачи из остальных списков или что-то срочное)
    • На неделе (отсюда беру задачи, если список «сегодня» внезапно опустел, а время есть)
    • В ожидание (недоделаные задачи, поставленные на паузу)
    • Напоминания (этот сам по себе, тут задачи с уведомлением, полить цветы, оплатить подписку и тд)
    • Входящие (список для сортировки, какие-то задачи могут лежать годами, разобрать какую-то папку и тд)


    В начале недели решаю какие и перетаскиваю задачи из «Входящих» и «В ожидание» в список «На неделе», а каждый день из него в список «Сегодня», но это если он пуст или ничего не делаю, если он ещё не опустел со вчера. Всё.

    Кстати, не так давно появился Columns и если бы он уже существовал пару-тройку лет назад, сразу выбрал бы его. Но, как уже сказал, инструмент не так важен как система, но выглядит приятно.
    Ответ написан
    Комментировать
  • Как корректно отобразить фон на всех устройствах в браузере?

    Kiriniy
    @Kiriniy
    Графический и веб-дизайнер
    iOS браузеры не поддерживают свойство background-attachment: fixed;.
    Либо убирайте его, если вам iPhone важны, либо я как-то давно тут отвечал что ещё можно сделать.
    Ответ написан
    Комментировать
  • Почему на iphone не открывается фоновое изображение?

    Kiriniy
    @Kiriniy
    Графический и веб-дизайнер
    Подозреваю, проблема в свойстве background-attachment: fixed;, которое iOS не поддерживает. Видимо, вам надо убирать его через JS при просмотре на iPhone или вообще отказаться.
    Ответ написан
  • Как в CSS указывать URL пути картинок относительно тега < base href=... >?

    Kiriniy
    @Kiriniy
    Графический и веб-дизайнер
    Никак, они не связаны. Тег base определяет пути для атрибутов href и src на самой странице. К вашему файлу css в частности. А вот внутри самого файла пути определяются уже относительно корня сайта (вариант 1) или его самого (вариант 2). Короче говоря, для первого варианта надо было бы указывать что-то вроде /sites/EtotSite/temlates/protostar/images/background.png, а для второго — класть папку images в папку css.

    Если картинки лежат в папке protostar/images, то в файле css вам нужно указывать необходимость выйти из папки css и вернуться на один уровень вверх url(../images/background.png)
    Ответ написан