Войти
Главная / Записи рубрики "JavaScript"

Урок по CSS маскам – создаем вращающуюся галерею

Добавлено 24 Март 2012 | Раздел: CSS, JavaScript, Статьи, Трюки 0

Я попробовал много вещей, которые вы можете сделать с CSS свойством "mask". С помощью этого свойства вы сможете наложить маску или обрезать любой элемент. В роли маски может выступать как PNG, так и SVG.

Я связывал маски со свойствами transform и transition и добился крутого эффекта для галереи изображений. Я сделал демо для Chrome и ночных сборок Webkit. Firefox тоже поддерживает свойство mask, но не очень хорошо отображает вращающиеся изображения с масками, поэтому я использовал только префикс -webkit для этого демо.

Читать полностью Комментировать
Оцените статью: 
VN:F [1.9.15_1155]
  7.7/10 (Проголосовало: 21)

Opera 12 (Wahoo), обновление ядра с исправлениями функции Do Not Track, почты и темизации

Добавлено 11 Фев 2012 | Раздел: CSS, JavaScript, Статьи 0

Как можно видеть со списка изменений, в этой сборке довольно много фиксов, изменений и улучшений. Так как их много, я расскажу о нескольких важных вещах ниже:

Конфиденциальность

Эта сборка Wahoo добавляет поддержку технологии Do Not Track, которая разрешает браузерам пользователей запрещать их отслеживание в интернете. По умолчанию эта функция отключена, но мы можем её активировать, включив следующие опции в настройках Opera: "Preferences > Advanced > Security > Ask websites not to track me"

Нужно помнить, что это будет работать только когда сайт акцептует запрос. Некоторые сайты уже сейчас делают это. И эффект DNT будет оценен, чтобы убедиться, что эта технология является жизнеспособным решением в долгосрочной перспективе.

Читать полностью Комментировать
Оцените статью: 
VN:F [1.9.15_1155]
  8.6/10 (Проголосовало: 28)

Быстрый взгляд на математику анимации в JavaScript

Добавлено 10 Фев 2012 | Раздел: JavaScript, Статьи 3

В школе я ненавидел математику. Мне она казалась надоедливой, сухой и скучной штукой с кучей старых книг, решающих очень теоретические проблемы. Даже хуже, многие задачи повторялись, с простым логическим изменением в каждой итерации (деление чисел, дифференциалы и т.д) Именно поэтому мы и придумали компьютеры. Достаточно сказать, что очень много домашних заданий по математике сделал мой старый верный Commodore 64 и Basic. Мне же оставалось просто скопировать результаты.

Эти инструменты и несколько уроков геометрии вдохновили меня сделать математику интересной для себя. Я сделал это в первую очередь путем создания визуальных эффектов, которые следуют правилам математических правил в демо, заставках и других, казалось бы бессмысленных вещах.

Читать полностью Комментировать
Оцените статью: 
VN:F [1.9.15_1155]
  9.0/10 (Проголосовало: 21)

Числа Фибоначчи, как учат в учебниках и как их лучше искать

Добавлено 07 Фев 2012 | Раздел: JavaScript 7

Одна из первых тем, которой учат в учебниках по программированию — это рекурсия. Это довольно сложная для понимания тема, ну то есть для некоторых (для меня например). И почти в 90% учебников рекурсию рассматривают на примере чисел Фибоначчи.

Числа Фибоначчи — это последовательность чисел, в которой каждое следующее число является суммой двух предыдущих чисел. Начинается последовательность с нуля и единицы (ноль иногда опускают). Выглядит это так:

0, 1, 1, 2, 3, 5, 8, 13, 21, 34… и так до бесконечности

Читать полностью Комментировать
Оцените статью: 
VN:F [1.9.15_1155]
  8.7/10 (Проголосовало: 15)

Подписка

Если хотите быстро и оперативно получать последние новости и статьи, то рекомендуем подписаться на обновления блога по E-mail:


Мы на Facebook

Мы ВКонтакте