Архив
-
20 ноября 20237 инструментов для тестирования кроссбраузерности
Повсеместное распространение концепций адаптивного дизайна и прогрессивного улучшения не избавило нас от проблем с кроссбраузерной версткой. Ручная проверка отображения сайта на всех необходимых браузерах во всех возможных операционных системах занятие утомительное и, по сути, бессмысленное: инструменты для тестирования кроссбраузерности сайта значительно упростят эту задачу.
Сегодня мы подготовили для вас список из 7 инструментов, которые помогут протестировать ваш сайт в разных условиях и гарантировать, что все пользователи увидят именно то, что вы запланировали. Некоторые из инструментов могут быть вам уже знакомы, так как служат разработчикам верой и правдой на протяжении нескольких лет. В списке представлены как платные, так и бесплатные инструменты.
-
13 ноября 2023Ошибки, которые могут возникать при использовании flexbox, и их решение
Flexbox стремительно набирает популярность благодаря своей гибкости и адаптивности. Использование этого элемента позволяет легко верстать макеты, которые раньше заставляли попотеть. Основная проблема flexbox в том, что этот довольно новый элемент не гарантирует вам стабильную работу во всех используемых браузерах. Довольно часто встречаются случаи, когда стандартные решения не приносят ожидаемого результата. В этой статье мы рассмотрим некоторые ошибки и пути их решения.
-
30 октября 2023Адаптивные Логотипы: Лучшие Практики и Советы по Верстке
В большинстве случаев, когда речь идет о резиновой верстке, логотипы выглядят ужасно. Обычно изображение просто сжимается до размеров, необходимых в том или ином случае. Для простых прямоугольных логотипов такой подход вполне приемлем, но простое уменьшение сложных логотипов может привести к искажению до неузнаваемости. Давайте поговорим о том, что вы должны сделать, чтобы этого избежать.
-
12 октября 2023Выбираем между «min-width» и «max-width»
Довольно часто возникает вопрос, когда стоит использовать min-width, а когда max-width? Тем, для кого отзывчивый дизайн стал привычным делом, такой вопрос может показаться странным. И такие люди знают ответ: все зависит от ситуации . Но анализ исходников сайnов показывает, что многие дизайнеры и разработчики до сих пор не очень в этом уверены. В этой статье мы попробуем разобраться, что значит \"все зависит от ситуации\" в отношении конкретно этого вопроса.
-
11 сентября 2023Понимание свойства animation-fill-mode в CSS анимации
Большинство веб-разработчиков уже успели познакомиться с CSS анимацией. Некоторые даже создали несколько демок и сложных оригинальных решений. Для тех, кто хочет освоить эту тему с нуля, мы можем посоветовать ознакомиться с одним из руководств, множество которых вы можете найти на просторах сети. Сегодня мы поговорим об одном из непростых свойств анимации: animation-fill-mode.
-
05 сентября 2023Принципы проектирования. Визуальные вес и направление
Каждый элемент на странице создает визуальный акцент, который притягивает взгляд пользователя. Чем сильнее выделяется элемент, тем больше внимания приходится на его долю. Кроме того, это влияет и на другие элементы, что создает визуальную направленность и подсказывает вам, куда вы должны посмотреть дальше.
-
29 августа 2023Психология цифр в дизайне
Когда речь идет о цифрах, мы не настолько рациональны, как нам кажется.
Традиционная экономическая теория на протяжении длительного времени предполагала, что люди логичны, беспристрастны, и принимают решения, отражающие их собственные интересы. Однако за последние годы развивающаяся сфера поведенческой экономики обнаружила, что это предположение несовершенно люди по факту являются сложными существами, которые, принимая решения, зачастую полагаются на эмоции и рефлексы, даже если эти решения иногда противоречат здравому смыслу.
-
11 августа 2023Sass: передача блоков кода с помощью примесей и выбор межу mixin и extend
@mixin прекрасный способ обеспечить возможность повторного использования кода в ваших проектах, кроме того, они обладают возможностью принимать аргументы, что делает их мощным и гибким инструментом. @extend дает вам возможность снова использовать код, указывая селектору необходимость наследовать стили другого селектора. С определенной точки зрения они делают одно и то же. Так когда стоит использовать mixin, а когда extend?
Но для начала, поговорим о том, как вы можете передавать блоки кода с помощью примесей вместо передачи аргументов.
-
21 июля 2023Введение в безопасность интерфейса в WordPress: Экранирование элементов
Если вы разработчик для WordPress, который пишет на HTML/CSS/JS (что составляет 100% разработчиков тем и 99% разработчиков плагинов), вам следует знать основы безопасности интерфейса в WordPress. WordPress предоставляет все инструменты, необходимые для того, чтобы сделать тему или плагин безопасными. Вам просто нужно знать, как и когда использовать каждый инструмент.
Например, вашей ответственностью в качестве разработчика интерфейса может быть предотвращение, чтобы неэкранированный контент отображался на странице.
-
19 июля 202320 принципов проектирования, которые не стоит нарушать (Часть 1)
Хотя некоторое нарушение правил визуального проектирования иногда необходимо для реализации того или иного проекта, крайне важно понимать, что именно вы нарушаете и чем это мотивированно. Работа с текстом, расположение элементов на странице, цветовые решения и многое другое все это необходимо учесть для того, чтобы создать действительно качественный дизайн. В этой и следующей статьях мы расскажем о 20 принципах проектирования, которые помогут вам сделать макет чище и привлекательнее.