code

Прогрессивная загрузка картинок в React

Прогрессивная загрузка картинок в React

Вы когда-нибудь задумывались, как Medium загружает изображения? Возможно, вы заметили, как изображения отображаются в несколько этапов. В самом начале на экране появляется размытая версия изображения, которая затем заменяется полноразмерной версией.

Как Medium Stories загружает изображения

  • Загрузка изображения не начинается, пока изображение не попадет в область просмотра.
  • Затем загружается «размытый» эскиз.
  • Затем загружается полноразмерное изображение и заменяет эскиз.

Мы можем разделить эту…

Jekyll's tricks: минификация HTML и CSS

Jekyll's tricks: минификация HTML и CSS

Если вас тоже раздражает беспорядочная верстка, которую производит движок Jekyll, предлагаю воспользоваться простыми и эффективными способами минифицировать css и html. Без использования плагинов Jekyll, без Gulp'а, Grunt'а, Rake и прочих приспособ.

Минификация CSS

Jekyll и GitHub Pages уже поддерживают Sass и CoffeeScript по умолчанию, поэтому можно воспользоваться возможностями оптимизации доступными с Sass.

Для этого в конфигурационном файле _config.yml надо помимо всего прочего указать:

sass:
    style: compressed

В результате…

Статический сайт на Jekyll и GitHub Pages

Статический сайт на Jekyll и GitHub Pages

Хотя большинство блогеров, начиная свою карьеру на отдельном ресурсе выбирают для своего творчества либо Wordpress, либо похожую платформу, самые продвинутые и самые экономные предпочитают со временем перебраться на статику. И, одним из самых популярных движков для генерации статических сайтов по праву считается Jekyll. Не последнюю роль в этой популярностия играет то, что jekyll поддерживается создателями и командой GitHub, а также имеющейся возможностью бесплатно хостить сайты на Gihub Pages…

Основы программирования и Playground. Часть 2

Основы программирования и Playground. Часть 2

Инструменты, которые мы будем использовать в ходе написание кода, относятся к программным средствам. Одним из таких инструментов является Интегрированная среда разработки или IDE. Наиболее распространенная среда для Swift – это Xcode, которым вы будете пользоваться.

Набор инструментов для написания

Xcode обладает очень полезной опцией, которая носит название Playground (“песочница”, игровая площадка). Это опция позволяет быстро разрабатывать и тестировать код без необходимости построения…

Основы программирования и Playground. Часть 1

Основы программирования и Playground. Часть 1

В первой главе мы разберем основы. В начале вы узнаете о том, как работает код, а затем – об инструментах для написания это кода на базе языка программирования Swift.

Как работает компьютер

Можете не верить, но в действительности компьютер сам по себе не является таким уж невероятным вычислительным прибором. Его мощность целиком и полностью зависит от программной архитектуры, написанной людьми, такими же как вы или я. Учитывая тот факт, что вы сейчас читаете эту книгу, можно наверняка сказать…