Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Блог » Полезности для разработчиков №007

Полезности для разработчиков №007

ПафНутиЙ 18.02.2014 полезности, pinterest, сетка Блог 5672 18 комментариев

Давно не делал подборок полезностей.
Исправляюсь:
Placeholdem - интересный плагин для анимации плейсхолдеров

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

пуленепробиваемые кнопки и фоны для email-рассылок

google-style bootstrap - бутстрап в стиле гугл, по-моему самая достойная визуальная кастомизация бутстрапа.

instantclick - ускоряем загрузку следующей страницы за счёт разницы во времени при наведении на ссылку и клику по ней - надо будет обязательно заюзать - крутая вещь!

поиск плоских иконок - сайт, на котором можно найти нужную плоскую иконку на любой случай.

Цвета соцсетей в RGB и HEX

Динамические сетки как на pinterest

Все наверняка видели сайт Pinterest с красивым расположением элементов по сетке.
В сегодняшней подборке приведу несколько готовых решений.
Masonry приводить не вижу смысла т.к. любой пользователь, сталкивающийся с подобной сеткой - точно знает, что гуглить надо "сетка как masonry" :-)

Nested - интересный плагин, не очень много опций, но есть красивая анимация при добавлении/удалении элементов и ресайзе рабочей области. 1300+ звёздочек на гитхабе должны говорить о многом.

ShapeShift - достоинство плагина в том, что можно таскать элементы мышкой и есть возможность "из коробки" отображать текущую позицию элемента в сетке (не в вёрстке, а именно в сетке), что очень полезно, если нужно расставить элементы в нужном порядке. Так же имеет 1300+ звёздочек на гитхабе, но есть недостаток - тяжеловат, однако в одном из проектов именно он оказался тем - что нужно.

Grid-A-Licious - плагин похож на jqiery.nested, но с другими анимациями. Возможно и код другой, но внешне они очень похожи.

Gridster - этот плагин мне больше других нравится, т.к. помимо перетаскивания элементов их можно ещё и ресайзить, а управление размерами вынесено в data-* атрибуты, что позволяет очень эффективно ими управлять не ковыряя каждый раз js.

Wookmark - своего рада классика жанра, ничего конкретного сказать про него не могу. Есть много настроек, сильно распространён, давно разрабатывается, 1800+ звёздочек на гитхабе.

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

Isotope - мощный плагин, но сколько не пытался - не смог найти применение его мощностям.

На последок - сервис подбора VPS по различным параметрам

18 комментариев

Юзер

378

Lynat1k - 2014-02-1819 февраля 2014 02:41 - #23775

Isotope - понравился плагин им по идее можно классную сортировку материало делать на сайте

Юзер

116

vlad23 - 2014-02-1819 февраля 2014 02:43 - #23776

instantclick но тут есть минус, нагрузка на сервер возрастет

Админ

3457

ПафНутиЙ - 2014-02-1819 февраля 2014 13:23 - #23783

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

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

116

vlad23 - 2014-02-1819 февраля 2014 14:22 - #23784

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

Юзер

116

vlad23 - 2014-02-1819 февраля 2014 14:24 - #23785

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

Админ

3457

ПафНутиЙ - 2014-02-1819 февраля 2014 15:17 - #23788

нужно тестить. Будет время - попробую обязательно этот скрипт в деле.

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

samo733792 - 2014-02-1820 февраля 2014 14:34 - #23838

У меня такая же проблема, показывает только счетчик Li. В основном когда перехожу на главную страницу.
Жаль, а скрипт то отличный, сайт делает просто молниеносным.

Юзер

378

Lynat1k - 2014-02-1820 февраля 2014 17:15 - #23850

что то я не пойму в чем смысл скрипта instantclick как он быстрее грузит инфу?

Юзер

samo733792 - 2014-02-1820 февраля 2014 18:42 - #23854

Не знаю как именно он это делает, но вы только на минутку поставьте его и все увидите.

Юзер

378

Lynat1k - 2014-02-1820 февраля 2014 20:22 - #23860

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

Юзер

Nick - 2014-02-1820 февраля 2014 20:02 - #23857

Поставил instantclick. Посмотрел.

Опера и огнелис начали творить чудеса с кодировкой (см. в прикрепленной картинке). Даже бывало, что опера вообще с ошибкой вылетала =\.
На сайте используется windows-1251.

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

Юзер

samo733792 - 2014-02-1820 февраля 2014 23:41 - #23872

Задается мне что тут без Пафнутого не обойтись.

Админ

3457

ПафНутиЙ - 2014-02-1821 февраля 2014 00:34 - #23873

без кого?

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

samo733792 - 2014-02-1821 февраля 2014 00:39 - #23874

Так и не смог научится Русской грамматике.
Извиняюсь.

Админ

3457

ПафНутиЙ - 2014-02-1821 февраля 2014 00:42 - #23876

достаточно уловить простую суть, что Имя (или никнейм) как правило отвечают на вопрос "кто", а не "какой", другими словами Сергей, а не серый (в значении серый цвет) smile

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

samo733792 - 2014-02-1821 февраля 2014 00:41 - #23875

Мы общались в Twitter-е, не помните)))

Так должно быть так?
Задается мне что тут без Пафнутий не обойтись.

Юзер

116

vlad23 - 2014-02-1822 февраля 2014 15:54 - #23972

Ну что получилось?

Юзер

209

stopani - 2014-02-182 марта 2014 21:06 - #24326

Ещё парочка полезных сайтов!
devdocs - Документация для Веб-Разработчиков
layoutit - Конструктор шаблонов на Bootstrap

Последние события

mondolfo | Шаблон waitlogin при авторизации через с ...

mondolfo
Шаблон waitlogin при авторизации через соцсеть?
Вчера, 01:31

/engine/modules/social.php
TeraMoune | Как изменить вывод custom по нескольким ... ¹¹

TeraMoune
Как изменить вывод custom по нескольким тегам?
28-10-2024, 01:05

Я же написал, продублирую: нужно использовать [[:punct:]]

И проблема в условии проверяющее версию mysql, можно поменять местами true и false, изменить знак меньше на больше или вовсе убрать код строки с version_compare и оставить ту строку кода $tempArray[] где используется [[:punct:]].

В статье также указано, что важно использовать экранирование, собственно, что и указано в методе по исправлению ошибки.
Статья по решению проблемы

Там у человека совершенно другое условие поиска. Он не теги ищет которые строго разделены запятыми, он просто слова ищет и ему как раз подойдёт граница слова. И это когда-то давно поиск был разделяя по границе слова, теперь есть character_class и используется другой метод. Но это не отменяет того, что вы нашли вопрос и решение которое никак не связано с темой новости поиска новостей с наличием тегов.
homa152 | Как изменить вывод custom по нескольким ... ¹¹

homa152
Как изменить вывод custom по нескольким тегам?
27-10-2024, 23:33

Если вы готовы предложить какое-то решение для исправление проблемы 3685, отлично. Иначе к сожалению на последних версиях MySQL хак не рабочий, согласно вашему трактату.
homa152 | Как изменить вывод custom по нескольким ... ¹¹

homa152
Как изменить вывод custom по нескольким тегам?
27-10-2024, 23:20

Я буквально 2 часа назад столкнулся с проблемами при установке этого хака, проблема была именно в ошибке 3685, сайт не просто переставал работать, использовалась стандартная заглушка при критических ошибках MySQL исправить получилось методом описанным выше, для версия до 8 хак работает исправно, но выше, требуется доработка, так как синтаксис считается ошибочным, вы можете проверить самостоятельно.

В статье также указано, что важно использовать экранирование, собственно, что и указано в методе по исправлению ошибки.
Статья по решению проблемы
TeraMoune | Как изменить вывод custom по нескольким ... ¹¹

TeraMoune
Как изменить вывод custom по нескольким тегам?
27-10-2024, 22:32

Напротив нужно использовать [[:punct:]] вместо скобок, про это написано в документации на которую вы ссылаетесь. А \b означает границу слова и не способен правильно отображать результаты. Граница слова это когда выражение будет находить отдельные слова. Например новость имеет теги (Социальная сеть, Блокировка) и tags REGEXP '\\b(сеть)\\b' найдёт новость с тегом Социальная сеть, а так же Рыбацкая сеть и в принципе найдёт все новости где присутствует слово "Сеть" и будет много лишних результатов, а не только нужные.

В хаке как раз присутствует проверка на старую версию и новую mysql и в каждом случае используется тот вариант который является валидным для используемой версии.
homa152 | Как изменить вывод custom по нескольким ... ¹¹
homa152
Как изменить вывод custom по нескольким тегам?
27-10-2024, 21:30
Добавлю касаемо обновления архитектуры MySQL
При добавлении хака с версии MySQL 8.0, возможно появление ошибки: 3685. Неверный аргумент для регулярного выражения.

Можно пофиксить самостоятельно внеся корректировки в сам хак из панели админа.

Строку:
```
$tempArray[] = "tags REGEXP '[[:<:]](" . $value  . ")[[:>:]]'";
```
Заменить на:
```
$tempArray[] = "tags REGEXP '\\\\b(" . $value  . ")\\\\b'";
```
Согласно справочному руководству MySQL 8.0 / ... / Регулярные выражения, «MySQL поддерживает регулярные выражения с помощью международных компонентов для Unicode (ICU)».

То есть, вместо "[[:<:]] и [[:>:]]", нужно использовать: "\b"
vitnet | Есть ли возможность изменить язык сайта? ¹

vitnet
Есть ли возможность изменить язык сайта?
25-10-2024, 16:22

Ну как вариант можно использовать тег {lang text=***} подробнее

{lang text="LANG_PARAMETER"}

Данный тег предназначен для вывода информации из языкового файла website.tpl, который в данный момент используется, где LANG_PARAMETER это значение параметра, который необходимо вывести. Например, тег {lang text="attach_images"} выведет надпись “Прикрепить изображения” из языкового пакета, в случае использования русского языка и если используется английский язык, то “Attach Images”
vitnet | Есть готовый модуль рейтинга комментарие ... ¹
vitnet
Есть готовый модуль рейтинга комментариев?
25-10-2024, 13:12
Вариант 1 (вручную)

1.0 Открываете файл engine/modules/show.full.php находите в нем
```
$where_approve . " ORDER BY " . PREFIX . "_comments.id " . $comm_msort;
```
И меняете здесь id на rating
Пример:
```
$where_approve . " ORDER BY " . PREFIX . "_comments.rating " . $comm_msort;
```
2.0 Затем переходите в админку /admin.php?mod=options&action=syscon --> Настройки комментариев --> Порядок сортировки комментариев --> По убыванию

2.1 Далее --> Тип рейтинга комментариев выставляете "Нравится или Не нравится"

Готово!

Вариант 2 (плагин)
Для просмотра содержимого спойлера, перейдите к выбранному событию.

Graf | Как сделать аякс кнопку "загрузить еще"? ²

Graf
Как сделать аякс кнопку "загрузить еще"?
23-10-2024, 16:03

Вот рабочий пример со скрытие пагинатора и кнопки.
Полный код файла navigation.tpl

[not-available=userinfo]
<div class="nav-load" id="nav-load">[next-link]Загрузить еще[/next-link]</div>

<nav class="navigation"[available=lastcomments] style="padding: 4% 8%;"[/available]>
	<div class="page_next-prev">
		<span class="page_prev" title="Предыдущая страница">
			[prev-link]<svg class="icon icon-left"><use xlink:href="#icon-left"></use></svg>[/prev-link]
		</span>
		<span class="page_next" title="Следующая страница">
			[next-link]<svg class="icon icon-right"><use xlink:href="#icon-right"></use></svg>[/next-link]
		</span>
	</div>
	<ul class="pagination">
		{pages}
	</ul>
</nav>
<script type="text/javascript">
$(document).ready(function(){
    
         $('body').on('click','#nav-load a',function(){
        var urlNext = $(this).attr('href');
        var scrollNext = $(this).offset().top - 200;
        if (urlNext !== undefined) {
            $.ajax({
                url: urlNext,
                beforeSend: function() {
                    ShowLoading('');
                },            
                success: function(data) {
                    $('.navigation').remove();
                    $('#nav-load').remove();
                    $('#dle-content').append($('#dle-content', data).html());
                    $('#dle-content').after($('#bottom-nav'));
                    window.history.pushState("", "", urlNext);
                    $('html, body').animate({scrollTop:scrollNext}, 800);    
                    HideLoading('');
                },
                  error: function() {                
                    HideLoading('');
                    alert('что-то пошло не так');
                  }
            });
        };
        return false;
    });
    
});
</script>
[/not-available]

vitnet | Как перенести категории в DLE? ²

vitnet
Как перенести категории в DLE?
22-10-2024, 11:30

Для начала проверьте наличие файла /engine/cache/system/category.php и если он был до замены БД то удалите его а ещё лучше очистить кеш.