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

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

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

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

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

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

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

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