Видеокурс "jQuery от А до Я. Библиотека JavaScritp для начинающих." на Stepik, бесплатно! https://stepik.org/134100

Bootstrap 4 что нового

В конце лета на официальном сайте Bootstrap, появилась запись о выходе альфа версия Botstrap 4. Рассмотрим какие нововведения подарит нам данный релиз.

  • Вместо Less, в Bootstrap 4 теперь поддерживается Sass
  • Улучшена система сеток
  • Появилась поддержка FlexBox
  • Новый компонент в Bootstrap 4 — карточки (cards)
  • Появился сброс стилей Reboot
  • Больше возможностей для кастомизации тем Bootstrap
  • Прекращена поддержка IE8
  • Вместо пикселей EM и REM
  • Все плагины  переписаны с помощью новой версии JavaScript
  • Улучшены подсказки и popover элементы
  • Обновлена структура документации в Bootstrap 4

Less Sass Bootstrap

Разработка и компиляция модулей Bootstrap 4 теперь осуществляется на Sass, раньше Bootstrap создавался на Less. Компиляция происходит с помощью библиотеки Libsass, которая работает в несколько раз быстрее своих аналогов.

Система сеток Bootstrap

Bootstrap 4 стал еще более дружелюбен к мобильным пользователям (смартфоны, планшеты). Миксины в Bootstrap 4 стали более мобильно-ориентированными. Появилась возможность настраивать и управлять миксинами.

Поддержка FlexBox

В Bootstrap 4 есть возможность включать поддержку FlexBox, благодаря которму можно управлять элементами на странице более гибко. Чтобы включить поддержку FlexBox в Bootstrap, нужно выставить определённые параметры, и скомпилировать фреймворк заново, это делается на официальном сайте.

Компонент карточки (cards)

В Bootstrap 4 были удалены компоненты (wells, thumbnails и panels) вместо них создали компонент cards (карточки), который делает все тоже самое только лучше и удобней.

Сброс HTML Reboot

Появился новый модуль, который сбрасывает стандартные стили HTML-тегов (у каждого браузера свои стили по-умолчанию), предназначенный для кроссбраузерности. Данный модуль теперь хранится в Sass файле и имеет название Reboot. Все эти стили сброса, собираются в файл normalize.css

Больше возможностей для кастомизации тем

В Bootstrap 4, праметры различных элементов страницы сайта (цвета, градиенты, скругления и т.д.) собраны в отдельные файлы, что облегчает перенастройку темы под свой дизайн.

IE8 не поддерживается

Браузер Internet Explorer восьмой версии, в Bootstrap 4 больше не поддерживается. Это необходимо было сделать для того чтобы иметь возможность использовать все новые технологии из CSS3, без использования дополнительного кода, что несомненно благотворно скажется на быстродействии фреймворка.

Размеры в em и rem

В Bootstrap 4 вместо пикселей теперь используются размеры в em и rem, благодаря этому элементы страницы, шрифты и модули стали более гибкими и адаптивными.

JavaScript ES6

Все существующие плагины Botstrap 4, были переписаны с ES5 (JavaScript 5) на более новую версию JavaScript ES6. Код написанный на ES6 (JavaScript 6) более структурирован надёжен и быстр.

Подсказки и popover элементы

Подсказки и popover (всплывающие) элементы, в Bootstrap 4 теперь работают более слаженно и ожидаемо.

Документация Bootstrap 4

Документация Bootstrap 4 стала более полной и переписана с помощью Markdown (облегчённый язык разметки), также улучшен поиск по документации.

Поддержка Bootstrap 3

Когда Bootstrap обновлялся со второй (2) версии на третью (3), то поддержка Bootstrap 2 прекратилась. Это вызвало много нареканий со стороны сообщества. На этот раз с выходом Bootstrap 4, третья версия фреймворка будет также поддерживаться и исправляться при обнаружении багов.

Ну и напоследок, код сайтов которые были созданы с помощью Bootstrap 3, будет также хорошо работать при обновлениий до Bootstrap 4, реализуется обратная совместимость.

Остальное

Изменений в Bootstrap 4 произошло много и не мало изменений еще впереди, следите за обновлениями.

Обновление WordPress 4.4 (Clifford)

8 декабря 2015 года, вышло обновление для WordPress 4.4, под названием «Clifford», в честь американского музыканта Клиффорда Брауна.

Нововведения WordPress 4.4 включают в себя следующее:

  • Разработана новая тема под названием «Twenty Sixteen»
  • Появилась возможность делать изображения адаптивными (не только средствами CSS)
  • Внедрение записей со сторонних сайтов (oEmbed)
  • Внедрена первая стадия REST API
  • Добавлены различные примочки для разработчиков

Рассмотрим более подробней, что нового появилось в WordPress 4.4:

Тема «Twenty Sixteen»

Twenty Sixteen — минималистичная, светлая тема WordPress, имеет стильный и адаптивный дизайн. Располагает четырьмя цветовыми схемами и удачной типографикой. Twenty Sixteen — это современная классическая тема для блога, которая отлично выглядит на любом устройстве.

Адаптивные изображения

WordPress в версии 4.4 начал автоматически подстраивать изображения под размер экрана. Адаптивные изображения реализуются с помощью атрибута srcset.

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

Внедрение записей со сторонних сайтов

Записи и страницы с любого сайта (блога) под WordPress 4.4 и выше, можно встроить на свой сайт (блог). Это возможно благодаря объекту oEmbed.

oEmbed позволит разработчикам стандартными методами движка WordPress (без сторонних плагинов), встраивать записи в свой контент с любого сайта или блога, у которого стоит версия WordPress 4.4 и выше. При встраивании создается так называемая карточка записи, что-то подобное вы можете увидеть например, при вставке URL в запись во Вконтакте (появится карточка страницы на которое указывает URL).

Данную возможность при желании можно отключить с помощью плагина «Disable Embeds».

REST API

В ядро WordPress добавлен функционал REST API, который позволяет использовать не только API WordPress но и самому создавать своё собственное API для WordPress.

Для разработчиков WordPress 4.4

Вместо функции wp_title(), которая отвечает за названия страниц и записей, теперь нужно использовать функцию add_theme_support('title-tag'), которую необходимо разместить в файле functions.php, что даст больше гибкости разработчику и подключение названий будет более правильным.

Произвольные таксономии теперь получили поддержку мета-данных, читайте подробнее о функциях add_term_meta(), get_term_meta() и update_term_meta().

Из-за появившейся поддержки кэширования, повышена производительность комментариев. Также благодаря функции WP_Comment_Query() можно создавать более гибкие запросы.

Об изменениях вы также можете прочитать на официальном блоге WordPress (статья на английском): https://wordpress.org/news/2015/12/clifford/