JavaScript | RUSDIGI

Новости

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

Новости

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

admin

07.02.201226.02.2016

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

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

JavaScript Parallax

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

admin

21.12.201104.03.2016

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

JavaScript

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

admin

14.12.201104.03.2016

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

JavaScript Parallax

jQuery: плагин Scrolling Parallax

admin

14.11.201104.03.2016

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

CSS3 JavaScript

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

admin

14.09.201104.03.2016

Часто ли вы сталкивались с сайтами, у которых фоновый рисунок растянут на всю страницу? И не важно в каком разрешении вы просматриваете сайт - фон...

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

JavaScript

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

admin

13.09.201126.03.2016

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

CSS3 Подборки

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

admin

08.06.201126.02.2016

Вот и началась сессия. В связи с этим наблюдается катастрофическая нехватка времени. Поэтому весь этот месяц буду радовать вас различными подборками. Хотя думаю и несколько...

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

CSS3 JavaScript

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

admin

18.05.201104.03.2016

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

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

CSS3 JavaScript

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

admin

12.05.201126.02.2016

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

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

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

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

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

jQuery: плагин Scrolling Parallax

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

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

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

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

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

Лучшая рубрика

Wiki

Новости

Операционные системы и утилиты для ПК

Последняя запись

Лучшая рубрика