Pull to refresh

Маленькие идеи: Боремся с троеточиями в конце превью статьи

Reading time1 min
Views1.7K
Обычно когда не влезает какой-либо текст в какие-либо рамки его режут и в конец вставляют троеточие. Иногда оно к месту, а чаще всего все портит. Для меня троеточие ассоциируется с неким пессимистическим тоном.
Типичные примеры не к месту: «С днем победы!...», «Наконец то весна наступила...» и т.д.
Да, никто не отменял 2 окна ввода данных одно для превью другое для всей статьи.
Изложу далее мою альтернативу.

Все просто — заменяем троеточие градиентом последнего слова или части слова.

Это можно реализовать несколькими способами:
Первый не очень красивый, но без лишнего.
Наконец то весна насту<span style="color:#333">п</span><span style="color:#888">и</span><span style="color:#BBB">л</span><span style="color:#EEE">а</span>
Второй способ.
На последнее слово накладывается градиентная png картинка.

Первый можно реализовать через Javascript или на сервере сгененировать кому как нравится.

UPD Третий способ через прозрачность:
CSS3 opacity для Mozilla 1.7b+, Firefox 0.9+, Safari 1.2+, Opera 9.
moz-opacity для Mozilla 1.6 и ниже, Firefox 0.8
-khtml-opacity Safari 1.1, Konqueror 3.1
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
или
filter:alpha(opacity=50); для IE5.5+

UPD2 Споры о многоточии/троеточии:
Многоточие (…) — знак препинания в виде нескольких (в русском языке трёх) поставленных рядом точек. В просторечии многоточие также иногда называют «троеточием».
В английском языке (как и в русском) в многоточии три точки, однако в китайском языке оно состоит из 6 точек (2 группы по 3 точки).
Подробнее о правилах расстановки можно прочитать в Русской Википедии
Tags:
Hubs:
Total votes 26: ↑18 and ↓8+10
Comments23

Articles