Иногда строка предательски переносится на новую строку, ломая весь дизайн. Особенно это актуально для меню сайтов: короткие элементы вмещаются, длинные переносятся на новую строку, что выглядит очень по-уродски. Хочется, чтобы выводилась только та часть строки, которая влезет в разрешенную ширину, остальное скрывалось за границей блока. Решается проблема очень просто. [...]
Верстка. Все записи рубрики:
Разрабатывая веб-паинт, достаточно много прочитал про новые веб-стандарты и технологии - CSS3, HTML5 с SVG и Canvas и т.п. Обязательно ознакомьтесь с каждой ссылкой. Я столько возможностей узнал, столько перспектив осознал, что голова кругом. Насколько же я ограниченно представлял себе Интернет! Я знал, что все это есть, но считал бесполезным, так как нигде не встречал. И так стало обидно, что у нас несколько браузеров, и все разные, все поддерживают "то" или не поддерживают "это". Особенно IE обижает. Плюя на стандарты, он реально тормозит развитие всего Интернета. Второй тормоз Интернета будет упомянут в конце поста. [...]
На своих сайтах и сателлитах всегда делаю только такие менюшки - очень красиво, функционально, юзабильно и удобно по-моему. Суть в чем... Суть можно посмотреть в меню этого блога (справа). Это меню - просто список: [...]
Узнал о такой штуке, как first-letter в css, на серче буквально пару месяцев назад. Подумал, что прикольно, надо запомнить, а также удивился, что не встречал такой трюк ни в 1 учебном пособии. Немного обновил дизайн этого блога и понял, что first-letter не просто прикольно, а очень полезн0 и вообще, это просто офигенная штука. Что это такое, можно узнать, взглянув на заголовок этого поста, - первая буква красная и это делает как раз first-letter финт в css. Чтобы сделать "красную строку" (как в книжках-сказках), например, всем абзацам текста всех страниц сайта, необходимо прописать стиль p:first-letter {color: red; font-weight: bold;} Всем ссылкам на сайте: a:first-letter {color: red; font-weight: bold;} Всем заголовкам h1 на сайте: h1:first-letter {color: red; font-weight: bold;} Можно [...]