[Перевод] Искусство компонентов. Пишем карточку контакта Facebook Messenger

Вполне возможно оценить компонент и сказать, что он легко пишется на HTML и CSS. Соглашусь, это легко, когда вы работаете, только чтобы практиковаться, но в реальном проекте всё по-другому. Идеальный адаптивный компонент, который вы только что создали, быстро перестаёт работать, когда сталкивается...

С чего начать разработку приложения

Доброго времени суток, друзья! Я очень не люблю заниматься саморекламой, но в ситуации, когда команда состоит из одного человека, хочешь не хочешь, приходится и разрабатывать, и продвигать продукт самому. Всем, кто искал, с чего начать разработку веб-приложения, хорошо известен HTML5 Boilerplate...

[Перевод] Трюки CSS и JavaScript, которые вдохнут жизнь в ваш статический сайт

Последние несколько недель я работал над своим сайтом и хотел придать ему некоторый динамизм. Эта статья не о создании веб-страницы. Я покажу готовые сниппеты с объяснениями. Приятного чтения...

Полное визуальное руководство-шпаргалка по Flexbox и Grid + туториал

Доброго времени суток, друзья! Представляю вашему вниманию полное визуальное руководство-шпаргалку по всем свойствам CSS-модулей Flexbox и Grid. Основные источники: A Complete Guide to Flexbox, A Complete Guide to Grid. В конце статьи вас ждет небольшой туториал по созданию тренажера по Flexbox....

[Перевод] Выбор CSS макета — Grid или Flexbox?

Удачно оформленный макет удерживает пользователей на сайте, так как делает важные элементы доступными и легко находимыми. Слабые же макеты отпугивают посетителей, которые покидают ресурс, так и не найдя того, за чем пришли. В веб-дизайне макет – это то, как сайт отображается на экране. В HTML 5...

[Перевод] CSS-переменные

CSS-переменные (их ещё называют «пользовательскими свойствами») поддерживаются веб-браузерами уже почти четыре года. Я пользуюсь ими там, где они могут пригодиться. Это зависит от проекта, над которым я работаю, и от конкретных задач, которые мне приходится решать. Работать с CSS-переменными...

[Перевод] Переменные CSS — курс молодого бойца

Переменные CSS (также известные как настраиваемые свойства) поддерживаются браузерами почти 4 года. Мне нравится применять их в зависимости от проекта или ситуации. Они очень полезны и просты в использовании, но зачастую фронтенд разработчик неправильно использует или неправильно понимает их....

1С справа налево: как мы поддержали RTL в платформе 1С: Предприятие

Платформа 1С:Предприятие локализована на 22 языка, включая английский, немецкий, французский, китайский, вьетнамский. Недавно, в версии 8.3.17, мы поддержали арабский язык. Одна из особенностей арабского языка в том, что текст на нём пишут и читают справа налево. UI для арабского языка надо...

Визуальное сравнение 13 CSS-фреймворков

Доброго времени суток, друзья! Предлагаю Вашему вниманию результаты небольшого исследования — визуального сравнения 13 CSS-фреймворков. Цель исследования — определить, какой из фреймворков лучше всего справляется со стилизацией по умолчанию, т.е. без добавления специальных (предусмотренных...

[recovery mode] Как стать Front-End разработчиком

Кто такой Front-End разработчик? Front-End разработчик это человек который пишет код для внешнего вида сайта, также есть Back-End разработчик который пишет код для функциональной части сайта. Если скрестить эти две профессии получится Full-Stack разработчик Читать дальше →...

[Из песочницы] Создание браузерных 3d-игр с нуля на чистом html, css и js. Часть 1/2

Современная вычислительная техника позволяет создавать классные компьютерные игры! И сейчас, достаточно популярны игры с 3d-графикой, так как, играя в них, ты окунаешься в вымышленный мир и теряешь всякую связь с реальностью. Развитие интернета и браузерных технологий сделало возможным запускать...

Цветовая схема без помощи дизайнера

Наверняка многие из вас бывали в ситуации, когда нужно быстро подобрать цвета для оформления, а дизайнер занят более важными задачами, в плохом настроении или в отпуске. Задача несложная, но иногда ответа приходится ждать по несколько дней. Особенно, если нужно подобрать цвета для тёмной схемы...

Архив сайта

Реклама на сайте