Веб-разработка | Optimizator Field - блог веб разработчика

На заметку: кроссбраузерный CSS display: inline-block

15.03.2010

кроссбраузерный CSS display: inline-block
Очень полезная вещь, особенно при вёрстке всевозможных кнопок. Вешаем на нужный блок класс inline:

.inline {
	display: -moz-inline-stack; /* FF2 */
	display: inline-block; /* good browsers */
}
 
*html .inline {
	overflow: hidden;
	zoom: 1;
	display: inline;
/* IE6 */}
 
*+html .inline {
	display: inline;
/* IE7 */}

css, firefox, ie

Непростое CSS меню с использованием спрайтов

26.02.2010

Категория: Веб-разработка

4 коммент. »

Всем привет! Снова с вами я, а значит настало время очередной заметки. Ударимся немного в трудовые будни создания сайтов, а точнее горизонтального меню. Но не простого, а… нет, не золотого :) Просто немного нестандартного.

Подробнее »

css, jquery, разработка

10 юзабилити преступлений, которых вы не должны совершать

1.12.2009

Категория: Веб-разработка

19 коммент. »

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

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

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

xhtml, дизайн, юзабилити

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

20.11.2009

Категория: Веб-разработка

3 коммент. »

georgia stack

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

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

css, дизайн, шрифты

Отношения заказчик-исполнитель в виде бытовых сценок

15.09.2009

Категория: Веб-разработка

2 коммент. »

видео, работа, юмор

Оптимизация Wordpress. Кешируй! Сжимай!

9.09.2009

Категория: Веб-разработка

6 коммент. »

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

Помогать искать слабые места и сравнивать результаты поможет… [да, я знаю о плагинах к ФФ и сам их юзаю, но этот вариант проще + в закладки можно кинуть!] …поленая тулза Pingdom. Она покажет на какие файлы стоит обратить внимание, а также общее время загрузки сайта. Сделайте пробный замер!