Optimizator Field – блог веб разработчика
CSS вёрстка. Внутренняя оптимизация сайтов. Настройка Wordpress.
Цветовая схема Monokai для JetBrains WebIDE
13.10.2009
Вот на досуге сделал для WebIDE порт с цветового оформления Monokai из Textamate. Захотелось тёмненького…
PHP:
CSS:
Качаем и ложим в \WebIDE\.WebIde10\config\colors\, далее выбираем тему в настройках “Editor -> Color & Fonts”.
Cufon или Typeface.js – что лучше?
23.04.2009
Cufon и Typeface.js – это две javascript библиотеки для использования на сайте любых(!) шрифтов (аналоги sIFR), использующих для отображения canvas и VML. В чем же между ними отличия? И какая из них лучше?
Принципы работы
и конвертируют нестандартный шрифт в свой внутренний формат и потом отображают его с помощью canvas в современных браузерах и VML в Internet Explorer’е. Плюсы такого подхода в том, что нет нужды в плагине для отображения флеш! По сравнению с , мы получаем большую скорость и гарантию работоспособности на всех компьютерах.
Подробнее »
Резиновые кнопки с помощью button
3.10.2008
Итак… кнопочки.. небольшое исследование… у кого есть идеи – в комменты!!!
Есть , описывающие техники стилизирования кнопок. Причём оформлять можно как ссылки, так и 2 вида кнопок: input type=”image” и button. Я предпочитаю использовать последнюю.
Многие пишут об этого тега и великое будущее…
Трудно подобрать себе универсальную технику. В каждой есть свои минусы. Но будем стремиться к идеалу – меньше картинок, меньше лишних пустых тегов в коде!
А.. ещё… по поводу hover – видимо не везде можно избежать использования javascript :( и зум… тоже сильно не поиграешься, так увеличение на 1-2 размера шрифта ещё прокатит, а дальше болт :(
Ознакомлю с видами оформления:
1) “” – развижные двери двумя картинками + span.
Хотелось бы отметить (в ИЕ6-7 тоже, но можно пофиксить с помощью CSS) – при клике на кнопке её контент сдвигается и кнопка кажется “поломанной” :(
2) + span. Идея ничего так, вот только снова для ссылок и input сделали. Про button забыли :(
Не проблема – подшаманим сами! Или проблема? Фак! :)
Меняем немного код и всё работает вроде :)
Под ИЕ пофиксили нажатие кнопки, а Опера всё ещё глючит. Делаем вывод, что картинки нужно убирать с button и применять ниже, например добавив . Этот метод последнее время и использую…
Продолжение следует!
Бесплатные темы для WordPress
4.01.2008
Как Вы уже успели заметить я сменил себе оформление блога. Немного адаптировал под себя, частично перевёл – вобщем весь в заботах…
К чему пишу? Взял за правило писать о всём что делаю :)
Например вставлял кусок кода и столкнулся с проблемой. Решил её – вот, получите заметку о переносе слов в теге PRE. Всё просто до безобразия!
Итак, судя из названия заметки – ссылки на сайты с коллекциями тем для WordPress’а. Их немного, но это новые сайты, а не . Красивые дизайны, интегрированные плагины, 3-х колонники – глаза разбегаются:
PNG-прозрачность в IE 5.5-6-7
27.12.2007
Ковырялся недавно с PNG в менюшке и пришлось перепробовать несколько решений. Приведу те, которые понравились.
- . Кроме этого рассказано о проблеме с темноватым изображением и не работающими ссылками при использовании PNG в качестве фона в IE. Из “минусов” – нужно использовать дополнительный класс у картинки.
- На известном похожее решение, но без дополнительных классов CSS. Использую его.
- тоже не мог обойти стороной.
- И на закуску полезная от SitePoint.
Векторная графика. Быстро. Недорого!
28.11.2007
Недорого, это я погарячился… БЕСПЛАТНО! Делюсь полезной ссылочкой: “” – онлайн сервис по конвертированию растровых изображениий в векторные. Что ещё сказать… Всё банально и просто: залил растр – получил вектор! Может пригодится кому :)
Последние комментарии