Перед тем, как перейти к обещанной теме дня, личной продуктивности, ещё немного поразмышляю о полезности публикаций статей, похвалю HTML и CSS, да и сам немного похвастаюсь.
После того, как этим летом я созрел на оформление своих мыслей в несколько тысяч знаков, из LinkedIn постучали. В то время я находился в поиске работы, так что не сразу распознал, что стучат не с вакансией, а с другим предложением.
Мне написали из @Uploadcare и предложили написать статью для их блога. Предложили достаточно убедительно, и я согласился. Начали с того, что мне близко — с front-end’а.
Хотя я и относительно недавно прочитал в сумме около 1500 страниц про HTML и CSS и знаю тег <output>, экспертом в этих технологиях себя всё же не считаю. Есть в Твиттере ребята, которые очень хорошо пишут про них, и которыми я негромко восхищаюсь.
Многие же горазды ругать разработчиков HTML и CSS, говорить, что они не настоящие. Что сказать, попробуйте написать копирование данных из своих виртуализированных таблиц с сохранением форматирования. Днище оторвёт вместе с крышкой.
HTML и CSS — это разработка в терминах результата, а не в терминах действия. И там сейчас появляются ой какие классные штуки. Медиа-контейнеры для отдельных элементов, вложенная сетка, своя виртуализация, просто восторг!
Вернёмся к статьям. С августа этого года я написал две статьи для блога Uploadcare. Третья статья на подходе, но ещё не опубликована. Писал я про ленивую загрузку изображений, про их обрезку при помощи CSS.
Мне как-то неудобно просто сводить вместе уже имеющиеся знания. В обоих случаях я постарался нырнуть достаточно глубоко, чтобы добавить полезную информацию в общее понимание. Надеюсь, у меня получилось это сделать.
Ленивая загрузка изображений: uploadcare.com/blog/lazy-load…. Прошёлся по новинкам, прояснил неясности у соавтора спецификации. Показал, как делать размытую заглушку для лениво загружаемого изображения без помощи JavaScript.
Обрезка изображений при помощи CSS: uploadcare.com/blog/how-to-cr…. Отринул все хаки, так как пришло время, научился ставить изображение фоном тексту, нашёл ошибку в неофициальной спецификации MDN и CSSWG.
Герман Тебиев