Web Developer →
Организация и оптимизация стилей
Пример организации стилей на типичном проекте.
- +1
- Diesel
- 01 марта 2011, 16:10
- habrahabr.ru/blogs/css/114497/
- 0
Web Developer → Разработка с помощью jsFiddle.net
Гулял я по интернету, искал плагины для mootools, и в официальном Forge в качестве демо к одному из плагинов была ссылка на инструмент – jsFiddle.net. Недолго просидев за этим очень полезным инструментом я пришел к выводу, что надо написать обзор данного сайта и донести его до масс.
jsFiddle.net – это инновационный инструмент, работающий со следующими языками: HTML, CSS и JavaScript прямо в браузере. Создал этот инструмент Piotr Zalewa и продумал интерфейс Oskar Krawczyk. Самое главное отличие в Fiddle, что он позволяет видеть результат не перезагружая страницу, а просто взглянуть на окно с заголовком Result. Читать дальше
jsFiddle.net – это инновационный инструмент, работающий со следующими языками: HTML, CSS и JavaScript прямо в браузере. Создал этот инструмент Piotr Zalewa и продумал интерфейс Oskar Krawczyk. Самое главное отличие в Fiddle, что он позволяет видеть результат не перезагружая страницу, а просто взглянуть на окно с заголовком Result. Читать дальше
Блог им. Diesel → Верстка резинового текстового поля (input[type=text])
Думаю, что многим верстальщикам (и не только) приходилось верстать текстовые поля (/>), задавая им произвольные размеры. Но как сделать данный элемент резиновым и удовлетворить следующим условиям:
- Возможность установки любых горизонтальных и вертикальных отступов у текста;
- Элемент должен занимать весь контейнер, в который он помещен;
- Клик мышью в любое место текстового поля устанавливает в нем курсор.
Ответ достаточно прост и решается следующим методом:
Читать дальшеWeb Developer → Кроссбраузерный text-overflow
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; }
Читать дальше