Архив метки: JavaScript
Инженеры Google против блокировки javascript и CSS
Интересным образом иногда происходит общение поисковой системы Google и вебмастеров. На днях инженер компании на своем блоге опубликовал статью-обращение к владельцам сайтов, в котором он призывал не блокировать javascript и CSS от поискового бота.
Google запускает сайт для разработчиков
Некоторое время назад я уже писал о том, что компании Google анонсировала новый язык программирования Dart. Сейчас же корпорация добра сделал еще один шаг к популяризации своего языка программирования — произошел запуск сайта Dart Synonym. Подробнее под катом.
jQuery: слайдер с эффектом параллакса
Доброго времени суток! Сегодня мы будем создавать слайдер с использованием некоторых принципов эффекта параллакса. Я уже писал о плагине Scrolling Parallax совсем недавно. Там мы использовали плагин, а тут напишем все с нуля. Итак, приступим к созданию слайдера с эффектом параллакса на jQuery.
Easy Slider — простой в настройке слайдер для сайта
Сегодня решил сделать обзор jQuery слайдера, который я частенько использую в работе. Слайдер приглянулся тем, что очень прост в установке и кастомизации. Текущая версия плагина на данный момент 1.7. Автор постоянно улучшает слайдер и он абсолютно бесплатен. Давайте разберемся как установить и настроить слайдер на своем сайте.
jQuery: плагин Scrolling Parallax
Scrolling Parallax это jQuery плагин, который добавляет эффект параллакса при прокрутке страницы с помощью скролбара или колеса мыши. Это позволяет фону страницы прокручиваться с другой скоростью нежели остальной контент страницы. Эффект параллакса позволяет с легкостью создавать иллюзию глубины вашего сайта. Самый простой вариант использования плагина это просто указать плагину путь до изображения. Плагин возьмет данное изображение и растянет его на всю ширину страницы и на 150% высоты страницы. Дополнительные 50% послужат для плавной прокрутки фона вместе с основным контентом. У плагина масса опций, которые позволяют скролить быстрее, медленнее, зацикливать скрол и т.д. Но обо всем по-порядку.
Как растянуть фон на все окно браузера? Четыре простых решения на CSS и JavaScript. Свойство background-size
Часто ли вы сталкивались с сайтами, у которых фоновый рисунок растянут на всю страницу? И не важно в каком разрешении вы просматриваете сайт — фон всегда занимает весь экран браузера и не смотриться растянутым. Я тоже задавался этим вопросом и нашел ответ в хорошей статье Криса Койера. Сегодня приведу вольный перевод, максимально близко к тексту. Будут рассмотрены четыре разных способа сделать фоновый рисунок на всю страницу. В конце статьи — ссылка на архив с демо страницами.
Анимированная диаграмма умений с помощью JavaScript библиотеки Raphaël
Сегодня я бы хотел поведать вам о прекрасной JavaScript библиотеке Raphaël. Мы создадим анимированную диаграмму умений с помощью этой библиотеки. Идея очень проста: мы нарисуем несколько дуг с помощью математических функций и будем выводить уровень умения в центральном круге в процентах. Давайте приступим.
10 лучших мануалов по созданию форм с помощью CSS3
Вот и началась сессия. В связи с этим наблюдается катастрофическая нехватка времени. Поэтому весь этот месяц буду радовать вас различными подборками. Хотя думаю и несколько интересных статей тоже стоит ожидать. Мануалы все на английском языке. Особенно интересные я буду стараться переводить для вас. Сегодня у нас обзор лучших мануалов по созданию различных форм на CSS3. Это и формы обратной связи, и поисковые формы, и формы логина с различными эффектами.
Создаем вращающиеся иконки с помощью CSS3 и Mootols
Сегодня мы займемся тем, что попробуем приукрасить внешний вид иконок на профили (RSS, twitter и т.д.). Добавим немного движения в эти иконки. А делать мы будем это с помощью CSS3 анимации.Так же с помощью JavaScript библиотеки MooTools мы будем задавать произвольное расположение и поворот иконок. Давайте посмотрим как притворить это в жизнь.
Панель трендов с помощью CSS и jQuery
Хочу сегодня поделиться с вами интересной задумкой. На многих англоязычных порталах, частенько присутствует так называемая панель трендов. Обычно это однострочная панель прилепленная к низу экрана, на которой создатели портала анонсируют популярные статьи. Панель достаточно хорошо привлекает внимание и соответственно вы можете перенаправить трафик со всего сайта в нужное вам русло. Существует множество плагинов для WordPress, которые позволяют сделать что-то подобное. Но нам всегда интересен чистый легкий код. Так же мы будем использовать свойство opacity для того, чтобы панель становилась ярче при наведении на нее курсора мыши.