Блог Makeomatic: разработка сайтов и мобильных приложений

HTML5

Параллакс эффект в CSS

| Категории: HTML5
Анна Аминева

Иллюстрация блокнота

Параллакс эффект прокрутки страницы

Существует несколько путей создания параллакс эффекта при прокрутке страницы. Большинство примеров, которые вы найдете на StackOverflow или на подобных сайтах, содержат отдельно двигающиеся слои или дивы, движение которых инициируется jQuery- обработчиком события onscroll данного документа.

Блокнот с помощью браузера с одной строчкой кода

концепции и практическое применение

| Категории: Javascript, HTML5
Анна Аминева

Иллюстрация блокнота

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

Текстовый редактор

Существует очень простой способ использования браузера в качестве текстового редактора. Я просто открываю новую закладку и набираю в url закладке:

data:text/html, <html contenteditable>

Вот и браузерный блокнот.

Почему это работает?

Не надо это запоминать. Это вам не ракеты в космос запускать. Используем формат Data URl и говорим браузеру отрисовать html тег (можете попробовать javascript:alert('Bazinga');)

Содержимое вышеописанного html файла- это простая строка с html5 атрибутом contenteditable.

Важно знать: строка будет работать на современных браузерах, которые распознают данный атрибут.
Все готово. Удачи.

Читайте так же статьи по теме: