Использование WebP в быту

WebP формат графических файлов разработанный Google и впервые представленный в 2010 году. Преимущества перед png\jpg может достигать 30% в весе файла, при том же качестве изображения. К сожалению, и поддерживается пока только в Chrome, и браузерах основанных на том же движке рендера, например Opera, или штатный браузер в Android. Несмотря на поддержку только в Chrome, всего выходит ~67% от общего числа пользователей, неплохо. Преимущества webp для сайтов просты, меньше вес изображений – быстрее загрузка сайта.
Continue reading “Использование WebP в быту”

Режимы наложения для текста в CSS

Привет, сегодня я покажу как можно сделать текст на сайте интереснее при помощи свежей CSS технологии blend-mode. Это аналог режимов наложения в фотошопе. Принцип работы простой:
Continue reading “Режимы наложения для текста в CSS”

Несколько CSS псевдоселекторов о которых я не знал

Привет. Хочу рассказать о нескольких псевдоселекторах. Вы наверняка уже знаете о :hover, :last-child. Сегодня же пойдёт речь о: empty, in-range или :out-of-range, optional, fullscreen, not.
Continue reading “Несколько CSS псевдоселекторов о которых я не знал”

Мой селектор сильнее чем твой

Скорее для себя, на память. О том как посчитать специфику CSS-селекторов. Все знают, что правила в CSS применяются не по порядку их написания (за одним исключением описанным ниже), а по специфике селектора. Пример:
Continue reading “Мой селектор сильнее чем твой”