Archive

Archive for the ‘верстка’ Category

Перевод: 25 возможностей, подсказок и техник HTML5 которые вы должны знать

October 22nd, 2010 2 comments

Перевод статьи “28 HTML5 Features, Tips, and Techniques you Must Know“.

Это индустрия движется быстро, очень быстро! Если вы будете не внимательны, то останетесь не у дел. Итак, если вы слегка оконфужены предстоящими изменениями в HTML5, то эта статья может стать основой для вещей, которые вы должны знать. Read more…

Шрифты для Web

December 9th, 2009 No comments

Не знаю как вам, но у меня всегда проблема при вёрстке – это шрифты. А фиг их знает, какие писать, как оно будет в выглядеть в гавне Сафаре и какая версия тоже гавна Висты установлена в пользователя. Тогда нашлось в просторах интернету такая статейко, где написаны все универсальные шрифты. Создавши файлик CSS отдаю всем нуждающимся:

  • .fTimes{
    font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
    }
  • 1697-tnrstack

  • .fGeorgia{
    font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
    }
    1697-georgiastack
  • .fGaramond{
    font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
    }1697-garamondstack
  • .fArial{
    font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    }1697-helveticastack
  • .fVerdana{
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
    }1697-verdanastack
  • .fTrebuchet{
    font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
    }1697-trebuchetstack
  • .fImpact{
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
    }1697-impactstack
  • .fMonospace{
    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
    }1697-monostack

Обновил тему блога

February 11th, 2009 3 comments

Чего-то сегодня пропёрло порешать все накопившиеся дела и пришлось заняться блогом. Ничего умнее не придумал, чем поставить новую тему с WordPress`а.  Конечно, я ненавижу фиксированый размер сайта, но пока не сильно хочется влезать в дебри и, тем более, исправлять ошибки в этом посте ;) .

Простой progress bar

November 6th, 2007 No comments

Надо сделать вот такой прогресс-бар. При этом просто со стороны верстки, так и чтобы изменения процентов не вело к заумному программированию.

  • progress

Изобретать велосипед тут не надо.

Read more…

Categories: css, верстка, интернет Tags:

Аналоги radiobutton

July 11th, 2007 4 comments

Я долго думал как начать, чтобы не спровоцировать флейм и непонимание меня. Понять, почему я сделал именно так, а не иначе, тоже не возможно. Думаю хотел сделать проще, хотя такая идея мне тоже не по душе.

Я не люблю переопределения интерфейса. Я терпеть не могу, когда Опера выводит свое окно не так как настроено в KDE, а как-то по-другому. Ведь если разработчики сделали методы для вывода окна, то зачем изобретать велосипед? Итак делает не только Опера: Zend DE и куча других программ. Зачем?

Но. Вместе с этим я понимаю, чем грозит линковка большущих либ, в которых тебе нежно только кнопка “Ok”. Проект разрастается и, как следствие, уменьшается время загрузки приложения.

Теоретически это касается и WEB. Но только косвенно. Ведь все согласны, что стандартных input не то что мало, а их НЕТ! Конечно, саморобные контролы снижают узнаваемость их пользователями, но если подойти с умом, то можно сделать вполне удачные аналоги.

Вот и я, дабы упростить себе жизнь (лень мне писать кучу javascript-кода ;) ) решил вместо стандартных radiobutton сделать свои. На самом деле, сложного нет в этом ничего, да и удобностей поболе, как по мне. Read more…

checked, name в checkbox и Ослик [IE]

June 27th, 2007 6 comments

Я одного немогу понять – как IE со своими глюками и корявостью может держать 80% пользователей? Его тормознутость, полное игнорирование стандартов и непонятное поведение, причём всё рандомно. Это все знают и ничего не могут поделать. Даже сами разработчики. Тем более они. Так как работаю в webdev, очень много времени уходит на подтачивание разногласий и глючков со стороны IE. И седьмая версия точно положение не исправила. Вот и сегодня потратил полтора часа на понимание и исправление бага IE. А Вы знаете, что если динамически создавать checkbox или radio, то свойство name и checked установить после создания не получится? Нет? А я уже. Решение есть. Read more…

Фреймворк для дизайнеров [слишком вольный перевод]

June 12th, 2007 6 comments

A List Apart LogoДавайте, меня линчуем и повесим на самом высоком суку! Я решил (в основном, для набора практики) перевести статью c “A List Apart”. Перевод будет точно корявым и плохим, так как я знаю английский точно на 2 по 12-и бальной системе. Кому не нравится – камменты, а я буду переводить для себя и для своей девушки. Всё. Начну. Read more…