В данном уроке по верстке я рассмотрю простой, но иногда полезный «пустой» :empty селектор. Он является псевдо-классом, как и свойство CSS hover, о котором рассказывал в другом блоге. По определению селектор :empty соответствует любому элементу, у которого нет никаких дочерних объектов – будь то другие элементы или текст (в том числе и пробелы). При этом разные комментарии и CSS-содержимое игнорируются, т.е. не влияют на определение «пустоты» элементов.
В веб-разработке бывают моменты, когда ты, вроде бы, все делаешь правильно, но глюк на сайте не проходит. Кэш браузера – наверное, один из самых популярных подобных нюансов. Недавно я столкнулся с некой вариацией этой проблемы – оказывается Chrome и остальные веб-браузеры, кэшируют информацию о редиректах. Так что, если вы настраиваете 301 редирект, а ничего не происходит, возможно, проблема именно в этом. Сегодня разберемся как очистить кэш редиректов Google Chrome без удаления всех данных.
У каждого браузера есть свои предустановленные правила оформления веб-страниц и элементов на них (user agent stylesheet), подключаемые автоматически по умолчанию. Тем не менее, большинство верстальщиков при создании нового проекта добавляет в него специальный файл Reset CSS, который осуществляет полное обнуление CSS стилей и позволяет разработчикам творить с «чистого листа». Почему и как это все делается — разберу в текущей статье.
В сети есть немало статей про секретные фишки инструмента Chrome Developer Tools для разработчиков, а недавно я нашел заметку по теме, ориентированную на дизайнеров. Ее преимущество в том, что там описывались весьма простые действия: изменение цвета, классов, текста на странице и т.п. Мне кажется это более практичная и полезная информация как новичкам в верстке, так и тем, кто регулярно с ней работает. Лично я 90% из этих примеров активно юзаю, а вот «секреты» — не особо. В сегодняшней публикации поделюсь частью своих наработок и другими полезными функциями.
В последних версиях браузера Firefox при заходе на любой сайт с HTTPS соединением я получал один и тот же код ошибкиSEC_ERROR_UNKNOWN_ISSUER (Ваше соединение не защищено). В ее описании было сказано, что владелец проекта некорректно настроил HTTPS либо здесь используется недействительный сертификат. Для теста я решил посетить страницы Инстаграма, Facebook, Твиттера, и каким же было мое удивление, когда они демонстрировали аналогичный результат. Серьезно? Мне казалось, этим веб-ресурсам и их разработчикам однозначно можно доверять… Но, видимо, в Firefox думают по другому. Пришлось разбираться с данным вопросом.
Когда-то очень давно я писал про инструмент Preview Tool для Adsense, который позволял просматривать URL линки на сайты заказчиков рекламы, менять цвета оформления и др. Если честно, не знаю, поддерживается ли он теперь, поскольку времени с тех пор прошло ну очень много. К тому же, сейчас существует более современное приложение по работе с контекстом гугла — это Chrome плагин под названием Google Publisher Toolbar. О нем сегодня и пойдет речь, штука простая, но весьма эффективная.
Сбор и группирование запросов, по которым будет продвигаться сайт (так называемое семантическое ядро) — этап очень важный, так как от него зависит успешность раскрутки, а также структура и контент проекта. При составлении используются специальные сервисы статистики поисковых систем. В частности для Яндекса — это Wordstat. Собирать оттуда данные вручную долго, поэтому оптимизаторы применяют специальные программы/сервисы. О парочке из них сможете прочитать ниже.
Продолжая работать и размышлять над адаптивным дизайном блога я столкнулся с необходимостью просмотра сайта на разных разрешениях экрана. С развитием смартфонов и появлением множества разных размеров экранов полезно просмотреть как будет выглядеть ваш сайт на том или ином устройстве. Для решения этой задачи есть несколько вариантов. Для просмотра сайта на компьютере при меньших разрешениях нежели ваш…
Несколько дней назад на Серче один оптимизатор опубликовал тему с обсуждением резкого падения позиций в выдаче по своему проекту. Трафик с Яндекса снизился в 7 раз, но логичных предпосылок для такой ситуации вроде как и не было. Платон ответил, что причина пессимизации в ссылках с редиректом на сайты смс-мошенников. Казалось бы, все предельно ясно, только вот…
В одном из постов Хабра я увидел описание какого-то веб-проект с десятком-другим его скриншотов в разных браузерах и OS. Меня сразу же заинтересовал инструмент, делающий такие интересные подборки. Ссылка в статье привела на CrossBrowserTesting. Сервис позволяет производить около 1000 разных комбинаций при анализе сайта, используя разные операционные системы, разные браузеры и установленные в них плагины.…
Вероятно, корпорации Google не давал покоя успех популярных игровых сервисов по типу Steam, поэтому разработчики решили создать собственный проект для активно растущей аудитории геймеров. Однако они не пошли по пути магазина игр, а решили сделать что-то более инновационное и революционное. Называется проект Google Stadia. Если говорить вкратце, то это «виртуальная» платформа для игр, которая приравнивается к консоли…
В данном уроке по верстке я рассмотрю простой, но иногда полезный «пустой» :empty селектор. Он является псевдо-классом, как и свойство CSS hover, о котором рассказывал в другом блоге. По определению селектор :empty соответствует любому элементу, у которого нет никаких дочерних объектов – будь то другие элементы или текст (в том числе и пробелы). При этом разные комментарии и CSS-содержимое игнорируются, т.е. не влияют на определение «пустоты» элементов.
В веб-разработке бывают моменты, когда ты, вроде бы, все делаешь правильно, но глюк на сайте не проходит. Кэш браузера – наверное, один из самых популярных подобных нюансов. Недавно я столкнулся с некой вариацией этой проблемы – оказывается Chrome и остальные веб-браузеры, кэшируют информацию о редиректах. Так что, если вы настраиваете 
У каждого 
В сети есть немало статей про секретные фишки инструмента Chrome Developer Tools для разработчиков, а недавно я нашел заметку по теме, ориентированную на дизайнеров. Ее преимущество в том, что там описывались весьма простые действия: изменение цвета, классов, текста на странице и т.п. Мне кажется это более практичная и полезная информация как новичкам в 
В последних версиях браузера Firefox при заходе на любой сайт с HTTPS соединением я получал один и тот же код ошибки SEC_ERROR_UNKNOWN_ISSUER (Ваше соединение не защищено). В ее описании было сказано, что владелец проекта некорректно настроил HTTPS либо здесь используется недействительный сертификат. Для теста я решил посетить страницы Инстаграма, Facebook, Твиттера, и каким же было мое удивление, когда они демонстрировали аналогичный результат. Серьезно? Мне казалось, этим веб-ресурсам и их разработчикам однозначно можно доверять… Но, видимо, в Firefox думают по другому. Пришлось разбираться с данным вопросом. 
Когда-то очень давно я писал про инструмент 
Сбор и группирование запросов, по которым будет продвигаться сайт (так называемое 