Веб-стандарты
Темы: CSS, XHTML, XML и другие веб-технологии.
Пользователей: 1379
Администратор: Trinux
Модераторы: Romashov anor antananarivo
[JavaScript] определяем браузер и OS поситителя
Наел отличный скрипт, который очень остоверно опеределяет браузер и ОСь поситителя. Код очень просотой и копировать его можно кусками. Определяет вплоть до версии браузера, очень удобно. Всем советую
Твикер Ваших CSS файлов
Листал блоги, наткнулся на интересную ссылочку.
http://www.cssdev.com/csstw...
Вы загружаете свой CSS, получаете в замен оптимизированный CSS, лишенный лишних пробелов и переносов строк. Интересно. CSS ННМа тким образом был сжат на 21% (на скрине другой CSS).
[img=doci/web/webtechnology-1142758373_i_4834.gif]
Полупрозрачные тултипы
http://web-graphics.com/mta...
Вот, нужно было, сас нашел. Спасибо ему. Реализет полупрозрачность элементов в FF.
[img=doci/web/webtechnology-1142686348_i_6352.jpg]
Вот. Насколько понял, вся прозрачность упирается в:
function setOpacity(el){
el.style.filter="alpha(opacity:95)";
el.style.KHTMLOpacity="0.95";
el.style.MozOpacity="0.95";
el.style.opacity="0.95";
}для разных версий браузеров, соответственно.
Минибанеры :)
Кому то это не понравится :) Еще одна коллекция минибанеров ::)
URL: http://gtmcknight.com/buttons/blogware.php
Team: One man project
Оценка: 5
Полезный минибанер
Считает ИЦ и PareRank сайта или блога.
Выдается бесплатно. Единственное условие — обратная ссылка.
Лежит тут . А выглядит вот так:
[img=webz/webtechnology-1133116772_i_6686.png]
&RQ Мини-баннер
Зацените, пожалуйста. Сам нарисовал :)
[img=webz/webtechnology-1132828400_i_7516.png]
[anonsend]Отпишите, как получилось :/
Интересный сайт в ваши закладки
Не знаю, может он вам не понравится, но на мой взгляд, он заслуживает самого пристального внимания. Очень интересные статьи в рубрике \"Чтиво\".
Team: one-man project
URL: http://experiment.net.ru/
Оценка: 4+
Небольшая подборка книжек O'Reilly
80 е-буков издательства O'Reilly по Java, Javascript, HTML, Perl, CGI, CSS, сетевым стандартам TCP/IP, DNS и т.д.
[anonsend]
Тут http://oreilly.jungles.ru
Минибаннеры
Понравились мне минибаннеры наподобии
[img=webz/webtechnology-1128676685_i_3399.png]
[img=webz/webtechnology-1128676885_i_7005.png]
[img=webz/webtechnology-1128676897_i_3022.png]
Решил их начать коллекционировать...
А то часто бывает — нужен а под рукой нету...
Basic webstandards Workshop
Документ о веб-стандартах. Довольно не плохо описано почему использовать стандарты, как их использовать и т.д.
Очень хорошо рассказывается и показывается как использовать флоаты без которых невозможно сверстать более-менее нормальный layout.
Basic webstandards Workshop
лучший русский сайт про веб-дизайн
странно, но ссылки тут у вас не было кажется. а ссылка вот:
довольно хорошо представлена на сайте тема css:
фсем втыкать обязательно...
Парой слов
Раскладка в CSS: поток: Еще одна статья от Ивана Сагалаева (смотрю людям нравится).
Mouseover DOM Inspector: должно быть очень удобно.
domscripting.com: надеюсь тут будут писать про DOM и будет очень интересно.
Internet Explorer and the Box Model: кто-то до сих пор борется с недостатками IE,
кто-то думает, что уже решил эту проблему. (я стараюсь не использовать padding+fixed width)
CSS вёрстка: учимся сами: Максим Россомахин учит уму разуму, а мы подписываемся на RSS ленту его интересного блога.
Faux Borders and Pseudo Table Effect: на примере одного трюка узнаём много нового.
Alex Mauzon: блог в котором очень много полезного, не пропускайте.
display:table: метод который когда-нибудь спасёт вашу жизнь.
На сегодня пока всё. А от вас хотелось бы видеть по-больше движений. Такое впечатление, что всё это читаю только я. Комментируем, господа (на зло Трину).
Вот и Лебедев подтянулся
Выдержка из задания для кандидата на вакансию дневного кодера:
* Кто не знает, что такое CSS, может курить бамбук.
Так, что это получается? Студия Артемия Лебедева переходит на веб-стандарты? Даже как-то не верится.
Что еще интересно, так это проверочный список, находящийся в этом же задании, который сильно напоминает перевод Вебмаскона.
Новый Alistapart
Alistapart: новый дизайн, новая структура, новый CMS, новый сервер.
[img=webz/webtechnology-1124814656_i_5330.png]
Alistapart это онлайн журнал о веб-технологиях. Основными темами которго являются: дизайн, вёрстка, проектирование, веб-стандарты и даже типография.
В каждом выпуске можно почитать статьи самых известных личностьей в веб-дизайне.
Иван Сагалаев объясняет CSS позиционирование
В CSS существует, по большому счету, четыре способа раскладывать боксы по странице: прямой поток, позиционирование, float’ы и таблицы. К сожалению, ни один из них не дает полного набора средств, которыми можно было бы сверстать что-нибудь реальное. Поэтому используются они обычно все вместе, да еще и с изрядной долей хаков для обхода несовместимостей в реализациях стандарта.
В следующих статьях я собираюсь описать все их по порядку, с плюсами, минусами и хаками. А потом сделаю итоговую практическую статью, где покажу, как создается раскладка, приближенная к реальности.
Developing Feeds with RSS and Atom
Если хотите научиться создавать RSS фиды прочтите эту книгу:
[img=webz/webtechnology-1122755376_i_5009.jpg]
Формат: chm
Размер: ~1.03mb
Скачать
Также читайте спецификации.
Светлое и пушистое будущее для веб-разработчиков
Chris Wilson опубликовал в своём знаменитом IEBlog новость о стандартах в IE7. По его словам уже исправлено много багов, но полной совместимости в этой бете еще не достигнуто. Но работа ведётся, и планириуется организовать полную совместимость с рекомендацией CSS level 2 или даже 2.1 (если такая к тому времени будет выпущена).
Эта новость несомненно радует любого веб-разработчика и его шефа. Но если задуматься, не всё так сладко. Пока IE7 прочно войдёт в жизнь пользователей пройдёт не мало времени и нам всё ранво придётся подстраиваться под IE6, конечно, тот факт, что IE больше не будет разрабтываться для < Windows XP SP2 очень радует, но тем не менее всё это будет происходить медленно и болезнено.
Но факт в том, что Microsoft начала заботиться о стандартах. И этот факт очень радует.
Standards and IE7 на IEBlog
Meeting Microsoft Molly Holzschlag
That's why it's Called Betta Molly Holzschlag
IE7 Betta and Standards на The Web Standards Project
Иван Сагалаев о CSS блоках
Если у кого-то возникают сложности с пониманием модели CSS блоков можете прочесть "CSS’ные боксы", статью от Ивана Сагалаева (обладателя самого авторитетного веблога)
sIFR. Любой шрифт?
sIFR (Scalable Inman Flash Replacement) — технология которая позволяет веб-дизайнерам применять на страницах любой шрифт используя Flash и JS.
Технология sIFR претендует на решение "проблемы десяти шрифтов". Она предназначена для замены шрифтов заголовков (хотя можно заменять любой шрифт).
Порядок действий таков:
1. Загрузка страницы.
2. Ява Скрипт определяет установлен ли Flash Player.
3. Если плэер не найден, то шрифт отображается как обычно.
4. Если плэер установлен, то нужный html элемент получает класс "hasFlash" и скрывается с помощью CSS правила.
5. Ява Скрипт пробегается по всем элементам, определяет высоту и ширину, и создаёт Flash movie.
6. Flash movie создаёт шрифт размером в 96pt и затем уменьшает его в зависимости от границ.
Что нам это даёт? Для начала нам открывается огромное типографическое поле деятельности. Дальше: кроссброузерность, кроссплатформеность, никаких конфликтов с поисковиками, увеличение/уменьшение текста (размер устанавливается во время загрузки, тоесть если у человека с плохим зрением размер шрифта настроен на самый большой, то ему будет показываться самый большой, но он не сможет уменшить его" в живую"), совместимость со стандартами.
Я тоже сначала отнёсся к этому скептически, но эту технологию уже использует парочка солидных сайтов:
ABC News
Six Apart
Forty Media
Aston Martin
Nike
ipod411.com
Подробнее почитать об этой технологии вы можете: по-русски или официально
Интернет – это дерьмо
Хотите вы этого или нет, но это разашлось по всему интернету.
И это правда.



0


