Архив меток: Статьи

7 советов как улучшить интерфейс карточек в веб-дизайне

e Если просмотреть наши публикации трендов веб-дизайна за несколько прошедших лет, то можно увидеть, что карточное оформление элементов на веб-страницах появилось достаточно давно. Это в первую очередь связано с развитием адаптивного дизайна и социальных медиа, для которых требовалось придумать простой и универсальный метод отображения данных. Подобные карточки представляют из себя краткую выжимку с определенной информацией и возможностью перейти к ее полному ...

Читать далее »

Чтобы быть впереди веба, веб-стандартам нужно бежать в два раза быстрее

Не секрет, что в последние годы веб развивается крайне стремительно. Периодически выходят новые библиотеки, фреймворки и другие полезные для нас инструменты. Всё это безусловно помогает нам решать повседневные задачи. Но в погоне за популярными новинками мы совсем не обращаем внимание на истоки. Многие начинающие разработчики начинают знакомство с кодом именно с инструментов, а не с фундаментальных вещей. Обычно это связывают ...

Читать далее »

Веб в 2020 году: расширяемость и совместимость

Перевод статьи The Web in 2020: Extensibility and Interoperability с сайта css-tricks.com для css-live.ru, автор — Юна Кравец. В последние годы мы наблюдали, как быстро развиваются и меняются веб-технологии. В 2020 году основными трендами сообщества веб-разработчиков вполне предсказуемо станут расширяемость и совместимость. Давайте рассмотрим их подробнее. Расширяемость Расширяемость определяется тем, насколько гибко мы можем приспособить ту или иную технологию для решения своих задач. ...

Читать далее »

Основные советы по SEO-оптимизации сайтов на JavaScript

Перевод статьи Essential JavaScript SEO Tips с сайта levelup.gitconnected.com для css-live.ru, автор — Айман Рахмат. Сделайте свой контент доступным для поиска Google. Если вы создаете сайт или веб-приложение на JavaScript, вам следует выполнить несколько основных действий, чтобы сделать его контент доступным для поисковых систем. Давайте рассмотрим несколько приемов SEO-оптимизации, которые помогут пользователям найти ваш контент. 1. Пишите информативные заголовки У всех страницы сайта ...

Читать далее »

6 причин почему важна скорость загрузки сайта

Согласно последним исследованиям, половина пользователей интернета ждет загрузку сайта не более 2-х секунд. Если ваш проект не вкладывается в эту норму, то не важно, насколько красивый там дизайн, стильная типографика или полезный контент — есть риск, что человек просто закроет страницу, которая вовремя не загрузилась. Сейчас, наряду с юзабилити, скорость работы веб-проектов является одним из ключевых моментов в веб-разработке. Причем она ...

Читать далее »

Эффективный дизайн текстовых полей в формах и приложениях (элемент text field)

Ранее в блоге уже была заметка про оформление текстовых полей, но там мы рассмотрели лишь парочку базовых вопросов, хотя на самом деле в этой теме имеется гораздо больше интересных нюансов. Сегодня постараемся наверстать упущенное и сделать более детальную и комплексную статью. По стилистике она будет похожа на публикацию об эффективном дизайне кнопок в интерфейсах. Оно и не удивительно, ведь оба ...

Читать далее »

Как начать думать функционально в JavaScript

Перевод статьи How to Start Thinking Functionally in JavaScript с сайта itnext.io для css-live.ru, автор — Алекс Рицкован.  Фото Denys Nevozhai с Unsplash Функциональное программирование – это стиль программирования, который требует от специалиста думать на более высоком уровне абстракции. Как правило, когда мы учимся программировать, мы рассматриваем задачи в весьма императивном и процедурном стиле: сначала делаем это, потом – то и т.д. Мы настолько озабочены синтаксисом ...

Читать далее »

Пользовательские CSS-атрибуты как механизм передачи данных из JavaScript в CSS

Перевод статьи Using CSS Custom attributes generated by JavaScript as a handover mechanism с сайта medium.com для css-live.ru, автор — Кристиан Хайльман Обновление: изначально я слишком упростил, что пользовательские атрибуты не поддерживают конкатенацию, но благодаря Шиме Видасу, Брайану Карделу и Грегу Уитфорту ситуация прояснилась. Нововведения в CSS стали понемногу размывать границы между ним и JavaScript. CSS был статичным языком, отвечающим ...

Читать далее »

Создание эффективного Hero Image изображения для сайта (8 советов)

Пользователю требуется всего 50 миллисекунд, чтобы составить мнение о любом сайте? У веб-разработчиков и дизайнеров реально очень мало времени, чтобы произвести хорошее впечатление на человека при посещении ресурса. Именно поэтому так важно правильное оформление главной страницы + шапки сайта, которую все видят в первую очередь. Многие веб-проекты в сети объединяет один общий способ привлечения внимания аудитории – использование ярких красочных дизайнов, в ...

Читать далее »

Прокачиваем навыки отладки с помощью инструментов разработчика Chrome (часть 1)

Перевод статьи Improve Your Debugging Skills with Chrome DevTools с сайта telerik.com для css-live.ru, автор — Питер Милчев В этой статье мы рассмотрим полезные приёмы и советы по использованию отладчика Chrome, которые помогут легче разобраться с любыми загвоздками в разработке веб-приложений. Бывали ли у вас неприятности с неверной работой JavaScript? Доводилось ли вам биться с подгонкой стилей элементов на своей ...

Читать далее »