Главная » Записи с тегом "JS"

Рубрики с меткой ‘JS’

Включение фрагментов кода на JS в документ

С развитием всемирной Сети у ее пользователей появилось множество замечательных возможностей. Оной из них является бесплатный хостинг. Разместить свою страничку в Сети проще простого, да к тому же еще за 5 минут, бесплатно… Но всем читателям известно, где по-настоящему есть бесплатный сыр: в обмен на услуги размещения информации, на страничках бесплатного хостинга всплывают баннеры хостера. Также приходится существовать без удобств: как правило, такие сервисы, как SSI, Perl, PHP, SQL, как правило, отсутствуют. Только в последние время начали появляться халявные SSI. А как же быть тем, кто начал сайтостроение в те времена, когда данные сервисы присутствовали только на платных хостингах? Тем, у кого нет даже SSI. Данная статья и призвана им помочь.
Читать далее »

Использование JS для создания «умных» форм

Введение

JS, или JavaScript язык сценариев, которые выполняются на стороне клиента и не требует перезагрузки страницы. JavaScript был разработан компанией Netscape в 1995 году.

Вы, наверное, видели на моем сайте в гостевой книге или на форуме, формы добавления сообщений со специальными кнопками. И, если Вам хотелось обзавестись такой же, то эта статья для Вас.
Читать далее »

Практический CSS/JS: уменьшаем время загрузки страницы

Примечание: ниже находится перевод двух близких статей («Delay loading your print CSS» [http://www.phpied.com/delay-loading-your-print-css/] и «JS includes — the saga continues…» [http://www.phpied.com/javascript-include-ready-onload/]) по оптимизации загрузки страницы при наличии нескольких файлов стилей или скриптов.

У вас есть два вызова CSS-файлов на странице, например: Читать далее »

PHP скрипт комментариев + AJAX + JS + MYSQL + CSS

В данной статье мы создадим PHP скрипт для реализации системы комментариев на сайте. Наш скрипт комментариев в основном будет реализован, как вы уже догадались на языке программирования PHP. Как сопутствующие языки программирования будут: MySQL, JavaScript, а также технология Ajax (Асинхронный javascript), он используется для реализации обмена данными с сервером без перезагрузки страницы, что очень удобно при создании системы комментариев. Само собой, нам понадобятся HTML и CSS, для реализации внешнего вида системы комментариев.

ВНИМАНИЕ! По многочисленным просьбам пользователей созданы исходники. Которые вы можете скачать с этой страницы: demo_comments.rar [26,1 kb] — исходники тестировались на Denwer. Читать далее »

Скрипт слайдера картинок: JS + HTML + CSS

Скрипт слайдера картинок для сайтаВ связи с большим весом библиотеки jQuery (около 80kb), нет смысла ее использовать только ради некоторых функций. К тому же, такой вес значительно тормозит загрузку сайта. Хочется, чтобы сайт был быстрым и красочным, поэтому было решено написать собственный скрипт слайдера картинок для сайта, без использования jQuery.Сегодня мы научимся создавать слайдер картинок для вашего сайта, который будет компактным, быстрым и надежным. Весить такой скрипт будет около 2kb (JavaScript код). Разрешение слайдера будет 380 x 240. При желании вы сможете поменять на свое. Этот скрипт тестировался на кроссбраузерность в: IE, FireFox, Chrome, Opera. Читать далее »

Валидаторы — Проверка сайтов на ошибки

Статья в помощью начинающему веб-мастеру

Валидаторы — инструмент для профессионального анализа и проверки сайтов на ошибки , а так же другие полезные ресурсы.

Очень важно при открытии сайта исправить все возможные ошибки в шаблоне (это CSS, JS, HTML), а также ссылок указывающие на несуществующие разделы, ошибок в движке (модулях ), правильное написание Description, Title, keywords, так как это очень важный показатель доступности для поисковых сервисов, о них следует позаботится в самом начале создания своего проекта.

В списке присутствуют линкеры, программы, менеджеры и другие сервисы, которые помогут вам построить профессиональный сайт с чистым и грамотным кодом. Читать далее »

Введение в Warp 6 Framework

Введение в Warp 6 Framework

Давайте начнем серию сногсшибательных постов про Warp6, это новый фреймворк от компании YooTheme, в них мы рассмотрим все возможности данного инструмента и разберемся в них вместе. В этой статье мы рассмотрим основную концепцию шаблонов на Warp и как мы сможем его использовать в повседневной работе. Если вы не знаете, что такое Warp6 вам следует немедленно обратиться в знания, прочитав анонс данного шаблонизатора. После того как вы обратились в слух мы наконец сможем начать знакомство! Читать далее »