Ваше мнение важно для нас.
Поделитесь своими предоложениями и пожеланиями.

Веб-разработка

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

webdev
0
CSS-треугольник
Недавно, в одном небольшом проекте, в котором я участвую, возникла необходимость сделать кастомные тултипы. Как известно, стандартные HTML-тултипы (реализуемые, с помощью атрибуты title тега элемента) нельзя кастомизировать и их внешний вид целиком и полностью зависит от браузера. Обычно этого достаточно, но иногда хочется немного разнообразить. Кроме того в них есть ряд ограничений, к примеру, отсутствие возможности переноса строк. В частности, сейчас очень популярны тултипы с "треугольником", который указывает в сторону элемента, на который наведена мышь. Именно такие тултипы мне нужно было сделать. И хотя сами тултипы реализовать довольно легко, с треугольником есть загвоздка: в HTML все элементы имеют прямоугольную форму. Можно, конечно, использовать картинку треугольника, но этот подход не является гибким, поскольку, при изменении цвета тултипа, необходима новая картинка.

Вначале, я собирался использовать для этого один из существующих JavaScript-фреймворков, дабы не изобретать велосипеды. Однако, другие участники проекта не очень горели желанием включать в него целый фреймворк(к примеру, ExtJS) исключительно, для решения этой несложной задачи, потому было принято решение реализовать данную функциональность самим. Изучив, как этот "треугольник" создается в подобных фреймворках, я выяснил, что все они используют один и тот же CSS трюк. О нем и пойдет речь дальше.
webdev
1
Google AdSense для одностраничного веб-приложения
Доброго времени суток. Хочу поделится своим исследованием на тему сабжа.
Пару дней назад возникла необходимость сделать для одного ресурса поддержку хеш-ссылок(так же известны как deep links). То есть ссылок, в которых после символа хеш(#) следует значащая часть ссылки. Такие ссылки используют практически все JavaScript фреймворки(AngujarJS, BackboneJS и т. д.) для идентификации загружаемого контента. Использование таких ссылок позволяет обновлять содержание страницы без перегрузки страницы. В этом случаи, при навигации просто меняется "якорь"(хеш), что не приводит к перегрузки страницы(автоматическому запросу страницы браузером). Таким образом, при изменении хеша, клиентский js код просто запрашивает необходимый контент с сервера(через ajax). Хеш-ссылки же используются для сохранения состояния браузера - их можно использовать как обычные ссылки(отправлять друг другу, добавлять в закладки и т. д.)
Как сделать их поддержку - тема отдельная. В общем, когда хеш-ссылки были уже готовы, возникла проблема. На сайте была реклама от Google AdSense, и, естественно, было желание, чтоб эта реклама обновлялась при переходе по дип линкам. Задача эта, на первый взгляд несложная, оказалась довольно заковыристой. Хотите узнать почему и как это все же сделать? Добро пожаловать под кат.
mingun
0
Переадресация с www на не-www средствами .htaccess
Одной из очень распространенных задач SEO является сведение www и не-www домена к общей точке. В частности с решения этой задачи начинается поисковая оптимизация любого сайта. По данной причине, я решил написать небольшую статью о том, как это делается. Но прежде чем рассказать о технических подробностях, я хотел бы поговорить о мотивации, то есть ответить на вопрос «Почему это нужно?»
buggy
0
100% высота веб-страницы с помощью CSS
Не знаю как у кого, но у меня периодически возникают проблемы с тем, чтоб веб-страница занимала всю высоту экрана. У меня есть div, который я хочу, чтоб растягивался на всю высоту страницы. Но он не растягивается. Почему? Сегодня, я, вместе с вами, попробую в этом разобраться.
webdev
1
CSS специфичный для Internet Explorer
Как бы мы не хотели не иметь дела со всяческими багами в IE, нужно смотреть правде в глаза, потому что Ваш босс, и посетители все еще используют Internet Explorer. Это неприятно, особенно, учитывая, что различные версии браузера отображают веб-страницы по-разному из-за противоречивого рендеринга. Мы обычно используем условные комментарии, чтобы решить проблемы с IE. Но, вобщем-то, есть и другие возможности, о которых сейчас и пойдет речь.
webdev
0
Баг с ценами при разработке интернет-магазина на Joomla+Virtuemart
Недавно, мне позвонил один приятель и попросил помочь с интернет-магазином. Сказал, что его разработчик никак не справляется, а сроки сильно поджимают. Почему бы не помочь человеку? Благо один баг починить зачастую много времени не занимает (если знаешь язык, конечно). Спрашиваю, на что жалуемся? Ситуация оказалась следующей: есть сайт на движке Joomla с модулем интернет-магазина Virtuemart и заказы там можно совершать в разных валютах. Проблема в том, что для всех заказанных продуктов валюта такая, как выбрал пользователь, а общая сумма всегда в валюте по умолчанию (в гривне). Я немного пошерстил на эту тему интернеты, но ничего полезного не нашел. Потому, после того, как разобрался, решил написать небольшую статью. Может, кому-нибудь она пригодится.
webdev
0
Что такое PageRank Google и как он работает?
PageRank это числовое значение, являющееся показателем «значимости» веб-страницы в сети. PageRank был придуман компанией Google, чтобы решить вопрос о том, как ранжировать страницы, т.е. в каком порядке их размещать в результатах поискового запроса. Тем не менее стоит отметить , что это не единственный параметр, на основе которого Google ранжирует страницы.
Теги: pagerank google seo

ИТ-цитата
"Информатика не более наука о компьютерах, чем астрономия — наука о телескопах."
Эдсгер Дийкстра
Статистика
Комментариев: 1
Постов: 7