Замена текста картинками применяется в процессе верстки макетов уже очень долгое время. Причина этого в том, что в начале 2000-х годов разработчики могли использовать на веб-страницах довольно ограниченное количество шрифтов. В основном это были «стандартные» шрифты, например, Verdana или Georgia. Для того чтобы как-то «оживить» страничку, веб-мастера создавали в графическом редакторе изображение с надписью каким-то «нестандартным» шрифтом и размещали его в качестве фона элемента (например, заголовка) на странице, а текстовое содержимое «прятали». 

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

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

Как правило при создании посадочных страниц (landing pages), на них размещается довольно много информации. Я нашел довольно удобный способ навигации по landing page, о чем и расскажу в этой статье.

Полизаполнения (polyfills) – это решения на javaScript, имитирующие работу новых функций HTML5 в устаревших браузерах. В основном предназначаются для Internet Explorer старше 9-ой версий. Самым простым примером полизаполнения, который первым приходит в голову, является скрипт HTML5Shiv. Он обеспечивает возможность стилизации новых семантических HTML5 элементов ( <header>, <footer>, <article> и других) в устаревших версиях IE.