x

перезвонить

Отличные примеры реализации CSS

Отличные примеры реализации CSS

Возможности CSS в наши поражают воображение. Последние версии всех основных браузеров (даже Internet Explorer) вполне поддерживают CSS3, а возможности для оформления, анимации и интерактивности никогда не были более значительными. Но найти вдохновение в веб-дизайне довольно сложно.

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

Вот несколько отличных примеров реализации CSS, которые обеспечат вам всплеск творческого вдохновения.


Type Terms


Type Terms - это анимированная шпаргалка, созданная командой в Supremo, дизайн-студии в Манчестере. Проведя некоторые исследования, они обнаружили, что большинство существующих онлайн-справочников терминологии по типографии используют простые статические изображения. Команде разработчиков выдалась прекрасная возможность поэкспериментировать с SVG и CSS анимацией.

Журнал MIT Technology Review

Журнал MIT Technology Review, публикуемый более ста лет, освещающий технологии понятным для всех способом, был возобновлён бостонской дизайн-студией Upstatement. 

«Мы ярые поклонники Technology Review, поэтому, когда Эрик Пеллетье (вице-президент журнала) обратился к нам, мы были в восторге», - говорит Майк Сварц, сотрудник Upstatement.

Вместо того, чтобы использовать стандартную версию Helvetica, на сайте представлена Neue Haas Grotesk, оригинальная версия Helvetica, которая придаёт сайту действительно современный вид. Вкупе со шрифтом Miller Text для основного текста, оформление выглядит классическим, но современным.

Расскажи друзьям