Верстка \ CSS 3

Функция CSS для усечения многострочного текста была реализована в Firefox

От автора: когда свойство -webkit-line-clamp применяется к блоку текста (например, абзацу), текст можно ограничить указанным количеством строк (1 или более), и в конец последней видимой строки добавить многоточие (…). Таким образом, вы можете с помощью CSS скрыть текст, выходящий за блок.

Продолжить чтение

Верстка \ CSS 3

Мигающий текст на CSS

От автора: для того чтобы привлечь внимание посетителей к некоторым областям сайта, используют различные приемы: выделение блока цветной рамкой, используют выделяющийся фоновый цвет или фоновую картинку, выделяют заголовки и так далее. Очень хорошо привлекает внимание мигающий текст.

Продолжить чтение

Сайтостроение \ Новости

Джон Мюллер: цикл видео SEO Mythbusting предназначен для веб-разработчиков

От автора: Джон Мюллер поделился мнением об основных сигналах SEO, которые были озвучены в первом ролике из цикла «SEO Mythbusting». Он считает, что приведенные его автором советы предназначены, прежде всего, для веб-разработчиков.

Продолжить чтение

Верстка \ CSS 3

Правила CSS, которые сделают вашу жизнь проще

От автора: после нескольких лет написания и поддержки нескольких очень больших веб-проектов и множества более мелких, я разработал некоторую эвристики для написания поддерживаемого CSS. Я использовал для именования BEM, SMACSS и CSS Modules, хотя эта статья сама по себе не посвящена именованию. (Я склонен использовать сочетание атомарных классов и именования BEM.) Эта статья о полезных правилах написания CSS, о свойствах и значениях, которые я использую или которых избегаю.

Продолжить чтение

Web-программирование \ PHP

Создавайте красивые формы с помощью PHP Form Builder

От автора: если вы являетесь разработчиком PHP, создание форм, валидация данных форм и управление сессиями PHP, вероятно, являются неотъемлемой частью вашей работы. Все эти задачи, хотя и довольно повторяющиеся, требуют много времени и внимания, особенно если вы заботитесь о лучших практиках, касающихся дизайна и безопасности.

Продолжить чтение

Сайтостроение \ Новости

Для мобильных сниппетов Google требуется соответствующий логотип сайта

От автора: иконка сайта в мобильной выдаче Google должна соответствовать целому ряду критериев. Иначе его значок не будет отображаться в результатах поиска.

Продолжить чтение

Сайтостроение \ Ускорение сайта

Оптимизация изображений для сайта: влияние на оценку производительности Google

От автора: оптимизация изображений для сайта играет одну из важнейших ролей. Google обращает внимание на производительность больше, чем когда-либо прежде. Производительность является фактором ранжирования в органическом и платном поиске (Google, 14 января 2019 г.). Производительность сайта напрямую влияет на показатели вашего бизнеса (Test My Site от Google). Google измеряет производительность с помощью специальной оценки производительности.

Продолжить чтение

Javascript & Ajax \ Javascript

Javascript Array.push в 945 раз быстрее, чем Array.concat

От автора: если вы объединяете массивы с тысячами элементов, вы можете сэкономить секунды, используя arr1.push(…arr2) вместо arr1 = arr1.concat(arr2). Если вы действительно хотите работать быстрее, вы можете написать собственную реализацию для объединения массивов. Давайте разберемся, какими преимуществами обладает Javascript Array push.

Продолжить чтение

Премиум \ PHP \ Редактор кода IDE PhpStorm

Редактор кода IDE PhpStorm

От автора: в предыдущем уроке мы установили IDE PhpStorm и теперь можем приступить к настройке редактора для дальнейшей комфортной работы. И первое, что мы сделаем, это узнаем, как изменить внешний вид редактора, изменить его цветовую схему, иными словами оформление. Для этого в PhpStorm есть всевозможные темы. Из урока вы узнаете, как изменять внешний вид редактора, устанавливая понравившиеся темы для PhpStorm.

Продолжить чтение