15 признаков хорошего сеошника для тех, кто не разбирается в SEO

15 признаков хорошего сеошника для тех, кто не разбирается в SEO

Ищете услугу или уже сотрудничаете, но сомневается? Есть много статей с кучей текста, критериев, таблиц. Но даже я как сеошник не всегда могу их дочитать. Постараюсь на пальцах рассказать на что смотреть, когда вам предлагают продвижение сайта. Читать далее

Подробнее
[Перевод] Starting Electronics: руководство по веб-серверам на Arduino. Часть 10. Введение в CSS

[Перевод] Starting Electronics: руководство по веб-серверам на Arduino. Часть 10. Введение в CSS

От переводчика. Автор даёт ещё один ключ для понимания того, как работают веб-технологии и на простом примере объясняет принцип работы каскадных таблиц стилей (CSS). После прохождения этого урока вам станет доступным самостоятельное оформление страниц вашего Arduino веб-сервера и после некоторой тренировки вы сможете создавать свои собственные шедевры веб-дизайна. Читать дальше →

Подробнее
Интересные трюки HTML, CSS и JS

Интересные трюки HTML, CSS и JS

Здесь вы найдёте небольшую подборку нестандартных вариантов использования HTML/CSS/JS. Если информация окажется полезной, будем собирать эти хаки на постоянной основе и публиковать по мере накопления. Примечание. Некоторые трюки основаны на открытых уязвимостях браузеров и поисковой системы Google и др. Поэтому могут перестать работать в ближайшее время (или продолжат, если разработчики не признают баги и не захотят их исправлять). Другие функции работают только начиная с конкретных

Подробнее
Как мы в SM Lab сделали редизайн системы «Оценка вклада»

Как мы в SM Lab сделали редизайн системы «Оценка вклада»

Привет! Меня зовут Сергей Топунов, я фронт-разработчик в SM Lab. Недавно мы сделали редизайн одной из наших внутренних систем, о чем я и хочу вам сегодня рассказать. «Оценка вклада» — это внутренняя Backoffice-система, которая нужна для регулярной оценки сотрудников. Она позволяет отметить точки роста, рабочий прогресс коллег, а также получить отзыв от других сотрудников. Основная задача, которая стояла перед нашей командой, заключалась в том, чтобы качественно и за ограниченное время…

Подробнее
Оптимизация и продвижение сайтов на JS

Оптимизация и продвижение сайтов на JS

Популярность JavaScript фреймворков среди разработчиков растет, и появляется все больше сайтов, использующих эти фреймворке в работе. Поэтому все больше приходится работать по SEO с такими современными сайтами, и накапливается опыт их оптимизации. Такой опыт накапливается через большое количество ошибок, и в этой статье мы рассмотрим, как избежать таких ошибок. Иначе картина может быть такой (сайт после переноса на React JS): Читать далее

Подробнее
Шаблоны селекторов в автотестах Cypress: две полезные шпаргалки

Шаблоны селекторов в автотестах Cypress: две полезные шпаргалки

Привет, Хабр! В этой довольно краткой статье поделюсь двумя полезными шпаргалками для выбора элементов в автотестах Cypress. У меня давно были планы обобщить самые распространенные шаблоны CSS/jQuery селекторов, что собственно и послужило предпосылкой для создания двух таблиц с базовыми и расширенными шаблонами, а также примерами их использования. Читать далее

Подробнее
Расширение для скачивания видео с VK в один клик. Теперь и для desktop-а

Расширение для скачивания видео с VK в один клик. Теперь и для desktop-а

Всем привет! Недавно публиковал статью о создании браузерного расширения для скачивания любого видео загруженного во ВКонтакте в любом из доступных качеств. На тот момент всё ограничилось возможностью скачивания лишь с мобильной версии сайта, так как из неё проще всего вытащить прямые ссылки на .mp4 файлы. Вчера у меня всё же дошли руки до того, чтобы заставить расширение работать и на полной версии сайта. И вот как я это сделал. Читать далее

Подробнее
[Перевод] Фичи WebKit в Safari 16.4

[Перевод] Фичи WebKit в Safari 16.4

Сегодня мы рады рассказать вам о многочисленных дополнениях к WebKit, которые включены в Safari 16.4. Этот выпуск содержит 135 новых веб-функций и более 280 обновлений. Давайте посмотрим. Читать далее

Подробнее
Бесплатные SEO-инструменты: программы, сервисы и расширения

Бесплатные SEO-инструменты: программы, сервисы и расширения

Продвигать сайты в поисковых системах без профильных инструментов можно, но получится это не так эффективно как могло бы. Если вы начинаете свой путь в SEO и пока по какой-то причине не можете себе позволить качественные платные инструменты, то воспользуйтесь этой подборкой из 51 бесплатного. Каждый из них по-своему полезен, а иногда и ничем не хуже платных аналогов. В подборке рассматриваются как программы требующие установки на компьютер, так и онлайн-сервисы и расширения браузера, где…

Подробнее
[Перевод] Основные принципы маскирования в CSS

[Перевод] Основные принципы маскирования в CSS

В мире дизайна маскирование является популярной техникой реализации уникальных эффектов. Будучи дизайнером, я сам использовал эту технику много раз, но не очень часто в веб-среде. Думаю, что от её применения на сайтах меня удерживала недостаточная поддержка браузерами. Полноценно этот функционал поддерживается в Safari и Firefox, а вот в браузерах на движке Blink (Chrome и Edge) — лишь частично. Радует то, что тема CSS маскирования будет частью Interop 2023, а значит, вскоре можно

Подробнее
Этот смартфон должны были выдавать выпускникам курсов JavaScript — смотрим на Alcatel Fire E на базе FireFox OS

Этот смартфон должны были выдавать выпускникам курсов JavaScript — смотрим на Alcatel Fire E на базе FireFox OS

Веб-технологии давно и прочно вошли в нашу жизнь. Мы каждый день пользуемся уже ставшими привычными нам сервисами вроде социальных сетей или новостных сайтов. Браузер стал неотъемлемой частью современного смартфона, а некоторые приложения и вовсе полностью «переехали» в браузер, получив название PWA, хотя подавляющее большинство приложений всё ещё остаются нативными. Ребята из Mozilla как-то раз подумали: «отдельные PWA приложения это, конечно, круто, но почему бы не сделать мобильную

Подробнее
Работа с размерами изображений с помощью класса Uri в Joomla 4

Работа с размерами изображений с помощью класса Uri в Joomla 4

Парадокс, конечно, но это возможно. Казалось бы, причем тут класс ядра для работы со строками url. Но именно он может помочь нам в Joomla 4. Статья о том, как автоматически определять размеры файлов изображений для атрибутов width и height с помощью ядра Joomla 4 и не грузить сервер. Читать далее

Подробнее