Archive for the 'CSS' Category
Webkit любит кислоту
Нет, разработчики Webkit-a не подсели на кислоту. Просто вышла новая версия Acid теста для браузеров и Webkit показал лучшие результаты. Acid3, в отличие от Acid2, Acid3 тестирует не только совместимость со стандартами CSS, но и с Javascript, HTML, HTTP, SVG, XML и ECMAScript, а также проверяет работу с DOM.
Вот результаты самых популярных браузеров и скриншоты. На Internet Explorer смешно смотреть
Read more
Tablecloth - стильные таблицы
Я уже писал про свою “любовь” к таблицам, но на всякий случай напомню - таблицы используем для отображения информации, а не для дизайна страницы. Но это не значит, что если есть какие данные, то можно их просто запихать в таблицу и всё будет отлично. Эта таблица ещё и должна хорошо выглядеть. Конечно, если хватает познаний в CSS, и есть время то можно запросто сделать очень красивую таблицу. Но если времени и умений не хватает?
В этом случае поможет Tablecloth. Нужно всего лишь добавить 2 строчки кода и посетители будут в восторге от ваших таблиц.
6 commentsYUI. CSS Layout - это просто!
Как хорошо, что прошли времена, когда для расположения элементов на странице использовались таблицы. Остались конечно отдельные личности, которые не видят в табличном расположении ничего плохого, но таких мало. Я не буду вдаваться в подробности почему таблицы не стоит использовать для дизайна вэб сайтов, речь сейчас пойдёт о другом. (Хотя если кому то интересны мои взгляды на табличный layout, то могу написать).
У табличного лэйаута есть один большой плюс. Любому новичку сразу понятно, как он работает. Когда начинающие садятся за дизайн вэб сайта при помощи CSS, то они иногда теряются, злятся на разные браузеры (Internet Explorer), и потом бросают это занятие и добавляют “родные” таблицы. Тут на помощь приходит Yahoo! со своей CSS библиотекой - YUI. Это набор CSS файлов, которые можно использовать для создания современных вэб сайтов. Мало того, что сайты сделанные с YUI будут выглядеть одинаково в большинстве браузеров, так в добавок к этому - не нужно быть CSS гуру, чтобы пользоваться этой библиотекой. Существует CSS Grid Builder, с помощью которого можно построить макет своего сайта за считанные минуты без каких либо знаний CSS.
Я конечно не призываю забыть про CSS, просто теперь можно изучать CSS постепенно, по мере необходимости, а не тратить на это пару месяцев перед тем, как садиться за создание вэб сайта.
P.S. Напомню, что на этой неделе проходит конкурс IT блогов. Буду очень признателен, если проголосуете за “Аякс по-русски”.
4 commentsCSS Dock Menu - меню как на маке
Все наверное видели док меню на маке. Подобное меню есть и для линукса. Идея в принципе простая - есть список иконок и при наведении на иконку мышкой, иконка увеличивается в размере. Просто, но красиво.
Эту красоту мы сегодня перенесём с десктопа в онлайн и сделаем док меню при помощи CSS и джаваскрипта. А поможет нам в этом CSS Dock Menu. Готовый комплект можно скачать по этому адресу. В комплекте имеется 2 джаваскрипт файла jQuery и Interface, 1 CSS файл, несколько иконок и htc файл, который чинит глюки интернет эксплорера для png картинок.
Приступим.
Read more
YUI Compressor - чтобы ваш джаваскрипт не толстел
Julien Lecomte выпустил новую версию YUI Compressor-a. Это программа, написанная на Java, которая позволяет сжимать джаваскрипт файлы и тем самым облегчать работу вэб серверов, где эти джаваскрипт файлы используются. Хочу отметить, что кроме джаваскрипта, YUI Compressor теперь сжимает и CSS. Подробнее в CHANGELOG.
Мне стало интересно и я решил протестировать качество сжатия YUI Compressor-a на трёх популярных джаваскрипт библиотеках:
Все три библиотеки я скачал в несжатом состоянии. Многие разработчики и так выкладывают сжатые версии своих библиотек, где YUI компрессору уже ловить нечего.
Вот результаты:
Read more