Архивы метки: Script Type

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

WYSIWYG редактор HTML

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

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

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

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

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

Top