Основное

Полное руководство по CSS Flex + опыт использования

Как и CSS Grid, Flex Box довольно сложен, потому что состоит из двух составляющих: контейнера и элементов внутри него. Когда я начал изучать Flex, я хотел увидеть все, на что он способен. Но мне не удалось найти подробное руководство с примерами всех возможностей. Поэтому я решил самостоятельно...

19 апреля 2021 0 12 Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании ITSOFT, Разработка веб-сайтов, CSS, Браузеры, css, flexbox, flex, верстка, сетка,

Дайджест свежих материалов из мира фронтенда за последнюю неделю №463 (12 — 18 апреля 2021)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →...

18 апреля 2021 0 11 Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов, CSS, JavaScript, HTML, дайджест, фронтенд, css, js, es6, vue, react, angular, html5, браузеры, ссылки,

[recovery mode] Гарантии в SEO — миф! Или кто “что” обещает, и кто “что” реально может выполнить

Есть ли гарантии в SEO? При продвижении сайта 100% эффективный результат не способно обеспечить ни одно, даже самое известное агентство. Но пообещать это может каждый. Нередко на сайте подрядчика можно увидеть: «выведение в топ-3 за месяц», «обеспечим вечные позиции в топе» и пр. Клиенты зачастую...

16 апреля 2021 0 29 SEO на Хабрахабре, seo, habrahabr.ru, Поисковые технологии, seo оптимизация, seo-продвижение, seo,

[Перевод] Какие CSS-генераторы можно использовать в 2021 году

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

16 апреля 2021 0 32 Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании VDSina.ru, Разработка веб-сайтов, CSS, css, css-генераторы,

[Перевод] CSS: работа с текстом на изображениях

Вы можете встретить компонент пользовательского интерфейса, у которого есть текст над изображением. В некоторых случаях в зависимости от используемого изображения текст будет трудно прочитать. У этой проблемы есть несколько различных решений, таких как добавление градиента или затемнение...

15 апреля 2021 0 18 Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании SkillFactory, Веб-дизайн, Firefox, Разработка веб-сайтов, CSS, skillfactory, css, текст, градиент, w3c, доступность, веб-дизайн, firefox, devtools, контраст,

Малоизвестные, но крутые атрибуты в HTML

Спросите случайного фронтендера, какие атрибуты HTML он использует — и услышите что-то вроде «src, href, style, class...» и прочую чепуху, которую всем ещё в младенчестве вживили на чипе агенты IETF. Между тем, стандарты веба не стоят на месте, и с каждым годом в браузерах появляются всё более...

14 апреля 2021 0 14 Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании VDSina.ru, Разработка веб-сайтов, CSS, HTML, html, css, трюки, атрибуты,

Дайджест свежих материалов из мира фронтенда за последнюю неделю №462 (5 — 11 апреля 2021)

11 апреля 2021 0 21 Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов, CSS, JavaScript, HTML, дайджест, фронтенд, css, js, es6, vue, react, angular, html5, браузеры, ссылки,

[Перевод] Создание видеочата с помощью Node.js + Socket.io + WebRTC

Сегодня, специально к старту нового потока по веб-разработке, поделимся с вами туториалом, из которого вы узнаете, как создать видеочат с помощью JavaScript и NodeJS. Также вы научитесь использовать PeerJS, WebRTC и Socket.io. Читать далее...

6 апреля 2021 0 28 Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании SkillFactory, Разработка веб-сайтов, JavaScript, Программирование, Node.JS, skillfactory, node.js, socket.io, webrtc, javascript, css, html, express.js, программирование, веб разработка,

5 плохих CSS практик

Бытует мнение, что CSS сложный. Существует много костылей, магии. Легко выстрелить себе в колено. Меня это печалит, потому что я так не считаю. Немного подумав, что можно сделать, я собрал 5 привычек разработчиков, которые мне не нравятся, и показал, как их избежать. Читать дальше →...

5 апреля 2021 0 33 Уроки CSS на Хабрахабре, habrahabr.ru, CSS, css, frontend, tips and tricks, beginners,

Дайджест свежих материалов из мира фронтенда за последнюю неделю №461 (29 марта — 4 апреля 2021)

4 апреля 2021 0 24 Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов, CSS, JavaScript, HTML, дайджест, фронтенд, css, js, es6, vue, react, angular, html5, браузеры, ссылки,

[Перевод] Вы можете создавать эти элементы, не используя JavaScript

Мы привыкли создавать некоторые элементы пользовательского интерфейса с помощью JavaScript, например аккордеоны, всплывающие подсказки (тултипы), усечение текста и т. д. Но, поскольку HTML и CSS постоянно получают новые функции, а старые браузеры больше не нужно поддерживать, мы можем использовать...

3 апреля 2021 0 29 Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании SkillFactory, Разработка веб-сайтов, CSS, Программирование, HTML, html, html5, css, css3, css-tricks, программирование, разработка, разработка сайтов, skillfactory,

Крутые трюки с переменными CSS

Переменные в CSS (или custom properties, кому как удобнее) изначально задумывались для хранения повторяющихся свойств вроде цветовой палитры или шрифтов в одном месте. В препроцессорах работа с переменными куда более гибкая, но магия SASS/SCSS применима не всегда и не везде, и в реальном мире часто...