Пока есть свободная минутка…
Решил порадовать вас новой афишей моего производства на предстоящую игру КВН!

Состав команд:

• “Фреш” (Сумы)
• “Прав.com” (Киев)
• “Экстрём” (Херсон)
• “Дикий молодняк” (Херсон)
• “Котлеты моей жены” (Николаев)
• “Красное и чёрное” (Одесса)
• “Пол кекса” (Николаев)
• “Смайлы” (Скадовск)
• “Побочный эффект (Днепропетровск)

Позитивные червячки в левом нижнем углу меня улыбают ))

Нет похожих статей.

Мой сайт глазами генератора облака слов. Забавная игрушка!

Нет похожих статей.

Вас волнует вопрос как раскрутить свой аккаунт, но хорошие идеи как назло покинули вашу светлую голову?

Да очень просто. Станьте уникальными, выделяйтесь среди остальных и тогда вас обязательно ждёт успех! И пусть “красота спасёт…” не только мир, но и наши с вами аккаунты!

Скажем “ДА!” креативности, красивому дизайну и честным методам привлечения новых читателей.

Скажем “НЕТ!” надоевшим синим птичкам и глупому массфоловингу.

Смело заменяйте на своих блогах старые картинки на новые мега-красивейшие и бесподобные из самой свежей коллекции иконок для социальной сети Twitter весны 2010!

Немаловажно и то, какой аватар. Если у вас в профиле твиттера до сих пор стандартная картинка, то и для вас найдётся десяток аватаров на любой вкус!

Изображения под катом…

Пример:

Иконки 1:

Иконки 2:

Аватарки 1:

Аватарки 2:

PS: Не принимайте всерьёз!
Тема для статьи навеяна новой серией “South park”, всеобщим ажиотажем вокруг твиттера и социальных сетей, а также просто хорошими выходными.

Будьте позитивнее! И помните, что шутить можно и нужно не только на 1-е апреля )) Удачи!

PPS: А может для кого-то это будет реальный inspiration? В любом случае жду ваших комментариев и добавляйтесь в друзья в твиттере!

Нет похожих статей.

Что-то давно не радовал заметками на тему дизайна… Исправляюсь!

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

Но в любом случае на будущее для создания сайта не помешают.

Beer Cap Social Icons

Размеры: 48px, 64px и 128px

Social Sketches

Размеры: 32px, 48px, 64px, 128px, 256px, и 512px

Furry Cushions Social Icons

Размеры: 48px, 64px, 128px и 256px

8-Bit Social Media Icons

Размеры: 32px

Location: Free Social Media Icon Set

Размеры: 32px, 48px, 64px и 128px

Circular Social Media Icons Repack

Размеры: 32px, 64px и 128px

Vector Social Media Icons

Размеры: 16px, 32px + .eps

Wooden Badges

Размеры: 200px

Woven Fabric Social Media Icon Set

Размеры: 200px

Vintage Stamp Social Media Icon Pack

Размеры: 200px

Нет похожих статей.

Херсонская открытая лига КВН даёт старт новому сезону 2010!
Много новых и уже знакомых Вам команд, подарят море смеха, отличное настроение и весенний позитив…
Приглашаем всех херсонцев и гостей города на замечательный праздник юмора и смеха!!!
Вас ждёт много сюрпризов и незабываемые впечатления!!!

Фестиваль состоится 25 марта в 18.00 (ДКТ).
Замечательная афиша моего производства под катом! ))

Нет похожих статей.

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

Преступление #1: В формах метки не связаны с полями ввода

Использование атрибута “for” позволит пользователям кликать по метке, для выбора соответствующего поля формы. Это особенно важно для чекбоксов и радиокнопок – увеличить область клика.

Преступление #2: Логотип не ведёт на главную страницу

Создание такой ссылки является хорошим тоном, ведь большинство пользователей ожидают перехода в корень сайта при клике на логотип.

Преступление #3: Не помечены посещённые ссылки

Об этом забывают очень часто, но посетителям нужно знать по каким ссылкам они уже кликали.

Преступление #4: Не подсвечено в форме активное поле

Используйте псевдо-класс “:focus” для добавления к полям ввода рамки или смены фона.

Преступление #5: Изображения без описания

В атрибуте “alt” укажите описание изображения. А если картинка носит оформительно-декоративный характер, то оставьте его пустым (но не удаляйте!). Если же это кнопка-ссылка, то укажите в описании куда она ведёт.

Преступление #6: Фоновые изображения без фонового цвета

Если у пользователя будут отключены картинки, то текст может стать нечитаемым. Используйте схожий с картинкой фоновый цвет.

Преступление #7: Использование длинных скучных абзацев текста

Нет ничего хуже, чем монотонный и непрерывный текст. Вставляйте в контент картинки, заголовки и отступы для боле комфортного чтения.

Преступление #8: Подчёркивание того, что не является ссылкой

Не подчёркивайте текст где ни попадя! Пользователи привыкли видеть в таком стиле ссылки – не сбивайте их с толку. Лучше оформите необходимые слова курсивом или жирным.

Преступление #9: Призывать посетителей “кликнуть здесь”

Использование слов “перейти по ссылке”, “кликните здесь” и прочих подобных “шедевров” недопустимо. Т.к. заставляет посетителя вчитываться в предложение для понимания того, куда же ведёт ссылка. Вместо этого в тексте ссылки используйте её описание.

Преступление #10: Выравнивать текст по ширине

Старайтесь не использовать “text-align: justify”. Текст может красиво выглядеть, но на самом деле становится трудночитаемым (особенно для людей с ограниченными возможностями) из-за разного расстояния между словами.

Давно хотел сам написать подобную подборку, но всё не было времени (((
Так что держите очередной перевод – “10 Usability Crimes You Really Shouldn’t Commit” )))
И кликайте сюда!!!

Нет похожих статей.

Большинство дизайнеров либо не разбираются в веб типографике, либо не хотят. Им нужно готовое решение для разных ОС – Windows, Mac или Linux. Те же, кто достаточно многое в ней понимают – могут чувствовать себя ограниченными в креативе, используя только безопасные веб шрифты.

Использование готовых групп CSS шрифтов (свойство font-face) поможет и тем и другим. Наборы сгруппированы по схожести с основными часто используемыми шрифтами и составлены в такой последовательности: шрифт, его аналоги, кроссплатформенный аналог и общее название семейства.

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

Times New Roman:
font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;

Georgia:
font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;

Garamond:
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;

Helvetica/Arial:
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;

Verdana:
font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;

Trebuchet:
font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;

Impact:
font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;

monospace:
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;

Используйте и экспериментируйте!
(По материалам статьи 8 Definitive Web CSS Font Stacks)

Похожие статьи:

1. Cufon или Typeface.js – что лучше?
2. CSS-debug
3. Как Internet Explorer поддерживает CSS?

Вот на досуге сделал для WebIDE порт с цветового оформления Monokai из Textamate. Захотелось тёмненького…
PHP:

CSS:

Качаем Monokai _YoYurec_.xml и ложим в \WebIDE\.WebIde10\config\colors\, далее выбираем тему в настройках “Editor -> Color & Fonts”.

Похожие статьи:

1. JetBrains Web IDE
2. Как сделать Web IDE портабельной?

Cufon и Typeface.js – это две javascript библиотеки для использования на сайте любых(!) шрифтов (аналоги sIFR), использующих для отображения canvas и VML. В чем же между ними отличия? И какая из них лучше?

Принципы работы

Cufon и Typeface.js конвертируют нестандартный шрифт в свой внутренний формат и потом отображают его с помощью canvas в современных браузерах и VML в Internet Explorer’е. Плюсы такого подхода в том, что нет нужды в плагине для отображения флеш! По сравнению с sIFR, мы получаем большую скорость и гарантию работоспособности на всех компьютерах.

ТТХ

Генерирование шрифтов

Обе библиотеки имеют удобные онлайн-конвертеры шрифтов:
* конвертер для Cufon
* конвертер для Typeface.js
Загружаете свой шрифт, выбираете необходимые группы символов (верхний\нижний регистр, цифры, спецсимволы и т.п.), а на выходе получаете готовый .js файл. Typeface.js поддерживает только TrueType (.ttf) шрифты. Cufón – OpenType (.otf), Printer Font Binary и postscript. Жаль, что конвертер Typeface.js имеет встроенную проверку лицензии и откажется конвертировать запрещённый к распространению шрифт.
Вопрос о выборе групп символов Typeface.js задаст только посе загрузки шрифта. Cufon же позволяет задать все опции сразу на одной страничке, плюс имеет возможность включить полужирный и курсивный варианты в конечный файл. Кроме того(!), позволяет ограничить использование на определённых доменах и указать качество шрифта.

Вставка на сайт

Обе библиотеки нуждаются в подключении ядра и сгенерированного файла шрифта.
Чтобы в Cufon указать какой именно элемент вы хотите заменять, используется следующий код:

<script type="text/javascript">
  Cufon.replace('h1');
</script>

Typeface.js работат немного по-другому. Он автоматически заменяет все заголовки, в стилях которых указано имя нашего шрифта (например “optimer”):

h1,  h2 {
  font-family:optimer;
}

Остальным же элементам необходимо дополнительно установить класс typeface-js:

<div class="myclass typeface-js">
...
</div>

Internet Explorer 7

В данном браузере есть проблема. Из-за задержки в пару миллисекунд происходит мерцание текста. Прекратить это безобразие легко. Необходимо перед закрывающем тегом добавить код:
Cufon:

<script type="text/javascript"> Cufon.now(); </script>

Typeface.js

<script type="text/javascript"> _typeface_js.renderDocument(); </script>

Лицом к лицу

Перейдём к демо страничке и посмотрим две библиотеки в работе. Как Вы можете заметить – есть отличия в отступах, особенно при изменении размера шрифта. На этом фоне Cufón в более выгодной позиции.

Вердикт

Что же лучше? Cufón или Typeface.js? По функционалу разница небольшая: Cufon поддерживает больше типов шрифтов, Typeface.js – больше CSS свойств. Typeface.js проще в использовании, Cufon меньше и имеет правильные отступы.
Итак, использование Cufon’a предпочтительней, но конечного победителя нет. Это означает, что будет лучшим тот, кто первым реализует поддержку выделения текста! :)

Оригинал статьи: Cufon vs. Typeface.js, which one is better?

Похожие статьи:

1. 8 CSS групп шрифтов для вебдизайна

Состоится 5го марта 2009, ДКТ, 18:00! Всем быть!!!

Моя афишо ))

Нет похожих статей.