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

Сколько стоит JavaScript?

По мере того, как мы создаём сайты, всё более и более зависящие от JavaScript, мы иногда теряем производительность. В этой статье я расскажу про соблюдение некоторых...
21.11.2017
5
CSS

Определяем проблемы css-кода по запаху с Робином Рендлом

Многие разработчики жалуются на CSS. Этот каскад! В языке есть много странных вещей, особенно если вы лучше знакомы с языками программирования вроде JavaScript, ...
21.11.2017
4
Оптимизация

Оптимизация скорости визуализации веб-страниц

Оптимизация скорости визуализации веб-страниц. Мартин Сплитт рассказывает о производительности снизу вверх: он начинает с пикселя и поднимается уровень за уровнем, з...
21.11.2017
3
Веб

«В интернете нет ни ступенек, ни пандусов — ограничений быть не должно»

Хорошая статья от человека, который знает о проблемах с доступностью веба не понаслышке.
21.11.2017
3
CSS, FORM

Расширенный CSS для элементов форм

Стилизовать формы с помощью CSS всегда то еще занятие, но есть ряд малоиспользуемых селекторов, которые дают нам значительную силу. Некоторые из них относительно нов...
07.11.2017
70
CSS

Css эффект - разорванный текст

В данном посте, хочу поделиться, как можно сделать очень интересный эффект - разорванного текста с помощью CSS.
25.10.2017
82
CSS Grid, CSS

Часть 1. Делаем сетку на CSS Grid

CSS Grid Layout полностью меняет игру для веб-дизайна. Это позволяет нам создавать сложные макеты с помощью CSS. Давайте перейдем к созданию нашей первой сетки с пом...
19.10.2017
249
GSAP, Анимация

Модульный кода для анимации GSAP

Если вы когда-либо писали код для анимации, которая длиться более 10 секунд с десятками или даже сотнями элементов, вы знаете, как сложно избежать, чтобы не получился...
16.10.2017
156
CSS, SVG, Анимация

Анимированный прелоадер на CSS

В данном посте, хочу рассказать как можно сделать классный прелоадер для сайта на чистом CSS.  
10.10.2017
193
SVG

Использование SVG на вашем сайте

Поддержка масштабируемой векторной графики (SVG) превосходна работает во всех современных браузерах, формат изображения появляется в удивительных контекстах ...
05.10.2017
1133
Color, web

Градиенты. Новые цвета для web

Цвета являются одним из самых важных и мощным элементом дизайна. Поскольку дизайн - это эволюция, наше восприятие цветов (и способов их использования) постоя...
29.09.2017
116
CSS, font-display

CSS font-display: будущее рендеринга шрифтов

Одним из недостатков использования веб-шрифтов является то, что если шрифт не доступен на устройстве пользователя, его необходимо загрузить. Это означает, что до тог...
27.09.2017
128
Битрикс, Верстка

Верстка под Битрикс

Хочу пробежаться сегодня вот по такой казалось бы ничем и неприметной всем привыкшей для понимания теме - верстка под Битрикс.
25.09.2017
324
CSS, CSS Grid

CSS Grid идеально подходит для адаптивной верстки

Я думаю, что вы уже в курсе, что Grid превосходит Flexbox для создание макетов. Но как насчет адаптивных макетов? Что лучше использовать Flexbox или Grid?
19.09.2017
305
Битрикс

Резервное копирование сайта средствами 1С-Битрикс

Мы активно обслуживаем более 100 сайтов каждый месяц и для нас этот вопрос стоит особенно остро. Особенность нашей работы в том, что все проекты работают на разных ...
18.09.2017
148
snippet

Как заставить редактор писать код за вас?

Используйте сниппеты. Это готовые куски кода, которые по короткой фразе раскрываются.
16.09.2017
142
CSS, Javascript

Изменяем CSS переменные через JS

SASS-переменные с нами уже давно. Они позволяют задать переменную один раз во время выполнения (runtime) и использовать ее в нескольких местах. Уровень крутости — 3....
16.09.2017
190
Vue.js

Часть 1: Создание пользовательских компонентов с помощью Vue.js

Добро пожаловать в серию постов по созданию пользовательских компонентов в Vue.js 2.0.
16.09.2017
229
CSS, CSS Grid

Что может поломать макет на гридах (CSS Grid Layout)

Два способа поломать CSS-гриды, и как их починить
08.09.2017
165
GSAP

GreenSock для начинающих: учебное пособие по веб-анимации (часть 2): GSAP’s Timeline

Цель этой второй части GreenSock для начинающих - познакомить вас с TimelineMax от GreenSock.
08.09.2017
331