Прокрутка контента блока при загрузке страницы

Недавно нам понадобилось написать раздел обмена сообщениями между пользователями портала. С точки зрения вёрски это несложная задача: последовательность сообщений (блоков текста с аватаркой и временем отправления), выстроенных друг под другом. Когда сообщений становится много, появляется прокрутка. Поскольку история ведётся сверху вниз, то при появлении прокрутки самые новые сообщений оказывались внизу, то есть вне области видимости.

Обработка ошибок загрузки изображений: событие onerror

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

HTML: ссылка внутри ссылки

Согласно спецификации HTML5 , ссылка не может содержать в себе интерактивный контент (поля ввода, кнопки, теги и т.д.) и другие ссылки. Тем не менее, необходимость вложить ссылки друг в друга может возникнуть, и сделать это, не смотря на запрет спецификации, вполне реально.

CSS: вписываем изображение в область

Красивый и аккуратный дизайн сайта зачастую требует специально подготовленного контента, к примеру фотографий с заданным соотношением сторон. Но не всегда есть возможность подготовить фотографии должным образом. В этой статье мы рассмотрим несколько способов вписать картинку в заданную область средствами CSS.

Круглый прогресс бар на SVG

Сверстать можно практически что угодно, но иногда реализация дизайнерской задумки может привести к настолько сложной вёрстке, что становится проще “нарисовать” всё необходимое. В статье будет рассмотрено, как рисовать с помощью SVG на примере создания круглого прогресс-бара.

ReactJS: работа с дочерними компонентами

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

Liferay 6.2: встраиваем портлет в тему портала

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

Альтернатива if...else в JSX

Один из самых популярных вопросов, возникающих при изучении React ㅡ как отображать или не отображать компоненты в зависимости от некоторого условия. Дело осложняется тем, что привычная конструкция if...else внутри JSX тегов не работает. В этой статье мы рассмотрим несколько способов написания условных конструкций, которые будут полезны любому начинающему разработчику на React.
Показывается результатов: 1 - 10 из 16.

Коротко о себе:

Работаю программистом в компании Tune IT.

"Вёрстка - это легко и приятно" (с)

Нет открытого контента.
Откройте запись дневника, чтобы получить совет.