Архив метки: JavaScript

Инженеры Google против блокировки javascript и CSS

googleИнтересным образом иногда происходит общение поисковой системы Google и вебмастеров. На днях инженер компании на своем блоге опубликовал статью-обращение к владельцам сайтов, в котором он призывал не блокировать javascript и CSS от поискового бота.

01 Апрель, 2012 | Рубрики: Новости Читать статью

Google запускает сайт для разработчиков

google логоНекоторое время назад я уже писал о том, что компании Google анонсировала новый язык программирования Dart. Сейчас же корпорация добра сделал еще один шаг к популяризации своего языка программирования — произошел запуск сайта Dart Synonym. Подробнее под катом.

07 Февраль, 2012 | Рубрики: Новости Читать статью

jQuery: слайдер с эффектом параллакса

Parallax SliderДоброго времени суток! Сегодня мы будем создавать слайдер с использованием некоторых принципов эффекта параллакса. Я уже писал о плагине Scrolling Parallax совсем недавно. Там мы использовали плагин, а тут напишем все с нуля. Итак, приступим к созданию слайдера с эффектом параллакса на jQuery.

21 Декабрь, 2011 | Рубрики: JavaScript, Parallax Читать статью

Easy Slider — простой в настройке слайдер для сайта

Easy SliderСегодня решил сделать обзор jQuery слайдера, который я частенько использую в работе. Слайдер приглянулся тем, что очень прост в установке и кастомизации. Текущая версия плагина на данный момент 1.7. Автор постоянно улучшает слайдер и он абсолютно бесплатен. Давайте разберемся как установить и настроить слайдер на своем сайте.

14 Декабрь, 2011 | Рубрики: JavaScript Читать статью

jQuery: плагин Scrolling Parallax

parallaxScrolling Parallax это jQuery плагин, который добавляет эффект параллакса при прокрутке страницы с помощью скролбара или колеса мыши. Это позволяет фону страницы прокручиваться с другой скоростью нежели остальной контент страницы. Эффект параллакса позволяет с легкостью создавать иллюзию глубины вашего сайта. Самый простой вариант использования плагина это просто указать плагину путь до изображения. Плагин возьмет данное изображение и растянет его на всю ширину страницы и на 150% высоты страницы. Дополнительные 50% послужат для плавной прокрутки фона вместе с основным контентом. У плагина масса опций, которые позволяют скролить быстрее, медленнее, зацикливать скрол и т.д. Но обо всем по-порядку.

14 Ноябрь, 2011 | Рубрики: JavaScript, Parallax Читать статью

Как растянуть фон на все окно браузера? Четыре простых решения на CSS и JavaScript. Свойство background-size

Фоновое изображение на всю страницуЧасто ли вы сталкивались с сайтами, у которых фоновый рисунок растянут на всю страницу? И не важно в каком разрешении вы просматриваете сайт — фон всегда занимает весь экран браузера и не смотриться растянутым. Я тоже задавался этим вопросом и нашел ответ в хорошей статье Криса Койера. Сегодня приведу вольный перевод, максимально близко к тексту. Будут рассмотрены четыре разных способа сделать фоновый рисунок на всю страницу. В конце статьи — ссылка на архив с демо страницами.

14 Сентябрь, 2011 | Рубрики: CSS3, JavaScript Читать статью

Анимированная диаграмма умений с помощью JavaScript библиотеки Raphaël

raphael javascript библиотекаСегодня я бы хотел поведать вам о прекрасной JavaScript библиотеке Raphaël. Мы создадим анимированную диаграмму умений с помощью этой библиотеки. Идея очень проста: мы нарисуем несколько дуг с помощью математических функций и будем выводить уровень умения в центральном круге в процентах. Давайте приступим.

13 Сентябрь, 2011 | Рубрики: JavaScript Читать статью

10 лучших мануалов по созданию форм с помощью CSS3

формы на CSS3Вот и началась сессия. В связи с этим наблюдается катастрофическая нехватка времени. Поэтому весь этот месяц буду радовать вас различными подборками. Хотя думаю и несколько интересных статей тоже стоит ожидать. Мануалы все на английском языке. Особенно интересные я буду стараться переводить для вас. Сегодня у нас обзор лучших мануалов по созданию различных форм на CSS3. Это и формы обратной связи, и поисковые формы, и формы логина с различными эффектами.

08 Июнь, 2011 | Рубрики: CSS3, Подборки Читать статью

Создаем вращающиеся иконки с помощью CSS3 и Mootols

вращающиеся иконкиСегодня мы займемся тем, что попробуем приукрасить внешний вид иконок на профили (RSS, twitter и т.д.). Добавим немного движения в эти иконки. А делать мы будем это с помощью CSS3 анимации.Так же с помощью JavaScript библиотеки MooTools мы будем задавать произвольное расположение и поворот иконок. Давайте посмотрим как притворить это в жизнь.

18 Май, 2011 | Рубрики: CSS3, JavaScript Читать статью

Панель трендов с помощью CSS и jQuery

Панель трендов с помощью JavaScript и CSSХочу сегодня поделиться с вами интересной задумкой. На многих англоязычных порталах, частенько присутствует так называемая панель трендов. Обычно это однострочная панель прилепленная к низу экрана, на которой создатели портала анонсируют популярные статьи. Панель достаточно хорошо привлекает внимание и соответственно вы можете перенаправить трафик со всего сайта в нужное вам русло. Существует множество плагинов для WordPress, которые позволяют сделать что-то подобное. Но нам всегда интересен чистый легкий код. Так же мы будем использовать свойство opacity для того, чтобы панель становилась ярче при наведении на нее курсора мыши.

12 Май, 2011 | Рубрики: CSS3, JavaScript Читать статью