Отправляет 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


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


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

Автор
webguru

Статистика

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

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


Как создать биткоин кошелек и начать пользоваться им

Здравствуйте!  В предыдущей статье «Биткоин – что это такое» мы познакомились с криптовалютой, обсуждали ее преимущества и недостатки в сравнении с реальными деньгами.

Тема сегодняшней статьи – создание биткоин-кошелька, на котором криптовалюта будет храниться, и с которого можно совершать всевозможные финансовые операции (а именно пополнять, переводить бткоины).

Подробнее
 

Как сделать причудливые амперсанды

Проблема


Несколько милых амперсандов в шрифтах, доступных по умолчанию на большинстве компьютеров. Слева направо: Baskerville, Goudy Old Style, Garamond, Palatino (все курсивные)
Вы наверняка заметили, что в книгах, посвященных типографике, скромный амперсанд всегда превозносится до небес. Никакой другой символ не придает тексту столько элегантности, сколько изящный амперсанд. Целые веб-сайты посвящают поиску шрифтов с самыми красивыми амперсандами. Однако найденный шрифт необязательно будет тем, какой вы хотели бы использовать для всего остального текста. В конце концов, действительно красивый и элегантный эффект в заголовках создается контрастом между симпатичным шрифтом без засечек и прелестными, замысловатыми амперсандами из шрифтов с засечками. Веб-дизайнеры осознали это уже довольно давно, но техника достижения этого эффекта остается кустарной и трудоемкой. Чаще всего амперсанд приходится оборачивать в  <span> , делая это либо посредством сценария, либо вручную,

например:
HTML
HTML <span class="amp">&amp;</span>
Затем мы задаем желаемые настройки стиля шрифта только к классу  .amp :
.amp {
font-family: Baskerville, "Goudy Old Style",
Garamond, Palatino, serif;
font-style: italic;
}
Это прекрасно работает, и пример оформления текста до и после применения данного решения вы можете видеть на рисунке. Однако это грязная техника, а в некоторых ситуациях, когда у нас нет возможности с легкостью редактировать разметку HTML (например, при использовании CMS), ее и вовсе применить невозможно. Нельзя ли просто приказать CSS применять другие стили к определенным символам?

Подробнее

 

Как настроить подчеркивание

Проблема

Дизайнеры — большие привереды. Мы всегда пытаемся переделать все под себя и очень щепетильны в реализации идей, добиваясь максимального соответствия с видением и стремясь создавать интуитивно понятные и простые в использовании дизайны. Значения по умолчанию редко бывают достаточно хороши для нас. Подчеркивание текста — одна из тех вещей, которые нам очень нравится подгонять под свой вкус. Хотя стандартное подчеркивание также работает неплохо, чаще всего оно смотрится слишком навязчиво, не говоря уже о том, что в разных браузерах оно визуализируется по-разному. И несмотря на то чтоподчеркивание текста доступно нам со времен зарождения Сети, у нас никогда не было возможности настраивать его вид. Даже появление CSS дало нам только обыкновенный выключатель — использовать подчеркивание или нет: text-decoration: underline; Как обычно, когда нам не предоставляют нужных инструментов, мы сами придумываем трюки. У нас не было возможности настраивать вид подчеркивания текста, поэтому мы начали имитировать его с помощью рамок — не исключено, что это вообще самый первый трюк CSS,  придуманный дизайнерами:
a[href] {
border-bottom: 1px solid gray;
text-decoration: none;
}
Несмотря на то что, имитируя подчеркивание текста с помощью  border-bottom, мы можем управлять цветом, толщиной и стилем линии, это решение далеко от идеала. Как видно на рисунке, такие «подчеркивания» находятся слишком далеко от текста — даже под нижними выносными элементами глифов! Можно было бы попытаться решить проблему, определив для ссылок свойство  display со значением  inline-block и меньшую величину  line-height , например так:
display: inline-block;
border-bottom: 1px solid gray;
line-height: .9;
Это работает — подчеркивание становится ближе к тексту, — но перенос слов на новую строку при этом работает неправильно, как демонстрирует риснок ниже.


Современный дизайнер мог бы попробовать применить для имитации подчеркивания внутреннюю тень, определяемую посредством  box-shadow : box-shadow: 0 -1px gray inset; Однако при этом возникают те же сложности, что и с border-bottom , за исключением того, что подчеркивание отображается чуть ближе к тексту. Существует ли другой способ получать правильные, гибкие и поддающиеся тонкой настройке подчеркивания?

Подробнее
 

 

Биткоин – что это такое

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

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

Подробнее
 

Как корректировать величину табуляции на css

Проблема

С веб-страницами, содержащими большое количество кода, такими как страницы документации или учебников, связаны собственные уникальные сложности стилизации. К элементам  <pre> и  <code>, с помощью которых мы оформляем код, применяется стилизация по умолчанию, определяемая пользовательским агентом, например такая:
pre, code {
font-family: monospace;
}
pre {
display: block;
margin: 1em 0;
white-space: pre;
}
Однако этого определенно недостаточно для того, чтобы учесть все уникальные трудности отображения кода. Одна из самых серьезных проблем заключается в том, что хотя табуляция идеально подходит для создания отступов в коде, очень часто ее стараются избегать, так как место, выделяемое браузером для отображения табуляции, по ширине равно целым восьми (!) символам. Посмотрите на рисунок — как плохо выглядят такие большие отступы и как бездарно расходуется место на экране:
наш код даже не поместился в свой контейнер!

Подробнее

 
В избранное