Треугольники с тенью на CSS

Скорее всего, вы уже знаете, как сделать треугольник на чистом CSS, использовав свойство border. Если же не знаете, то можно почитать, например, здесь. Но что, если вам понадобятся треугольники с тенью? Классическая манипуляция с бордером не может изменить форму объекта, это всего лишь визуальный обман. Т.е. нельзя просто взять и добавить box-shadow к такому треугольнику, […]

Полезные ссылки для изучения CSS анимации

Мы начали наблюдать много экспериментов над CSS3 анимацией и статьи о ней в 2011-м, но тогда поддержка этой анимации была ограничена браузерами на вебките. В середине 2011-го Firefox 5 тоже получил эту поддержку, а также мы можем ожидать ее в следующей реинкарнации Internet Explorer (10), поэтому сейчас идеальное время, чтобы разобраться с синтаксисом @keyframes (покадровой […]

Знакомство с Parallax Scrolling + полезные ссылки

Любой, кто играл или наблюдал за игрой друзей, либо в принципе видел игры, которые были выпущены в 80-90-х годах, должны быть знакомы с техникой параллакс-скроллинга. Вспомните такие игры, как Mario Bros, Streets of Rage, Mortal Kombat, Turtles in Time или оригинальную игру Moon Patrol. В этих играх техника параллакса наблюдается в тот момент, когда несколько […]

Microsoft выбирает Net Applications для подсчета браузерной статистики

В первых числах каждого месяца в официальном блоге Internet Explorer Microsoft публикует актуальную статистику популярности браузеров. Таким же образом они поступили и первого марта, опубликовав отчет с графиком, на котором IE 9 опережает по популярности браузеры Google Chrome and Mozilla Firefox на ОС Windows 7. Microsoft отталкивается от результатов, взятых у Net Applications. Однако, есть […]

Подружите мобильный дизайн с пальцами: идеальные размеры для тачскринов

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

Что такое Viewport, как он работает и для чего вообще нужен

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

Превью некоторых селекторов из CSS4

Девид Уолш (David Walsh, американский веб-разрабочик, один из создателей MooTools), в однажды своем блоге рассмотрел некоторые потенциально интересные нововведения в CSS4, которые появились после последних обновлений спецификации. Я неровно дышу к будущему веба и не мог пройти мимо этого текста. Прочтя его, решил сделать перевод, потому что несмотря на интересность этой темы, многие могут пройти […]

Вопросы для собеседования front end разработчика

Последние несколько лет по работе приходится участвовать в собеседовании кандидатов на должность фронт енд разработчиков. Готовясь к интервью, каждый раз приходится задумываться о том, какие вопросы лучше задавать, а какие будут лишними. С одной стороны очень важна техническая часть, однако при устном собеседовании довольно сложно ее оценить объективно. Как показала практика, часто даже неплохие разработчики […]

Полезные элементы в контейнере <HEAD>
для мобильных сайтов

Этим постом я закончу предыдущий и одновременно начну серию статей на тематику мобильного веба. Думаю, все в курсе, что мобильные девайсы в настоящий момент активно захватывают мир. Еще год назад по данным Stat Counter доля мобильного интернет-трафика в мире составляла 4%, на данный момент это значение уже равняется 8% с копейками, а это двукратный рост, […]