Нови W3C HTML иконки (от Veerle Pieters)

Veerle току-що направи няколко страхотно изглеждащи HTML иконки:

W3C HTML icon from Veerle, variant 1

W3C HTML icon from Veerle, variant 2

W3C HTML icon from Veerle, variant 3

W3C HTML icon from Veerle, variant 4

Ако сте Mac потребител (и уеб дизайнер;-), тогава е възможно вие да използвате Markup Validator S.A.C. — това е програма, която замества онлайн валидатора на W3C, при това работи и оффлайн. Новите иконки на Веерле ще заменят default иконата на Markup Validator S.A.C. в дока на MacOS X.

the icons (compared)Вляво е сегашната иконка на Markup Validator S.A.C. Може да я сравните с вариантите, които Веерле нарисува — лично на мен, нейният дизайн ми харесва много повече! :-)

Освен това, тя пусна целия icon set съвсем безплатно!

За съжаление, трябва да отбележа само, че комплектът иконки е предвиден само за Mac потребители. Жалко, защото иконките биха могли да се използват по много начини (и не само под MacOS X, конкретно за това приложение точно).

Разбира се, може да си свалите и използвате JPG вариантите (които са в доста високо качество), но без alpha прозрачността, която е възможна само при PNG32 файловия формат…

Ако искате да използвате някоя от тези иконки под MacOS X, линк за свалянето им има в публикацията на Веерле:

http://veerle.duoh.com/blog/comments/a_new_icon_for_markup_validator_s.a.c/

(Там има и инструкции, как може да си смените някоя от иконите в дока на MacOS X.)

Колкото до JPG вариантите, също може да ги копирате ръчно от нейния блог, или да си ги свалите като един ZIP файл, който за удобство направих (тъй като иконките се разпространяват съвсем безплатно):

download all icons in one ZIP archive, JPG format

В заключение, какво повече да кажа? Още един прекрасен дизайн от Veerle! :-)

11 comments |



Comments to “Нови W3C HTML иконки (от Veerle Pieters)”:

  1. Боян Юруков Says:
    1

    На мен ми изкарва 283 грешки, ама повечето са за липсавщи alt тагове или незатворени в кавички атрибути. Има обаче и доста дето p-тата ми са в span-ове. Лоша работа.

  2. Michel Says:
    2

    @Боян:

    Ъхъм, искаш да кажеш, че си си валидирал блога ли? :-)

    (Но това не е много свързано със публикацията ми за HTML иконките на Веерле?;-)

  3. wh1sp Says:
    3

    Много яки иконки. Особено третата.

    П.П.
    Бтв точно валидирам в момента и се чудех – има ли начин според вас да се направи хоризонтална навигация с обли ръбове на wordpress (тоест а-то да е заградено от спамове) без да се ползва float и това да се чете в IE6.

    С float става – да, въпреки че му е проблемно clear-ването за валидирането (не мога да clear-на преди пък трябва :)), ама се чудех дали има начин да стане само с display: inline, като пак – основния проблем е IE6 с display: inline;
    Ей тук го има тестово http://web.wh1sp.com/test/index2.html

  4. Michel Says:
    4

    @wh1sp:

    Първо, a-то да е заградено от SPAN-ове, искаш да кажеш? :-p

    Второ, защо ти е да заграждаш a-то със span-ове и да не се ползват floats? Сигурно може, но аз май не съм виждал добре работеща хоризонтална навигация, където да не са използвани display:block за ‘a’ елементите и съответно, floats…

    Причините не са малко… Примерно, ако елементите не са block-level, няма как да специфицираш за тях paddings, което е почти винаги наложително. А ако са block-level, то в такъв случай floats ще са задължителни…

    По принцип, хоризонтална навигация, най-добре е с ‘a’ елементи, които да са с display:block и float:left. За clear-ването — това е лесно, има немалко начини, включително с auto-clear… хвърли едно око тук, примерно:
    http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/

    Ако поясниш добре, какво точно и как искаш (предполагам, добре работеща хоризонтална навигация, която да е 100% във всички съвременни браузъри), доста вероятно е да мога да помогна… :)

  5. wh1sp Says:
    5

    Мерси за линка.
    Иначе по въпроса – исках да е с display:inline и тъкмо с padding, само че имах проблем с IE6 и накрая се спрях пак на display: block и float-ове. Не го клирнах, а сложих height на цялото ul, съответно и то сега е блоков елемент :D, което знам че не е правилно, но поне се валидира. Като разгледам линка ще видя как може по хитро да се направи, мерси отново :)

  6. Michel Says:
    6

    @wh1sp:

    Да, IE6 често е проблем, дори при ползването на CSS2… Пък UL да е блоков елемент, изобщо няма проблем — и валидно, и правилно… :)

    Експериментирай! А ако имаш проблем — пиши (може и директно на мен)! ;-)

  7. wh1sp Says:
    7

    Мерси, колкото до IE6 – не мисля, че има технологичен продукт, който да е отнесъл повече псувни от него :D

  8. Michel Says:
    8

    Аха, прав си (частично) и за IE6! Обаче и той ще си ходи скоро…

    А защо не си прав 100%? Защото най-лошият браузър, който някога съм виждал да имплементира CSS по най-глупавия и непълен начин, беше Netscape 4.7x. Все още сънувам кошмари за него, от време на време… :-D

  9. wh1sp Says:
    9

    Вярно си е вече е 14.5 процента, мечтая си за времето когато няма да се занимавам с png fix-ове и останалите простотии на IE6. Лошото е, че в България няма да си отиде толкова скоро според мен.

    Един блогър (чуждестранен) твърдеше, че големия “остатък” на IE6 е от нелицензирани XP-та, които не се autoupdate-ват. Ако е така, просто си представям как бай Кольо от с.Твърдица си преинсталира SP2 със SP3 освен ако не си купи съвсем нов компютър с Виста. Тъжно :(

  10. Xenocode или IE6 и други браузъри без виртуална машина | wh1sp.com Says:
    10

    […] виртуална машина Публикувано юни 9, 2009 Дискусията в блога на optimiced ме подсети за […]

  11. optimiced | bg » W3C HTML иконки (от Veerle Pieters), PNG+alpha Says:
    11

    […] за дизайна на едни много приятни HTML иконки, които Veerle Pieters нарисува и пусна за свободно […]

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
Your e-mаil address will never be showed.


[ optimiced.com е виртуалният дом на Мишел, уеб/графичен дизайнер от слънчева прашна София | powered by WP & DreamHost | also available in English ]

0.516 / 33 / 19.25