Верстка \ CSS 3

Псевдоэлементы before и after в CSS

От автора: полагаю, многим из вас знакомы псевдоэлементы, которые можно получить и стилизовать с помощью before и after в CSS. Часто их используют для оформления списков, элементов меню на списках, цитат и т.д. В этом уроке будет показан еще один интересный вариант использования псевдоэлементов, который можно применить для «битых» изображений.

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

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

Поисковую выдачу Google штормит, как во время крупного апдейта

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

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

Верстка \ CSS 3

Единицы измерения контейнерных запросов CSS

От автора: несколько дней назад я увидел твит Мириам Сюзанн о поддержке единиц измерения запросов CSS. Первоначально это было предложено Уной Кравец на Github. Я не мог не поэкспериментировать с ними и посмотреть, как мы можем получить еще больше преимуществ от контейнерных запросов CSS.

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

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

9 рекомендаций по оптимизации производительности front-end

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

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

Премиум \ Фреймворки \ Интернет-магазин на Laravel

Интернет-магазин на Laravel

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

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

Javascript & Ajax \ React

5 методов оптимизации производительности React

От автора: Оптимизация производительности приложений является ключевым моментом для разработчиков, которые заботятся о том, чтобы оценка пользователей оставалась положительной и чтобы они продолжали пользоваться приложением.

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

Javascript & Ajax \ React

Виртуализация больших списков данных с помощью React-Window

От автора: рендеринг большого набора данных в DOM без правильных инструментов может быть довольно затратным, так как это отрицательно сказывается на производительности веб-страницы; замедляет время выполнения, сетевые запросы и производительность памяти. В этом руководстве мы рассмотрим, как визуализировать большой объем данных из внешнего API или фиктивного файла данных в нашем приложении.

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