Frontend
Сегодня повествование пойдет в большей степени для новичков, которые только начинают работать с реактом. Как все мы знаем React — это лишь библиотека, а не фреймворк, а значит всю обвязку, включая state management, разработчику нужно выбирать самому. Рассмотрим очень распространенный … Читать далее →
Пожалуй, каждому фронтенд-разработчику в своей практике пришлось столкнуться с необходимость подсветить строку и столбец, в которых находится ячейка, на которую навел пользователь. Такая задача часто возникает при верстке таблиц сравнительных характеристик в интернет-магазинах. Однако мы рассмотрим такое выделение на примере … Читать далее →
Появилась задача загружать ajax-ом с сервера файлы размером порядка нескольких десятков мегабайт. Чтобы пользователь знал, сколько ему придётся ещё ждать, было принято решение показывать пользователю не обычный лоадер-спиннер, а прогрессбар с процентом выполнения загрузки. Загружаемые файлы хорошо сжимаются gzip-ом, поэтому … Читать далее →
В каскадных стилях CSS3-тень тексту задается с помощью специального правила text-shadow, которое позволяет придать текстовому содержимому некоторого абзаца или html-блока разные статичные и анимированые спецэффекты. Как мы знаем из курса физики, тень — это проекционная копия объекта, которая получается на освещаемой поверхности … Читать далее →
CSS3-flexbox — это специальная технология, которая была введена в последней версии каскадных стилей, позволяющая задавать гибкую сетку расположения блоков внутри некоторого контейнера-родителя. Какие возможности дает данная сетка: возможность управлять колончатой структурой основного каркаса html-вёрстки; управлять ориентацией расположения html-тэгов подобно табличной … Читать далее →
Одним из важных элементов оформления, который появился в третье версии каскадных стилей, является тень для html-элемента. CSS-тень блока придает ему объемность, позволяет более красиво вписывать в дизайн сайта, а также реализовывать применяемые в psd-макетах тени не картинками, а возможностями рендеринга … Читать далее →
Основное назначение CSS3-трансформаций в стилевом оформлении в ходе выполнения вёрстки некоторого элемента или всей страницы в целом — это преобразование формы, вращение, изменение расположения и так далее. В CSS существует две разновидности трансформирования: двухмерное (2D) и трехмерное (3D). Двухмерное происходит … Читать далее →
CSS-фон позволяет указать в роли бэкграунда некоторый цвет, картинку или цветовой градиент. В каскадных стилях все блоковые и инлайновые тэги по умолчанию не имеют никакого фонового оформления (кроме body и html). В этом материале будут рассмотрены основные нюансы взаимодействия с бэкграундами. В … Читать далее →
CSS-рамка является неотъемлемым и очень важным визуальным компонентом как блоковых, так и инлайновых html-тегов. Рамка бывает 2-ух видов: border и outline. Каждая из них имеет свое стилистическое определение. Согласно стилевому оформлению бордер характеризуется тремя величинами: толщиной, стилем и цветностью. [содержание] 1. Стиль рамки … Читать далее →
CSS-списки — это некоторый ряд правил в каскадных стилях, которые используются для оформления различного рода списочной информации при разметке (верстке) страницы. Чаще всего в качестве спичных данных выступают различные виды меню, а также различные попунктные перечисления в тексте. Все списочные … Читать далее →