Как использовать нестандартный шрифт?

Интересные статьи, Уроки jQuery 16.01.2011

Если стоит задача использовать в проекте нестандартный шрифт, то есть возможность пойти несколькими путями:

  1. Ъ-метод – не использовать нестандартные шрифты, достаточно в CSS сказать body {font-family: sans-serif;} и не морочить себе голову.
  2. Быдло-метод – нарезать из ЖПЕГов, картинок с заголовками, ужать посильнее, что б появилась размытость и вставлять вместо текста картинки. Достаточно популярный на наших просторах метод.
  3. W3C-метод – используем @font-family и наслаждаемся красивыми шрифтами без всяких заморочек. Пока этот метод не рассматривают, как рабочий, по причине слабой поддержи со стороны браузера.
  4. sIFR – клевая вещь, наиболее употребляемая на сегодняшний день, но как недостаток – требует наличия Flash-плагина. Хотя это трудно назвать недостатком, но если есть инструмент, позволяющий обойтись без плагинов, то это не может не радовать.
  5. Cufón – самое то. Относительно новый метод, который показывает превосходные результаты. Он и есть герой этой статьи.


Для любознательных: есть еще один способ, практически полный аналог куфона — typefaces.js, но сегодня мы будем говорить не о нем. Читать полностью »

Скорость загрузки сайта

Интересные статьи 16.11.2009

ksysguardСведите HTTP-запросы к минимуму

80% времени, в течение которого грузится сайт, тратится на загрузку компонентов интерфейса – изображений, таблиц стилей, скриптов, флэш-элементов и т.п. Если вы снизите количество этих труднозагружаемых компонентов, то ваш сайт сразу же начнет работать быстрее за счет снижения количества HTTP-запросов.

Простейший способ минимизировать количество элементов – это упростить дизайн сайта. А вот возможно ли организовать быструю загрузку сайта не в ущерб дизайну? Вот некоторые техники, которые позволят ускорить работу сайтов даже со сложным дизайном. Читать полностью »

Как сделать подсказки на jQuery?

Уроки jQuery 02.07.2009

dodskazВ данном уроке мы расмотрим как создать кравивые и эфектные подсказки на JQuery. Это бывает очень полезно и разместить в этой подсказке и картинку и ссылку все что вам требуется. Рабочий пример можно увидеть тут, а скачать все исходники по этой ссылке. Итак, займемся созданием такой подсказки с особым эффектом появления. Для начала нам нужно открыть файл, в котором будет располагаться такая подсказка или создать новый HTML-документ. Далее мы просто вставим следующий код между тегами <body> и </body> , который нам будет служить основой для всплывающей подсказки: Читать полностью »

Слайд эффект при наведении мышки на jQuery

Уроки jQuery 20.06.2009

2345634534В уроке рассмотрим создание слайд эффекта при наведении мышки. Эфект и интерактивен и функционален. Эффект заключается в том, чтобы под изображением находился необходимый текст, и при наведении мышкой на изображений, этот текст красиво занимал место изображения. Что не быть голословным вот пример. А также тут можно сказать и все исходники нашего урока. Все реализовано на любимым нами jQuery. Читать полностью »

Как сделать php progressbar?

AJAX технологии, PHP программирование 03.06.2009

1194358689_fДопустим, вы организовали циклическую отправку писем и хотите видеть, какое письмо отправляется в данный момент времени. Это можно организовать через неявную очистку буфера.
Неявная очистка приводит к тому, что очистка буфера будет выполнятся после каждой операции вывода в окно браузера (функциями echo, print и т.п.), поэтому явные вызовы функции flush () не понадобятся. Включение неявной очистки отключает буферизацию вывода, текущее содержимое буфера вывода будет отправлено, так как если бы вызывалась функция ob_end_flush ().
Ниже пример, иллюстрирующий вывод текущего значения счётчика цикла. Также реализован progressbar выполнения цикла. Код примера приведен ниже. Читать полностью »

Расширеный WYSIWYG редактор

AJAX технологии, Интересные статьи 22.05.2009

untitledВ одном из предъидущих уроках мы уже расматривали TinyMCE. В этом рассмотрим как расширить его стандарный функционал.

Для расширения кругозора. РЕЖИМ ПОЛНОГО СООТВЕТСТВИЯ (WYSIWYG) (от англ. What You See Is What You Get — что вы видите, то вы и получите) — режим полного соответствия изображения на экране монитора компьютерной издательской системы изображению в печатном издании. Напр., текстовый процессор, работающий в данном режиме, демонстрирует на экране реальную страницу с заданной шириной строк, разбивкой, размером и стилем шрифтов. Читать полностью »

WYSIWYG редактор HTML

AJAX технологии, PHP программирование, Интересные статьи 21.05.2009

0_7994_9c90720_lРедактор HTML или HTML-редактор — компьютерная программа, позволяющая составлять и изменять страницы в формате HTML. Несмотря на то, что HTML-код может быть написан в простом текстовом редакторе , специальные редакторы для написания кода HTML предлагают больше удобств и функциональности. Принцип их работы условно делится на две категории:

  1. Редактор показывает только исходный код.
  2. Редактор показывает готовую страницу, работая по технологии WYSIWYG.

Есть также редакторы, работающие по смешанной системе, то есть поддерживающие оба принципа работы. Что такое WYSIWYG редактор HTML мы определили, теперь рассмотрим как подключить такой редактор к вашему ресурсу. Мы будем расматривать TinyMCE - на мой взгляд самый лучший и визуализированый. Читать полностью »

JS эффект глянцевых картинок

Новости компании 17.05.2009

gloous1В данной статье научимся создавать глянцевый эффект для изображений с помощью скрипта glossy.js. Скачать его и посмотреть можно тут. Вот результат, который должен получиться: Скачаем и подключим к нашему документу скрипт glossy.js Читать полностью »