Умная шапка сайта как на Medium (почти)

Когда я разрабатывал вторую версию шаблона для своего блога я хотел дать ему какую-то изюминку. Еще в то время я активно читал Medium. Я заметил, что у них интересным образом сделана шапка. Когда вы скроллите вниз, она прячется, продолжая скроллить вниз она все еще скрыта и как только начинаете двигаться вверх, она снова показывается. Я решил сделать такую же шапку (ну, почти) у себя в блоге.

Читать далее…

JavaScript: Как создать класс (3 способа)?

В этой записи я покажу как создать класс в JavaScript, добавить в него методы помощники, переменные (массивы и обычные) и остальные полезности. Разберем три варианта — используя функцию, объекты и синглетон. 
Читать далее…

Slide Up или Slide Down без jQuery, используя только CSS

Раньше, чтобы сделать анимацию нам бы потребовалась какая-нибудь библиотека, например jQuery, сегодня у нас есть CSS. В целом, и про него тоже можно забыть, потому что существует такое решение как Animate.css. В этой записи я покажу как сделать методы slideDown() и slideUp() из jQuery с помощью обычного CSS (не используя библиотеки и сторонние методы).
Читать далее…

Почему не удается получить данные из iframe с JavaScript

Если вы уже некоторые время работаете с JavaScript, то вероятнее всего вы можете столкнуться с проблемой получения данных (текста и т.д.) из iframe. Это не так просто в JavaScript, потому что есть ограничения по «Same-origin policy». В этой записи я подробно опишу что это такое, почему эта проблема происходит и как её обойти.
Читать далее…

Изменить class для элемента с помощью JavaScript/jQuery

Современный HTML5 сильно улучшается и тем самым дает больше возможностей для JavaScript. В этой записи я покажу как можно изменять, добавить или удалить класс (class) для элементов с помощью JavaScript или jQuery.
Читать далее…

Старые записи »