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

SEO для JS

Представляем вашему вниманию перевод первой части материала, который посвящён поисковой оптимизации сайтов, построенных с использованием JavaScript. Речь пойдёт об о...
19.03.2018
145
Javascript

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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