UNIXHOME.ORG.UA

Пример организации стилей на типичном проекте.

Гулял я по интернету, искал плагины для mootools, и в официальном Forge в качестве демо к одному из плагинов была ссылка на инструмент – jsFiddle.net. Недолго просидев за этим очень полезным инструментом я пришел к выводу, что надо написать обзор данного сайта и донести его до масс.

jsFiddle.net – это инновационный инструмент, работающий со следующими языками: HTML, CSS и JavaScript прямо в браузере. Создал этот инструмент Piotr Zalewa и продумал интерфейс Oskar Krawczyk. Самое главное отличие в Fiddle, что он позволяет видеть результат не перезагружая страницу, а просто взглянуть на окно с заголовком Result. Читать дальше

Думаю, что многим верстальщикам (и не только) приходилось верстать текстовые поля (/>), задавая им произвольные размеры. Но как сделать данный элемент резиновым и удовлетворить следующим условиям:

1. Возможность установки любых горизонтальных и вертикальных отступов у текста;
2. Элемент должен занимать весь контейнер, в который он помещен;
3. Клик мышью в любое место текстового поля устанавливает в нем курсор.

Ответ достаточно прост и решается следующим методом:

Читать дальше

style.css

.habr span
{
    display:block;
    overflow:hidden;
    white-space:nowrap;
    width:100%;
    -moz-binding:url("ellipsisxul.xml#ellipsis");
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}

Читать дальше