Архив
-
26 июня 2015Пишем хороший CSS
Хороший специалист всегда пытается научиться чему-то новому. При этом, он также пытается найти способы усовершенствовать то, каким образом он все это делает. Каждый разработчик стремится улучшить свой CSS, как для своей постоянной работы, так и для сторонних проектов клиентов. Что для этого нужно сделать? Найти то, что делает CSS хорошими, читабельными и легко обслуживаемыми. Вот несколько способов, как это можно сделать:
-
16 июня 2015Будущее поколение CSS-селекторов: Уровень 4
Будущее CSS-селекторов также кажется светлым благодаря спецификации селекторов 4 уровня, которая сейчас находится на этапе рабочего проекта, и редакторского проекта той же спецификации, который пока еще находится в процессе (редакторский проект в основном рассматривается как более авторитетный).
Эта статья акцентирует внимание на новых селекторах, которые не были затронуты в моей предыдущей статье. Поддержка браузерами для большинства из них довольно слабая, поэтому я не рекомендую использовать их в работе в большом количестве. Ознакомьтесь с этой статьей как с беглым обзором того, что выйдет в свет, как только будет готова спецификация и браузеры начнут это использовать.
-
21 мая 201520 принципов проектирования, которые не стоит нарушать (Часть 2)
Продолжаем обзор базовых принципов дизайна, который мы начали в предыдущей статье. Сегодня мы поговорим о выборе наборов шрифтов и работе с ними, а также рассмотрим такие важные моменты, как принципы подбора сочетаний цветов, подбор правильных инструментов, работа с белым пространством и аккуратность при следовании новым тенденциям.n
-
15 мая 2015Утечки памяти при работе с SVG
SVG анимация получила огромную популярность среди разработчиков. Простота создания, широкий функционал и сравнительно низкая ресурсоемкость делают эту технологию одной из самых перспективных в этом направлении.
-
13 мая 2015Полезные сниппеты для Sass
Огромное количество разработчиков использует Sass из-за возможности использовать примеси и функции, что позволяет автоматизировать многие повторяющиеся процессы и значительно ускорить написание кода. По какой-то причине, часто встречаются ситуации, в которых разработчики создают невероятно сложные системы для решения простых задач, таких, как управление параметрами шрифта или настройки цветовой схемы. Обычно такие системы крайне сложно устанавливать и использовать. Сегодня мы попробуем облегчить жизнь разработчикам, представив ряд полезных сниппетов для Sass, которые упростят вам работу с цветовыми схемами, стеками шрифтов и медиа-запросами.
-
09 апреля 2015Введение в свойство CSS «will-change»
В этой статье мы рассмотрим свойство CSS will-change, что это такое, как и когда следует его использовать и как не следует его использовать. Существует достаточно большое количество технической документации по свойству will-change. Эта статья служит в качестве обзора важных моментов и включает несколько кратких примеров.
-
27 марта 2015Освоение модульных (grid) систем CSS с нуля
За последние несколько лет модульные системы CSS завоевывают все большую популярность, активно превращаясь в оптимальный вариант быстрого создания макета. В результате сегодня нет недостатка в программных средах, которые предлагают свои собственные модульные системы и пытаются завоевать признание. Если вы любопытны, вы наверняка уже спрашивали себя, что именно дают модульные системы? Как они работают? И как можно создать свою собственную систему? Это только часть вопросов, ответы на которые будут даны в этой статье, которая рассматривает различные концепции в действии, пытаясь освоить модульные системы с нуля.
-
19 марта 2015Улучшаем верстку изображений с помощью элемента picture
Браузер должен быть снабжен набором инструкций о правильном поведении изображения в зависимости от контекста отображения. Такой подход позволяет оптимизировать сайт для различных устройств, уменьшив время его загрузки. Сегодня мы поговорим об использовании элемента picture для достижения этой цели, подробно разобрав все его особенности и преимущества.
-
10 марта 2015Правила хорошего тона для front-end-а с практическими примерами
Front-end требует от разработчика не только знания нескольких вариантов того, как можно решить поставленную задачу, но и умения выбрать оптимальное решение. Кроме того, не стоит забывать и о таких понятиях, как читаемость и простота поддержки кода, так как довольно часто, ведение вашего проекта может быть отдано в чужие руки. О том, что такое хорошо и плохо в front-end разработке, мы и поговорим сегодня.
-
16 февраля 20154 самые важные страницы вашего сайта и их оптимизация
Некоторые из страниц вашего сайта имеют большее значение, чем остальные. Это довольно очевидно, но упускается из виду огромным количеством людей. Принципы, описанные ниже, позволят вам увеличить эффективность вашего сайта за счет оптимизации его ключевых страниц. Несмотря на их кажущуюся простоту, они могут привести к заметным результатам.
Конечно, каждый сайт уникален и отличается от остальных, но у подавляющего большинства проектов можно выделить четыре ключевые страницы: