Поиск

Найдены 5 статей по слову "ссылки"

Интересные ссылки для ознакомления

NodeJS

http://jsman.ru/express/ — подробно про MVC-фреймворк Express.

Обработка изображений

http://clippingmagic.com — Убрать фон с изображения.

Регулярные выражения

http://www.rubular.com/ — Простое и быстрое тестирование регулярных выражений. Ничего лишнего.

http://gskinner.com/RegExr/ — Когда требуется по регулярному выражению заменить исходный текст. Плюс есть множество готовых примеров регулярок.

Форматирование и валидация кода

http://jsbeautifier.org/ — Красиво форматирует с переносами исходный код. Просто и удобно.

http://jsonlint.com/ — Валидатор JSON. При валидации еще и форматирует его.

Верстка HTML/CSS

http://htmlbook.ru/ — Крайне полезный сайт для начинающих верстальщиков или если вы что-то забыли. Удобный каталог тэгов и правил с подробным описанием и примерами.

Дизайн

https://kuler.adobe.com/ — Сочетание цветов от Adobe.

Регистрация доменов/Хостинг

https://2domains.ru — Дешевая регистрация доменов. Страница логина

Схемы и аналитика

https://www.draw.io/ — Удобная рисовалка схем онлайн (онлайн аналог Visio). Есть возможность связать ее с Google Drive.

Системы контроля версий

http://git-scm.com/book/ru — книга про git.

http://www.yearofmoo.com/2011/04/minify-css-and-js-with-git-hooks.html — хуки в git’е для минификации css и js.

Backbone

https://github.com/AlexFadeev/backbone-fundamentals — Перевод книги Addy Osmani о Backbone.

Профайлинг в Google Chrome

http://habrahabr.ru/post/149053/ — По-русски.

https://developers.google.com/chrome-developer-tools/docs/heap-profiling — От Google’а.

Управление командой

http://lean-lead.blogspot.ru — «записки тимлида». Хороший блог, можно почерпнуть много интересного.

QA

http://testitquickly.com/2009/09/09/vvodeste-loginu-la-adnaklassni6i/ — тестирование регистрации/логина.

Python

http://www.ibm.com/developerworks/library/l-cpmod/index.html — создание документации через pydoc.

AngularJS

http://angular.ru — документация по angularjs на русском языке.

ссылки

Небольшая подборка js-библиотек отрисовки диаграмм

Небольшая подборка js-библиотек отрисовки диаграмм:

http://highcharts.com

http://selection.datavisualization.ch

http://sigmajs.org/examples.html

http://geocommons.com/tour

https://github.com/mbostock/d3/wiki/Gallery

javascript ссылки

WTF JS

Забавный сайт на тему «какого хрена это происходит именно так в JS» 🙂

http://wtfjs.com/

javascript ссылки

Cufon не меняет цвет ссылок при наведении

Обнаружил такую проблему: Cufon (заменитель шрифтов, см. здесь и здесь) прекрасно менял все шрифты, цвета и т.п. Но в одном месте ни в какую не хотел изменять цвет шрифта при наведении (:hover).
Оказалось, что если ссылка, которая должна hover'иться, находится внутри другого блока текста, который уже обработан Cufon'ом, то она не сможет изменить цвет (!), border и некоторые другие свойства будут меняться без проблем.
Итак, ниже показываю, в каких случаях hover'а не происходит, а в каких происходит (в коде все понятно). Либо можно скачать архив, вместе со шрифтами, и самому посмотреть.


<!doctype html>
<html>
<head>
<script type="text/javascript" src="test/jquery00.js"></script>
<script type="text/javascript" src="test/cufon-yu.js"></script>
<script type="text/javascript" src="test/Plumb_20.js"></script>
<style>
a, a:link, a:visited { color : #0000cc; }
</style>
</head>
<body>
<div class="example">Lorem <a href="#" class="ahref">Ссылка, вложенная в другой элемент с Cufon'ом, обработка сначала внешнего блока, потом ссылки [hover'а нет]</a> ipsum</div>
<div class="example2"><span class="example">Lorem</span> <a href="#" class="ahref">Ссылка, не вложенная в элемент с Cufon'ом, внутри текста</a> <span class="example">ipsum</span></div>
<div class="example2">Lorem <a href="#" class="ahref">Ссылка, вложенная в другой элемент с Cufon'ом, обработка сначала ссылки, потом внешнего блока</a> ipsum</div>
<div class="example2">Lorem <a href="#">Ссылка без явного указания класса [hover'а нет]</a> ipsum</div>
<a class="ahref" href="#" >Ссылка, не вложенная в другие элементы, которые обрабатываются Cufon'ом</a></p>
<p><script type="text/javascript">
Cufon('.example');
Cufon('.ahref', {
color: '#0000cc',
hover: true,
hover: {
color: '#ccc'
}
});
Cufon('.example a', {
color: '#0000cc',
hover: true,
hover: {
color: '#ccc'
}
});
Cufon('.example2');
</script>
</body>
</html>
верстка

Делаем теги и ссылки к ним в статьях битрикса

Можно решить эту задачу так. Для этого в конец компонента bitrix:news (скопировав его) следует вставить функцию:

<?
function addLinkForTag($tagname) {
    $taglink = str_replace(' ','+',$tagname); // Пробелы должны заменяться плюсами
    return '<a href="/search/?tags='.$taglink.'">'.$tagname.'</a>'; // Добавляем ссылку. Внимание, у вас ссылка может быть не "/search/", а какая-либо другая!
}
?>

И для тех же статей (при условии, что все стандартно) в компоненте bitrix:news.list можно написать что-либо подобное:

<?foreach($arItem["FIELDS"] as $code=>$value):?> // Это уже было - стандартный перебор свойств каждой новости
    <small>
    <?
    if (GetMessage("IBLOCK_FIELD_".$code) == 'Теги') { // Желательно написать как-нибудь по другому, но на данный момент идей как правильно - нет :)
        if(CModule::IncludeModule("search")) { // Необходимо подключить модуль поиска. Без него работать не будет
            $tags_array = tags_prepare($value, "s1"); // Распиливаем теги в массив
            echo GetMessage("IBLOCK_FIELD_".$code).': '; // Выводим название "Теги"
            $tags_array = array_map("addLinkForTag",$tags_array); // Применяем функцию для создания ссылок для элементов массивов
            $result_tags = implode(", ", $tags_array); // Соединяем все обратно в одну строку
            echo $result_tags; // Выводим результат
        }
    } else { // Если у нас не Тег, то просто выводим как обычно "ключ" : "значение" (эта строка была по умолчанию)
        echo GetMessage("IBLOCK_FIELD_".$code).': '.$value;
    }
    ?>
    </small>
    <br />
<?endforeach;?>

Затем создаем страницу в битриксе и вставляем в нее компонент поиска bitrix:search.page. Собственно, ссылка на него и будет ссылкой, на которую надо поменять мой “/search/”.

bitrix