Записи с тегом markup times .

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

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

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

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

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

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

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

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

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

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

Pop-up блок, исчезающий по клику за его пределами

Чтобы сделать интерфейс менее нагруженным, второстепенную информацию можно спрятать во всплывающий блок. В этой статье будет показано, как сделать блок, появляющийся по клику на другом элементе и исчезающий по клику на том же элементе или в любом месте за пределами блока.
RSS (Открывает новое окно)(Открывает новое окно)
— Предметов на странице
Показывается результатов: 1 - 10 из 11.