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

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

Подписаться Бесплатная «Серебряная» новостная рассылка . Подписчиков 213 RSS
←   Май 2017   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31


За последние 60 дней ни разу не выходила


Сайт рассылки: http://webdiz.com.ua
Открыта: 01-06-2016

Автор
webguru

Статистика

213 подписчиков
0 за неделю
←   Все выпуски   →

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


Курс биткоина к рублю и доллару

Здравствуйте. В сегодняшней статье речь пойдет о курсе самого распространенного представителя империи криптовалют – «великого и ужасного» биткоина (bitkoin). Речь пойдет о динамике его изменения, возможных перспективах на будущее, подсчетах и тому подобных моментах (например, при использовании Bitcoin обменников важно знать реальный курс, чтобы понимать сколько вы переплачиваете).

Курс биткоина к доллару

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

Подробнее
 

Как сделать эффект лайтбокса

Проблема

Нередко возникает необходимость затемнить все содержимое позади элемента с помощью полупрозрачной темной подложки, для того чтобы подчеркнуть данный элемент пользовательского интерфейса и привлечь к нему внимание пользователя. Например, этот эффект часто используется для создания «световых коробов» или лайтбоксов  и «экскурсий» по интерфейсу. В самой распространенной технике реализации роль затемняющего занавеса играет новый элемент HTML, к которому применено немного стилизации CSS, как в следующем
фрагменте кода:
.overlay { /* Для затемнения */
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,.8);
}
.lightbox { /* Элемент, к которому мы хотим привлечь внимание */
position: absolute;
z-index: 1;
/* [остальные стили] */
}


Подложка затеняет все содержимое позади того элемента, к которому мы хотим привлечь внимание.  .lightbox получает более высокое значение  z-index , для того чтобы этот элемент выводился поверх подложки. Это, конечно, прекрасно, но все же данное решение требует дополнительного элемента HTML, то есть реализовать его с помощью чистого CSS невозможно. Не самая большая проблема, но по возможности нам все же хотелось бы избежать этого неудобства. К счастью, в большинстве случаев это возможно.

Подробнее
 

Как размыть фон на css

Проблема

В статье  «Как сделать эффект лайтбокса » мы познакомились со способом отвлечения внимания от фрагментов веб-приложения посредством их затемнения с помощью полупрозрачной черной подложки. Но если страница содержит большое количество деталей, то затемнять ее приходится очень сильно, для того чтобы обеспечить достаточный контраст с отображающимся поверх текстом или привлечь внимание к световому коробу или другому элементу. Более элегантный способ, заключается в том, что мы размываем все остальное, за исключением подсвеченного элемента, в дополнение к затемнению или вместо него. Кроме того, это создает более реалистичный эффект глубины, имитируя то, как наше зрение воспринимает объекты, находящиеся физически ближе к нам, когда мы на них фокусируемся. Однако реализовать этот эффект куда сложнее. До появления спецификации Filter Effects это было вообще невозможно, и даже с использованием фильтра  blur() задача остается непростой. К чему привязывать размывающий фильтр? Или мы должны применить его ко всему, за исключением определенного элемента? Если мы применим его к элементу <body> , то будет размыто все содержимое страницы, включая элемент, к которому мы хотим привлечь внимание. Ситуация очень похожа на ту, которую мы рассматривали в статье «Эффект матированного стекла», однако прибегнуть к тому же решению здесь мы не можем, так как позади нашего диалоговогоокна может находиться все что угодно, а не только фоновое изображение. Что же делать?

Подробнее
 

Подсказки о прокрутке

Проблема

Полоса прокрутки — главный способ указать, что элемент включает больше содержимого, чем видно на экране. Однако очень часто они бывают неуклюжими и отвлекают внимание пользователя, поэтому разработчики современных операционных систем стремятся их упрощать, зачастую даже полностью скрывают полосы прокрутки с экрана до тех пор, пока пользователь не начинает активно взаимодействовать с элементом, поддерживающим прокрутку. Хотя сегодня полосы прокрутки используются все реже (пользователи обычно прокручивают содержимое с помощью жестов), указание на то, что внутри элемента больше содержимого, чем видно в данный момент на экране, — чрезвычайно полезная информация, и ее рекомендуется ненавязчиво добавлять даже к тем элементам, с которыми пользователь в настоящее время не взаимодействует. Дизайнеры-проектировщики пользовательского взаимодействия, разрабатывавшие Google Reader, клиент для чтения RSS-лент от Google (сейчас этот проект уже закрыт), нашли очень элегантный способ указания на наличие дополнительного


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


Однако для того чтобы добиться этого эффекта в Google Reader, разработчикам пришлось добавить немало сценариев. Было ли это действительно необходимо или тот же эффект можно реализовать на чистом CSS?

Подробнее
В избранное