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

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

  Все выпуски  

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


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

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

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

Подробнее
 

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

Проблема

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

Подробнее

 

Лигатуры в CSS

Проблема

Так же как и люди, не все глифы хорошо уживаются вместе. Взять, например, символы f и i в большинстве шрифтов с засечками. Точка, принадлежащая символу i, часто налезает на верхний выносной элемент символа f, из-за чего эта пара выглядит некрасиво (первый пример на рисунке). Чтобы устранить это недоразумение, в дизайн шрифтов часто включают дополнительные глифы, называемые лигатурами. Это индивидуально разработанные пары и тройки глифов, которые программа набора текста автоматически подставляет, когда соответствующие символы находятся друг рядом с другом. Например, на рисунке вы видите несколько распространенных лигатур. Обратите внимание, насколько лучше они смотрятся, чем просто находящиеся рядом эквивалентные глифы.

Лигатуры в css

Также существуют так называемые дискретные лигатуры, которые разрабатываются ради стилистической альтернативы, а не потому, что с соответствующими символами связаны какие-то проблемы отображения, когда те стоят вплотную друг к другу. Однако в браузерах дискретные лигатуры никогда по умолчанию не используются (и это правильно), а зачастую не используются и обыкновенные лигатуры (а это уже ошибка). В действительности до недавнего времени единственным способом задействовать любую лигатуру было добавление в код эквивалентного символа Unicode: например,  &#xfb01; для лигатуры fi. Но этот метод создает больше проблем, чем решает:
очевидно, что разметку становится трудно читать и еще сложнее писать (попробуйте догадаться, что за слово кроется в шифре  de&#xfb01;ne !);
если текущий шрифт не включает символ для данной лигатуры, то результат начинает смахивать на анонимки из вырезанных газетных букв не для каждой лигатуры существует эквивалентный стандартизированный символ Unicode. Например, лигатуре ct не  соответствует никакой символ Unicode, и в любых шрифтах, включающих ее, этот символ должен быть помещен в блок Unicode PUA (Private User Area, область частного использования);
это снижает доступность текста, в том числе для копирования и вставки, поиска и программ голосового чтения экрана. Многие приложения достаточно умны, чтобы правильно обрабатывать такие символы, но далеко не все. Поиск может даже сломаться в некоторых браузерах. Определенно, в наше время должен существовать способ получше!

Подробнее

 

 

РУРУ — обзор платежной системы RURU, регистрация, создание кошелька.

Здравствуйте. Сегодня я расскажу о  платежной системе под весьма интересным названием «Ruru» — недавно появившаяся, но уже набирающую популярность. Думаю, что ее тоже стоит добавить в  сборник лучших электронных кошельков мира и рунета.

Ниже мы проанализируем процесс регистрации в РУРУ, детально разберем функционал проекта, перечислим его преимущества и недостатки.

Подробнее
 

Как вставить разрыв строки

Проблема

Необходимость разрывать строки средствами CSS обычно возникает при использовании списков определений, но также в некоторых других случаях. Чаще всего мы используем списки определений, потому что хотим быть добропорядочными кибергражданами и создавать правильную семантическую разметку, даже если визуальный результат, который нам требуется, — это всего лишь несколько строк с парами из имени и значения. Рассмотрим такую разметку:
HTML
<dl>
<dt>Name:</dt>
<dd>Lea Verou</dd>
<dt>Email:</dt>
<dd>lea@verou.me<;/dd>
<dt>Location:</dt>
а<dd>Earth</dd>
</dl>
Ожидаемый визуальный результат — простая стилизация, показанная на рисунке.
На первом шаге мы чаще всего применяем пару простых приемов CSS, например:
dd {
margin: 0;
font-weight: bold;
}
Как вставить разрыв строкиОднако поскольку  <dt> и  <dd> — это блочные элементы, в результате у нас получается нечто более напоминающее рисунок ниже, когда каждое имя и каждое значение отображаются на отдельной строке.

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


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

 

Подробнее
 

В избранное