Jump to content
Sign in to follow this  
AlexDW

Обращение к авторам шаблонов

Recommended Posts

пребывал в уверенности, что если человек создает шаблон и выкладывает его на продажу - он явно должен разбираться в js и css

 

но периодически сталкиваясь с некоторыми из шаблонов - начинаю задумываться, так ли это нужно/важно для того, чтобы выставить шаблон на продажу :ugeek:

 

Уважаемые авторы шаблонов!

 

нахрена КОПИРОВАТЬ/КЛОНИРОВАТЬ поле поиска?!

или использовать сразу НЕСКОЛЬКО полей поиска, отображение которых привязано к размерам экрана

 

в итоге смотришь исходник такого шаблона - а там пара полей поиска, каждый из которых "сам по себе"
да еще и с одинаковыми селекторами :ugeek:

 

хотите менять внешний вид/расположение элемента - так меняйте через изменение/присвоение соответствующего стиля

 

поле поиска должно быть одно - вне зависимости от его позиции/стилизации/размера экрана
а селекторы - уникальны

 

иначе выходит: набирает человек в поле поиска слово, повернул девайс/прокрутил экран - опа! поле пустое, потому что сейчас уже второй/третий/100500й поиск работает

 

ps:
данное обращение не относится к большинству авторов шаблонов
но, надеюсь, те кто использует подобный подход - обратят внимание и внесут соответствующие правки в свои шаблоны

 

спасибо!

 

update:
 

Скрытый текст

 

Уважаемые авторы шаблонов!

 

Пожалуйста, обратите внимание

если вы клонируете такой важный элемент как поле поиска - для размещения в плавающем меню или ином месте - не забывайте:

 

1. обрабатывать содержимое поля при клонировании/возврате к оригиналу

- так введенные пользователем данные будут актуальны при смене

 

2. менять id у оригинала при создании клона; когда клон не нужен - менять обратно

- так селектор будет уникален

 

это облегчит жизнь и вам, и другим авторам, и в конечном итоге - клиентам

 

Спасибо!

 

 

update2:

 

Скрытый текст

 

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

 

желающим обвинить кого-либо в чем-либо, а так же с целью устроить срач ради срача - убедительная просьба не писать

 

 

  • +1 1

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Это мелочь по сравнению с остальным что любят делать сплошь и рядом

  • +1 2

Share this post


Link to post
Share on other sites

То есть откровенный плагиат друг у друга, у themeforest и даже у многострадальных отечественных магазинов типа сотмаркета или юлмарта вас не смущает? :) Будь моя воля, я бы вообще половину шаблонов снял с продажи даже не заглядывая в их внутренности. Как удачно заметил @Otvet дубли поля поиска это еще цветочки :D

  • +1 3

Share this post


Link to post
Share on other sites

Да ну, играться с ним через position:absolute или двигать яваскриптами тоже не вьіход. ИД должен бьіть уникальньім, правильно. А вот если нарисовано в дизайне под телефон и под десктоп  совсем в разньіх местах, то проще пару полей завести.

Share this post


Link to post
Share on other sites

B вот c эти тоже завязывайте

 

<?php if () {  ?>
	<?php echo $var; ?>
<?php } else { ?>
	<?php echp $var; ?>
<?php } ?>

или <div class="<?php if ($var) { ?> <?php echo $var; ?> <?php } else { ?> ...."
         

и с разбросаны кодом без табуляции так же - это же жесть 

Share this post


Link to post
Share on other sites
12 часов назад, pashast сказал:

А вот если нарисовано в дизайне под телефон и под десктоп  совсем в разньіх местах, то проще пару полей завести.

 

triple_facepalm.jpg

  • +1 1

Share this post


Link to post
Share on other sites

@AlexDW
Ну, подскажите мне, как бы вы реализовали одним полем подписку на новости одним полем в данном дизайне.

 

2017-03-03 11.55.21.png

 

Слева макет для планшетов, справа для телефонов

Share this post


Link to post
Share on other sites
$(window).bind("load resize", function() {
    var width = $(window).width();
    if (width <= 480) {
                    //
    }
    else {
                    //
    }
});

 

  • +1 1

Share this post


Link to post
Share on other sites
32 минуты назад, pashast сказал:

@AlexDW
Ну, подскажите мне, как бы вы реализовали одним полем подписку на новости одним полем в данном дизайне.

 

Слева макет для планшетов, справа для телефонов

css по медиа
да и вообще нафиг тут снизу там между
наверх и тут и там
это решается просто * такое решение стоит 100р а как вы хотите 10 000р*
ну примерно 
- заказчик нулями думает в основном

Share this post


Link to post
Share on other sites
6 минут назад, nikifalex сказал:
$(window).bind("load resize", function() {
    var width = $(window).width();
    if (width <= 480) {
                    //
    }
    else {
                    //
    }
});

 


Т.е решение буквально в два слова "hidden-xs"  и  "visible-xs" хуже? Или не валидно? Или почему нельзя 2 поля? Может мне кто-нибудь объяснить? :)

 

В 26.02.2017 в 15:44, AlexDW сказал:

иначе выходит: набирает человек в поле поиска слово, повернул девайс/прокрутил экран - опа! поле пустое, потому что сейчас уже второй/третий/100500й поиск работает

Нужно делать так чтобы это было невозможно сделать в рамках поворота одного девайса. Т.е видимость поля не должна меняться как для вьюпорта в 320пикс и для 480 пикс (телефоны в вертикальной и горизонтальной ориетации).

Так и для планшетов в 600 и в 1024 пикс.

 

А вот между условными устройствами считаю что поля можно и нужно скрывать, для увеличения скорости разработки. Да и грузит браузер скрытие полей через классы намного меньше чем постоянное вычисление (window)width  и последующие за ним аппенды или препенды. 

Share this post


Link to post
Share on other sites

что мешает использовать возможности css/js грамотно?

те же media query, изменение/присвоение стилей, перемещение элемента через js (вместо его размножения через тот же js!!!)

 

не встречал ни одного торгового центра, где применялся бы подход в стиле

- уважаемые посетители! с 8 до 9 часов вход в тц через двери, с 9 до 10 - через окна, после 10 - воспользуйтесь вентиляционными шахтами..

  • +1 4

Share this post


Link to post
Share on other sites
5 минут назад, AlexDW сказал:

что мешает использовать возможности css/js грамотно?

Скрытие элемента через css есть грамотным и быстрым способом.

JS нагружает браузер и работает совсем не идеально в плане отрисовки элементов

Share this post


Link to post
Share on other sites

для наглядности о чем я - вот живые примеры:

Скрытый текст

лезем на демку шаблона newstore

вбиваем в поиск app и чуть прокручиваем страницу, до появления всплывающего меню

 

аналогично с unishop

 

 

Share this post


Link to post
Share on other sites
16 минут назад, AlexDW сказал:

для наглядности о чем я - вот живые примеры:

 

Было, да. Сейчас не так. 

 

GIF.gif

Share this post


Link to post
Share on other sites
23 минуты назад, serega-lomik сказал:

Было, да. Сейчас не так. 


да все тоже самое

просто про значения полей не забыли и за счет расположения не так заметно

Скрытый текст


5183b12f7ad94146b8176d067988df84.png

5df2a30037954d8d9bf976e9909361c3.png

 

 

Share this post


Link to post
Share on other sites

Плавающее меню собирается скриптом из существующих элементов страницы, дабы не дублировать контент, тем более в шапке. 

Share this post


Link to post
Share on other sites
3 часа назад, pashast сказал:

@AlexDW
Ну, подскажите мне, как бы вы реализовали одним полем подписку на новости одним полем в данном дизайне.

 

2017-03-03 11.55.21.png

 

Слева макет для планшетов, справа для телефонов

flexbox

  • +1 1

Share this post


Link to post
Share on other sites
3 часа назад, serega-lomik сказал:

Плавающее меню собирается скриптом из существующих элементов страницы, дабы не дублировать контент, тем более в шапке. 

 

дублировать элементы чтобы не дублировать контент - это пять! :ugeek:

 

третий раз подряд интересуюсь - зачем клонировать, почему не перенести?

в итоге будет один элемент с одним уникальным id

 

а не 2-3-50 элементов с одинаковыми id, скрытых за пределами страницы либо через hidden/display

Share this post


Link to post
Share on other sites

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

 

Поделитесь,  пожалуйста, опытом.

Share this post


Link to post
Share on other sites

вы точно понимаете разницу между копированием и перемещением?

Share this post


Link to post
Share on other sites

Ну, допустим, вы - умный, я - дурак. Расскажите мне, как?

Share this post


Link to post
Share on other sites
$('new_element').appendTo($('#search'));

еще вариант, вырезанный элемент ложем в переменную и оттуда дергаем как угодно  

Share this post


Link to post
Share on other sites
12 минут назад, serega-lomik сказал:

Ну, допустим, вы - умный, я - дурак. Расскажите мне, как?

 

Сергей, я этого не говорил

и если затрагивать личные отношения - отношусь к вам с уважением, и как к человеку, и как к автору

 

но мне искренне непонятно - зачем клонировать/плодить элементы, если их можно просто переместить

пример навскидку

 

еще раз - в итоге будет один элемент с одним уникальным id

 

если вас волнует сдвиг при подобном переносе - просто добавьте элемент-заглушку в месте откуда идет перенос

Share this post


Link to post
Share on other sites
1 час назад, AlexDW сказал:

 

Сергей, я этого не говорил

и если затрагивать личные отношения - отношусь к вам с уважением, и как к человеку, и как к автору

 

но мне искренне непонятно - зачем клонировать/плодить элементы, если их можно просто переместить

пример навскидку

 

еще раз - в итоге будет один элемент с одним уникальным id

 

если вас волнует сдвиг при подобном переносе - просто добавьте элемент-заглушку в месте откуда идет перенос

1 - я отношусь к вам с не меньшим уважением

2 -  По вашей ссылке пост Марка, а, нет, даже цитата поста Марка, в которой он правильно объясняет, как ПЕРЕМЕСТИТЬ, да и не только переместить, нужный блок.

3 - требуется не только не переместить, а текущий оставить и создать новый

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.