Все записи по тегу ‘javascript’

JQuery: плавный переход между страницами

Сделаем красивую штуку, при загрузке страницы пусть наш контент плавно открывается. Согласитесь, что это весьма стильно! Реализовывать будем на jquery.

Для реализации задуманного нам понадобится:
- библиотека JQuery;
- код, приведенный ниже;
- немного свободного времени и ровные руки.
Читать полностью »

Встала проблема создать форму?

Если у Вас возникла необходимость создать форму обратной связи, опрос, голосование или анкету на своем сайте и вы не имеете даже представления о , javascript или , то не делайте из этого особой проблемы. Для этого есть незаменимый инструмент генератор форм обратной связи “Мастер создания форм 2.0″ представленный на сайте разработчика http://form-master.ru.

Читать полностью »

Cufón – используйте шрифты, какие душа пожелает

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

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

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

  4. sIFR – клевая вещь, наиболее употребляемая на сегодняшний день, но как недостаток – требует наличия Flash-плагина. Хотя это трудно назвать недостатком, но если есть инструмент, позволяющий обойтись без плагинов, то это не может не радовать.
  5. Cufón – самое то. Относительно новый метод, который показывает превосходные результаты. Он и есть герой этой статьи.


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

Читать полностью »

Плавное изменение прозрачности изображений

Сегодня выкопал красивый эффект плавного изменения прозрачности изображений. Готов поделиться с вами. Сразу скажу, что скрипт не новый, а нашел я его у Tigir (там же смотрим и примеры работы). Что мне понравилось: простота подключения и управления скриптом.

Читать полностью »

Карусели контента для сайта (JQuery, Mootools)

Сейчас предложу вашему вниманию подборку каруселей картинок (carousel images) для ваших сайтов. Все решения построены либо на JQuery либо на Mootools (выбирайте по вкусу).

Лично я давно искал карусель на мотулся для использования в Джумле. Вот, наконец, нашел :) И готов поделиться с вами, ура товарищи!

Читать полностью »

Добавление друзей на фото/видео вконтакте

Заходим на страницу “видео”, выбираем ролик, нажимаем “добавить” и вставляем в адресную строку следующий код:

1
<code>javascript:for(blabla=0;blabla&lt;5000;blabla++){ var elem = document.getElementById('f'+blabla); if(elem == null) break; elem.onclick(); }


Читать полностью »

Как сделать PDA версию сайта (для смартфона, комуникатора, КПК)

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

Так вот насчет браузеров, вернее о сайте (PDA) оптимизированном  для карманного девайса сейчас и поведу речь. Хм. в принципе обычные сайты, почти нормально просматриваются в карманном устройстве, особенно после того как я установил опцию резать страничку на 3 полосы и показывать в 1 столбец, результатом этого стало то, что исчезла необходимость в горизонтальной прокрутке. Так вот отличия по пунктам, которые повысят комфорт.

Читать полностью »

Ошибка оптимизации – Javascript

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

Читать полностью »

Разделение пробелом разрядностей чисел в JavaScript

Вопрос: У меня есть ряд переменных, в которых записано некие целые, недробные числа – достаточно большие по количеству знаков. Как вставить пробелы после каждой цифровой триады (т.е. 1234567 = 1 234 567)?
Задача упрощена тем, что числа целые и не нужно отталкиваться от десятичной точки как от раздела – отсчет триад идет с конца строки. Но как сделать это кратко и красиво? На ум приходят только громоздкие конструкции.

Читать полностью »

Анализ сайта перед регистрацией

Пошаговый анализ ключевых слов сайта перед регистрацией в поисковых системах.

1. Используете ли вы не широко распространенные ключевые слова, а слова, направленную на целевую аудиторию?
2. Использовали ли вы формулу оптимизации, согласно которой одна страница оптимизируется под одно ключевое слово или фразу?
3. Используете ли вы специфические названия продуктов и сервисов в качестве ключевых слов?
4. Правильно ли составлены теги ? С использованием ключевых слов и фраз? Один раз в title, 2 раза в описании (description)?
5. Используете ли вы ключевые слова в начале текста тела вашей страницы?
6. Использован ли тег заголовка для ключевой фразы?
7. Использовали ли Вы ключевые слова в тексте ссылок?
8. Не используете ли вы чрезмерно свои ключевые слова?
9. Какова плотность ключевого слова на странице? Составляет ли это цифра 5-10%?
10. Атрибут ALT? Использовано в нем ключевое слово?
11. Наименовали ли вы страницу с использованием ключевого слова?
12. Использована ли в названии домена ваша ключевая фраза?
13. Привлекателен ли тег < title > и сконструирован ли он специально с целью увеличения трафика?
14. Использованы ли в содержимом тегов слова, написанные как в верхнем, так и в нижнем регистре?
15. Выразителен ли тег описания (description)? Легко ли он читаем?
16. Некоторые поисковые системы не используют тег описания. Составлен ли текст в начале страницы в качестве возможного описания для системы поиска?
17. Все ваши страницы связаны ссылками друг с другом? На каждую страницу есть хотя бы одна входящая ссылка?
18. Если у вас имеются дополнительные домены, связали ли вы их с основным сайтом?
19. Связались ли вы с сайтами той же тематики?
20. Если вы используете карту сайта, проверьте, на все ли страницы есть ссылки с нее?
21. Начинается ли ваша страница с текста, а не с графики?
22. Используете ли вы сложные технические решения, такие фреймы, длинные сценарии javascript?
23. Используете ли вы ненужные и бесполезные теги, понижающие рейтинг страницы?
24. Если есть таблицы – используются ли в них ключевые фразы?
25. Если вы используете длинный сценарий javascript, то переместили ли вы большую его часть в отдельный файл.

Читать полностью »