В состав HTML5 входят некоторые новые свойства, которые предназначены для веб-мастеров, которые хотят, чтобы их код был читаемый и семантически значимый. Тем не менее, поддержка HTML5 все еще находится в стадии развития, и IE – один из последних браузеров, где эта поддержка появляется. Давайте в этом уроке создадим шаблон, используя некоторые новые семантические HTML5-элементы. Чтобы была обратная совместимость с IE, используем JavaScript и CSS, в том числе и с Internet Explorer 6. Читать полностью…

Эффекты движения нравятся всем. Если движущийся объект будет еще и тень сопровождать, это добавляет зрелищности. Такой эффект используется в фильме Матрица, например. Но это – в фильмах. Можно ли создавать эффект движущейся тени в анимации? Можно, причем не просто создавать, но и проводить с этим эффектом разные эксперименты! Читать полностью…

Давайте построим мощное веб-приложение, которое будет похоже на настольное приложение. В этом нам поможет ExtJS, который содержит множество крупных компонент. Цель этого урока – сделать на ExtJS и PHP простой просмотрщик файлов. Читать полностью…

Сегодня все больше людей используют социальную сеть Facebook. Удобно и просто: можно и с друзьями пообщаться, и с коллегами или родственниками. Фотографиями можно поделиться или, например, видео. В общем, действительно удобно, тем более что одно из отличительных свойств панели сообщений соцсети – прикрепленный контент, который встроен. Это дает возможность на Facebook посмотреть содержание других сайтов, их не посещая. Судя по всему, популярная сеть использует oEmbed со множеством модификаций «под себя». Давайте в этом уроке посмотрим, как, используя jQuery oEmbed и AJAX, можно сделать встроенное прикрепление контента, похожее на Facebook Читать полностью…

Наверняка наши читатели знают, что из себя представляет HTML. Тем не менее, этот урок будет полезен для новичков – 10 тегов, которые они редко используют. Надеемся, что урок и остальным будет полезен, поскольку позволит отточить мастерство, да и лишние напоминание только способствует закреплению знаний, что особенно актуально во время бурного развития веб-технологий. Читать полностью…

API Карт Google, как правило, загружается одновременно с содержанием странички, это задано в script-теге с указанием источника кода. Если же карта – не очень важный элемент приложения, или время загрузки странички необходимо уменьшить, загрузку JavaScript-кода можно отложить до того времени, когда он нам действительно будет нужен. Точно также можно поступить и с API Яндекс.Карт. Читать полностью…

Давайте посмотрим в этом уроке, как на основе HTML5 строится привлекательная круглая диаграмма, обладающая интерактивными функциями. Такие задачи еще недавно решались только с помощью Flash, сегодня же, с появлением такого элемента HTML5, как canvas, можно, используя математику, CSS и JavaScript, воплощать в жизнь самые смелые анимационные эффекты! Читать полностью…