Abr@X@bra.ru
Блог web-разработчика
Grid, CSS

Grid сетка на каждый день

Выбор того, как обращаться с макетами и позиционированием контента, вероятно, является одним из первых решений, которые вы собираетесь предпринять при создании нового...
23.10.2018
85
CSS

Анимация свойства - content

16.10.2018
48
вёрстка, html

Элементы details и summary

Вам часто приходилось использовать JavaScript для создания виджета, показывающего и скрывающего какое-то содержимое? Возможно, для этого вы даже скачивали целую Java...
04.10.2018
46
object-fit, object-position, css

Обзор «object-fit» и «object-position»

Последнее время object-fit и object-position — мои любимые CSS-свойства. С ними разработчики могут управлять содержимым внутри img или video, подобно манипулированию...
04.10.2018
53
Единицы измерения vh, vw, vmin, vmax

Единицы измерения vh, vw, vmin, vmax

В CSS3 были добавлены новые относительные единицы измерения, такие как vh, vw, vmin, vmax. Эти единицы вычисляются относительно размеров окна браузера. Для настольны...
04.10.2018
48
css, scss, rem, em

REM vs EM – Великий спор

Представляю вашему вниманию перевод достаточно большой и объемной статьи по поводу вечного спора, какие же единицы измерения использовать при верстке: em'ы или rem'ы....
02.10.2018
63
Vue.js, GSAP

Vue.js + GSAP =  Крутая анимация

Vue.js - это структура Javascript, которая одновременно является мощной и простой. С помощью Vue CLI мы можем быстро внедрять новые приложения со всеми последними фу...
02.10.2018
662
CSS

Как работает CSS свойство nth-child и nth-of-type

:nth-child — один из моих самых любимых селекторов, потому что с помощью него можно делать клевые разноцветные штуки собирать элементы списка в группы произвольной длины...
26.09.2018
43
Vue.js

Vue.js – эффект увеличения изображения как на medium.com

Данный эффект делает красивое масштабирование изображения.
25.09.2018
329
Vue.js

Что означает «h» в методе визуализации Vue?

Если вы работаете с Vue, возможно, вы сталкивались с этим способом рендеринга вашего приложения
23.09.2018
46
CPU, GPU

Внутренний взгляд на современный веб-браузер (часть 1)

В этой серии из 4-х частей мы рассмотрим браузер Chrome от высокоуровневой архитектуры до конкретики конвейер рендеринга.
23.09.2018
63
Vue.js, Slot

Использование выделенных слотов в Vue.js

Начнем с краткого введения в концепцию слотов Vue.js. Слоты полезны, когда вы хотите выводить контент в определенное место компонента.
23.09.2018
307
CSS, EN

CSS: цветные нумерации списков ul ol - EN

Ever wanted to make a list with the bullets a different color than the text, like in this example?
18.09.2018
56
Emmet, HTML

Знакомимся с Emmet

Всем привет! В этой статье мы с вами познакомимся с одним из наиболее популярных плагинов, предназначенных для «быстрого» тайпинга. К вашим услугам — Emmet
17.09.2018
66
CSS

Геометрические фигуры на CSS

Подборка, как нарисовать различные геометрические фигуры одним элементом HTML.
16.09.2018
76
CSS

Стилизация checkbox и radio на CSS

Если вам требуется изменить внешний вид checkbox или radio-кнопок без использования JavaScript, то данная статья это то что вам нужно.
16.09.2018
73
CSS

Улучшенные эффекты с режимом смешивания фоновых слоев в CSS

Если одна картина заслуживает тысячи слов, то смешение двух картин заслуживает гораздо большего. Точно так же, возможности дизайна, которые открываются с появлением ...
16.09.2018
75
Vue.js, Nuxt.js

Nuxt.js: 28 килобайт пользы для веб-разработчика

В этом посте я расскажу, что такое Nuxt.js и про «киллер фичу» этого микрофреймворка и где он может пригодиться.
15.09.2018
636
Bitrix, Битрикс

Интернет-магазин на Битриксе который приносит прибыль

Интернет-магазин, какими качествами он должен обладать? Он должен быть стабилен в работе, хорошо справляться с высокими системными нагрузками, хорошо защищен. С таки...
23.08.2018
135
Битрикс

Умный фильтр 1С-Битрикс

Умный фильтр в Битрикс сегодня и то, что было раньше, это по сути совершенно новый доработанный компонент. Что удалось сделать и какие изменения он получил я расскаж...
05.07.2018
823