Отправляет email-рассылки с помощью сервиса Sendsay

Как создать сайт

  Все выпуски  

Как создать сайт


Что такое Форекс и как на нем заработать

Здравствуйте!  В данной статье мы рассмотрим  мировой валютный рынок Форекс – определим его сущность и познакомимся с некоторыми основными понятиями, которые помогут вам чувствовать себя в любой его торговой платформе как рыба в воде.

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

Подробнее

Как сделать липкие колонтитулы

Проблема

Это одна из старейших и самых известных проблем веб-дизайна. Она встречается настолько часто, что большинство из нас обязательно сталкивались с ней в тот или иной момент своей карьеры. В двух словах смысл ее таков: нижний колонтитул с любой блочной стилизацией, такой как фон или тень, прекрасно работает, когда содержимое достаточно длинное, но ломается на коротких страницах (таких, как сообщения об ошибке). Поломка выглядит так, что нижний колонтитул «прилипает» не к нижней кромке окна просмотра, как нам хотелось бы, а к нижней кромке содержимого.
Объясняется такая популярность этой проблемы не только ее вездесущностью, но также тем, насколько обманчиво простой она кажется с первого взгляда. Это классический случай задачи, на решение которой приходится затратить намного больше времени, чем поначалу ожидалось. Помимо этого, средствами CSS 2.1 она все еще не решается: практически все классические решения требуют указывать фиксированную высоту нижнего колонтитула, что надуманно, а зачастую попросту невозможно. Кроме того, все эти решения чрезмерно сложные, грязные и предъявляют специфические требования к разметке.

Но тогда ничего лучше в нашем распоряжении не было, учитывая ограничения CSS 2.1. Однако с современным CSS мы можем намного больше! Так как же
решить задачу?

Подробнее
 

Как сделать плавную анимацию на css

Проблема

Эластичные переходы и анимация (то есть пружинящие переходы) — это популярный способ придания интерфейсу жизнерадостности и реалистичности, ведь когда объекты движутся в реальной жизни, они редко перемещаются из точки А в точку Б, не демонстрируя никакой упругости. С технической точки зрения пружинящий эффект заключается в том, что после того, как переход достигает конечного значения, он немного отматывается назад, затем снова достигает конечного значения, снова отматывается назад, но уже на меньшее значение, и так повторяется один или несколько раз до тех пор, пока переход окончательно не завершится.

Например, предположим, что мы анимируем элемент, стилизованный под падающий мяч, определяя с помощью  transform переход от  none до  translateY(350px). Разумеется, элемент может демонстрировать пружинящее поведение не только при перемещении по плоскости. Этот эффект способен сделать значительно привлекательнее любой тип перехода, включая:

‰ переходы, затрагивающие размер (например, можно увеличивать элемент при срабатывании  :hover , отображать растущее в размере диалоговое окно, начиная с  transform: scale(0) , анимировать столбики на диаграмме);
‰ переходы, включающие изменение угла (например, вращения или секторные диаграммы, секторы на которых посредством анимации вырастаютс нуля). Несколько библиотек JavaScript содержат встроенные возможности по созданию пружинящей анимации. Однако сегодня мы более не нуждаемся в помощи сценариев для добавления в наши проекты анимации и переходов. Как же тогда наилучшим способом реализовать пружинящий эффект средствами CSS?


Подробнее

В избранное