![[Перевод] 58 байтов CSS, которые выглядят красиво почти где угодно](https://habrastorage.org/webt/s0/ff/uo/s0ffuogysyvmyndydzd_2hizkja.png)
При создании своего веб-сайта я хотел найти простой и разумный способ сделать его красивым на большинстве дисплеев. Для моих задач подошли следующие 58 байтов: main { max-width: 38rem; padding: 2rem; margin: auto;} Давайте их разберём. Читать дальше →
Подробнее
HitBox — это чаще всего невидимая область или группа областей, которая помогает обнаруживать коснулся ли объект другого объекта, у которого тоже есть свой хитбокс. В HTML страницах изначально нет понятие хитбокса у блоков, поэтому в этом посте мы сами получим и обработаем их с помощью JS. Читать далее
Подробнее
Хорошего дня, Хаброжители! Новое издание бестселлера описывает как клиентские, так и серверные аспекты веб-разработки. Книга, наполненная ценными практическими советами и подробным теоретическим материалом, поможет вам освоить динамическое веб-программирование с применением самых современных технологий. Для закрепления усвоенных знаний автор расскажет, как создать полнофункциональный сайт, работающий по принципу социальной сети. • Изучите важнейшие аспекты языка PHP и основы…
Подробнее
По классике, гостиницы и отеле все размещаются на Booking, Ostrovok, Tripadvizor, Hotels.ru, Airbnb.ru и прочих агрегаторах и системах бронирования, чтобы номера не стояли пустыми. За это, отели платят комиссию 15-25 % с каждой брони сервисам. Большинство уверенно, что SEO это низкоэффективный канал для продвижения сайтов гостиниц. Так ли это, сегодня поделюсь опытом SEO продвижения одного отеля рассказав о проблемах сайта, особенностях ниши и каких результатов удалось добиться за три
Подробнее![[Перевод] Провал Tailwind, инструмента для невежд](https://habrastorage.org/webt/4u/f9/rk/4uf9rkz5n2vzqnbkj2yiw_6-vm8.png)
Привет, Хабр! Не так давно в нашем блоге вышел перевод статьи «Взлет и падение Bootstrap». Как указали в комментариях наши читатели, вскоре после публикации оригинального материала на Medium, на том же ресурсе появилось и опровержение. Чтобы вы могли оценить обе точки зрения, публикуем перевод этой статьи. Поскольку материал получился крайне объемным, мы решили разбить статью-опровержение на две части. По традиции, будем рады вашим комментариям и дополнениям! Позиция редакции может не
Подробнее
Задача заголовка — привлекать внимание, и для этого многие эффекты хороши. В прошлый раз мы перевели статью о градиентах, теперь предлагаем рассмотреть ещё несколько фишек. Читать далее
Подробнее
Игра Жизнь - это клеточный автомат созданный в 1970 году Джоном Конвеем. Это не совсем игра, а просто симуляция клеток по определенным правилам.От игрока лишь требуется размещать эти клетки. В этом посте мы сделаем "Игру Жизнь" на HTML странице при помощи CSS & JS. Читать далее
Подробнее
Одним днем возникла необходимость добавить в проект генерацию коротких css классов и id элементов в html верстке. Основные причины были следующие: * Усложнить жизнь парсерам и блокировщикам рекламы (они зачастую на имена классов опираются). * Уменьшить размер html страниц * И чтобы все было как у Google, шутка 😄 Очевидно, что минификация классов и id полностью не защитит от парсеров, как говорится, лучшая защита от парсинга – удалить страницу из интернета. Но данный подход может…
Подробнее
Сказ про то, как повысить надежность фронтенда с помощью CSS Modules, TypeScript и Webpack. Читать далее
Подробнее
В этой статье я расскажу, как и для чего, на одном из своих проектов, мы прикрутили новую возможность Next.js – On-Demand ISR (инкрементная статическая регенерация по запросу). Читать далее
Подробнее
Подготовили для вас подборку бесплатных курсов и тренажеров обучения для веб-разработке с нуля. Также на нашем сайте есть раздел со всеми платными курсами по web-разработке и отзывами о них — https://katalog-kursov.ru/courses/kursy_po_web_razrabotke/ Для начинающих, не надо проходить сразу все курсы) Выберете внимательно какой вам больше подходит и начните его проходить. Читать далее
Подробнее
Добавлем шаблон микроразметки в каждую новость на DLE. Подключаем отдельный файл шаблона, для этого нужно добавить в шаблон полной новости fullstory.tpl следующий код: {include file="custom/schemas/article.tpl"} Это вообще что такое? Schema.org — это стандарт семантической разметки данных в сети, объявленный поисковыми системами Google, Bing и Yahoo! летом 2011 года. Цель семантической разметки – сделать интернет более понятным, структурированным и облегчить поисковым системам и
Подробнее