• Как изменить код анимации при скроллинге?

    Alexanevsky
    @Alexanevsky
    Любительская web-разработка
    Можно попробовать вот такой код:
    $(document).ready(function(){
    
    	var $block = $(".XXXXXX");
    
    	$(window).scroll(function(){
    		if ( $(this).scrollTop() > ZZZ ){
    			$block.addClass("YYYYYY");
    		} 
    	});
    });


    Данный код добавляет блоку XXXXXX класс YYYYYY при скролле ZZZ пикселей. Т.е. если пользователь проскроллил ZZZ пикселей от верха страницы, YYYYYY добавится для XXXXXX. YYYYYY может послужить инициатором анимации.

    Т.е. есть блок XXXXXX.
    Анимация для этого блока забиндена на класс YYYYYY.
    Если пользователь проскроллил ZZZ - она активируется. Если нужно активировать сразу (т.е. даже если палец хоть немного передвинул колёсико мышки), то вместо ZZZ поставьте 1.

    А вообще киньте полностью Ваш код, посмотрим, если сами не разберётесь.

    Пример.

    И чего Вам не спится в 8 часов утра в выходной день?
    Ответ написан
  • Как вам редизайн facebook?

    Alexanevsky
    @Alexanevsky
    Любительская web-разработка
    При изменении дизайна в данном случае необходимо учитывать пропорциональность блоков и их расстановку. Кардинальные изменения сразу слишком опасны, т.к. многие пользователи сильные изменения принимают в штыки. Одно дело - изменение общей картины, другое - изменение UI. Со вторым надо быть очень осторожным, а лучше вообще не трогать (при необходимости - менять постепенно, чтобы пользователи по-тихоньку привыкали).

    По сабжу - не очень.
    Ответ написан
    Комментировать
  • Стоит ли изучать программирование веб-дизайнеру?

    Alexanevsky
    @Alexanevsky
    Любительская web-разработка
    Так как Вы всегда в курсе последних технологий и трендов, Вы должны видеть, к чему сейчас приходит веб-дизайн. Сейчас дизайн минимален и использование графических элементов сводится к минимуму. Веб-дизайн и код (даже если только ограничиться HTML5+CSS3) становятся неразрывно связаны. Т.е. падает необходимость в веб-дизайне, так как уменьшается количество элементов, вид которых надо долго продумывать.

    Можно, конечно, раздуть холивар на тему, что разработка современного плоского и минималистичного дизайна требует не меньше времени, чем тратилось на дизайн, скажем, в 2005 году, когда о минимализме никто и подозревать не мог. Лично я не считаю, что это мнение истинно. По крайней мере, как мне кажется, по логике должно быть так, что минимальный дизайн должен быть настолько минимальным, что на него должно тратиться минимальное количество времени. А от такого дизайна нам уже не отвертеться, мы все понимаем его преимущества, это во-первых, и, во-вторых, тренд есть тренд.

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

    ИМХО.

    Удачи!
    Ответ написан
    1 комментарий
  • Альтернативные способы отправки почты с сайта какие существуют?

    Alexanevsky
    @Alexanevsky
    Любительская web-разработка
    Что подразумевается под отправкой почты с сайта?
    Форма обратной связи?
    Можете воспользоваться бесплатным сервисом zahodi-ka.ru (гибко настраиваемый, без копирайтов, вернее их можно убрать, без рекламы и пр.).

    Отправка/получение почты от имени сайта name@yoursite.ru?
    PDD Yandex в помощь.

    Отправка писем пользователям, всякие уведомления о регистрации, восстановление пароля и прочее?
    Здесь уже надо подумать...
    Ответ написан
  • Как реализовать плавную смену background с наплывом?

    Alexanevsky
    @Alexanevsky
    Любительская web-разработка
    Либо используйте CSS:
    body {transition: background .15s linear;}

    Либо JS:
    $(body).animate();

    При необходимости поэтапной смены фона, т.е. сначала одно, потом второе, потом третье -Вам CSS уже особо не поможет. Самый простой вариант будет такой:
    $(body).animate();
    
    // Ждём 500 милисек и делаем новые эффекты
    $(body).delay(500).animate(); 
    
    // Ждём ещё 500 милисек и делаем новые эффекты
    $(body).delay(500).animate();
    Ответ написан
    2 комментария
  • Какие есть близкие альтернативы NotePad++ на Mac?

    Alexanevsky
    @Alexanevsky
    Любительская web-разработка
    Для html кода (и вообще любого кода из web разработке) всей душой рекомендую Coda 2. Дней всё хорошо: подсветка синтаксиса; даёт понять, если забыли кавычку или скобку поставить; всё можно настроить/не надо ничего настраивать, если не хотите, она идеальна из коробки; есть плагины; хорошая работа FTP: работа с файлами прямо на сервере.

    Из минусов: если Вы хотите работать в полноэкранном режиме, на OS X 10.10 нужна новая версия Coda 2.5. Версии ниже 2.5 на Йосемити в полноэкранке работают некорректно. Coda 2.5 надо покупать, на торрентах пока нет.
    Ответ написан
    Комментировать
  • Как настроить на сайте регионы через папки?

    Alexanevsky
    @Alexanevsky
    Любительская web-разработка
    Можно попробовать банально через JS. Подключить геоопределние (через тот же Яндекс API) и по факту выводить данные.

    Но всё-таки будет лучше, если Вы объясните поисковым системам, для какого региона какие данные фидбека. Яндекс это очень любит.

    Будут вопросы - спрашивайте.
    Ответ написан
    Комментировать
  • Обязательно ли устанавливать локальный сервер?

    Alexanevsky
    @Alexanevsky
    Любительская web-разработка
    Для тестовых вёрсток, если не хочется пользоваться локальными площадками, можно воспользоваться беслпатными пробными версиями хостингов. Например, хостинг от beget предлагает целый месяц беслпатно. Надо просто зарегистрироваться. Берёте одноразовый ящик на temp-mail.ru, регистрируетесь им на хостинге, месяц пользуетесь. Через месяц новый и т.п.
    Ответ написан
    Комментировать
  • Почему Safari не запоминает последние открытые вкладки?

    Alexanevsky
    @Alexanevsky
    Любительская web-разработка
    Если есть необходимость открыть все окна из последнего сеанса, Вы можете сделать это принудительно:
    "История" → "Снова открыть все онка из последнего сеанса".

    UPDATE:
    В Йосемити теперь можно по умолчанию сделать так, чтобы Safari открывал последние открытые вкладки.
    Ответ написан
  • Как создать копию сайта Подслушано?

    Alexanevsky
    @Alexanevsky
    Любительская web-разработка
    Здесь нет особого смысла копировать сайт.
    Проще поставить какую-нибудь CMS (если не хотите запариваться с написанием собственной) новостного типа (вроде WordPress, DLE etc.), разрешить публикацию гостям сайта...
    Ответ написан
    Комментировать
  • Кто может проконсультировать по Apache Cassandra?

    Alexanevsky
    @Alexanevsky
    Любительская web-разработка
    Попробуйте расписать здесь длинным текстом.
    Ответ написан
    Комментировать
  • [DLE] Как убрать ошибку при вставке php кода в tpl?

    Alexanevsky
    @Alexanevsky
    Любительская web-разработка
    Есть подозрение, что установленные Вами модули не адаптированы под Вашу версию DLE.
    Ответ написан
  • Можно ли рисовать сайт в InDesign?

    Alexanevsky
    @Alexanevsky
    Любительская web-разработка
    Пользоваться нужно программами для того, для чего они предназначены.
    Сомневаюсь, что Вы найдёте хоть какую-то информацию. Для рисования сайтов можно использовать Фотошоп, иногда можно пользоваться ДримВивером, но я не знаю, где вообще есть необходимость в нём.

    А современный дизайн дошёл до того, что рисовать почти никогда и ничего не нужно. Например, в дизайне Тостера (и Хабра) нет никаких элементов, где мог бы пригодиться графический редактор. И за этим будущее!
    Ответ написан
  • Как разместить inline список ровно в родителе div?

    Alexanevsky
    @Alexanevsky
    Любительская web-разработка
    Возможно, стоит сразу сделать в самом начале CSS файла:* {margin: 0; padding: 0;}
    Ответ написан
  • Как вставить необходимые данные (фото, заголовок) в соц. кнопки?

    Alexanevsky
    @Alexanevsky
    Любительская web-разработка
    Попрбуйте удалить Open Graph image для данной страницы. Или засовывать в него нужную картинку только в момент, когда пользователь кликает на конпку поделиться.
    Ответ написан
  • Почему форма не работает из выезжающего окна?

    Alexanevsky
    @Alexanevsky
    Любительская web-разработка
    Как вариант не запихивайте её в ajax, а просто поставьте на странице и в position absolute.
    Ответ написан
    Комментировать
  • Как убрать зависимость?

    Alexanevsky
    @Alexanevsky
    Любительская web-разработка
    А можно код?
    Ответ написан
    1 комментарий
  • Что почитать по front-end'у?

    Alexanevsky
    @Alexanevsky
    Любительская web-разработка
    Поделюсь собственным опытом.
    Читайте DOMы крупных сайтов, гугла, контакта, хабра, тостера и т.п. Смотрите на реализацию.
    Я сам иногда так делаю, черпаю новые идеи.
    Ответ написан
  • Как сделать автоматическую конвертацию валюты относительно рубля?

    Alexanevsky
    @Alexanevsky Автор вопроса
    Любительская web-разработка
    Большое спасибо @EnterSandman и @Taraflex за подсказки. Проблему я решил следующим образом:

    Создаём PHP файл-парсер курса валют:
    <?php 
     $content = get_content(); 
     $pattern = "#<Valute ID=\"([^\"]+)[^>]+>[^>]+>([^<]+)[^>]+>[^>]+>[^>]+>[^>]+>[^>]+>[^>]+>([^<]+)[^>]+>[^>]+>([^<]+)#i"; 
     preg_match_all($pattern, $content, $out, PREG_SET_ORDER); 
     
     $usd = ""; 
     $eur = ""; 
     $byr = ""; 
     $uah = ""; 
     $kzt = ""; 
    
     foreach($out as $cur) 
     
     { 
       if($cur[2] == 840) $usd  = str_replace(",",".",$cur[4]); 
       if($cur[2] == 978) $eur   = str_replace(",",".",$cur[4]); 
       if($cur[2] == 974) $byr   = str_replace(",",".",$cur[4]); 
       if($cur[2] == 980) $uah   = str_replace(",",".",$cur[4]); 
       if($cur[2] == 398) $kzt   = str_replace(",",".",$cur[4]); 
     } 
    
     echo "<span id=\"bank-usd\">".$usd."</span> <span id=\"bank-eur\">".$eur."</span> <span id=\"bank-byr\">".$byr."</span> <span id=\"bank-uah\">".$uah."</span> <span id=\"bank-kzt\">".$kzt."</span>"; 
     
     function get_content() 
    
     { 
       $link = "http://www.cbr.ru/scripts/XML_daily.asp"; 
       $fd = fopen($link, "r"); 
       $text=""; 
       echo "";
       while (!feof ($fd)) $text .= fgets($fd, 4096); 
       fclose ($fd); 
       return $text; 
     }
    
    ?>
    В любом месте HTML документа вставляем загрузку этого файла, а всё его содержимое оборачиваем в display: none.

    Создаём JS файл, обрабатывающий курсы валют и конвертирующий нашу 1000 рублей в каждую из них:
    var rub = 1000;
    var bankUSD = document.getElementById('bank-usd').innerText;
    var bankEUR = document.getElementById('bank-eur').innerText;
    var bankBYR = document.getElementById('bank-byr').innerText;
    var bankUAH = document.getElementById('bank-uah').innerText;
    var bankKZT = document.getElementById('bank-kzt').innerText;
    
    document.getElementById('rub').innerHTML = rub;
    document.getElementById('usd').innerHTML = (rub/bankUSD).toFixed(2);
    document.getElementById('eur').innerHTML = (rub/bankEUR).toFixed(2);
    document.getElementById('byr').innerHTML = (10000*rub/bankBYR).toFixed(0);
    document.getElementById('uah').innerHTML = (10*rub/bankUAH).toFixed(1);
    document.getElementById('kzt').innerHTML = (100*rub/bankKZT).toFixed(0);
    Для белорусской, казахской и украинской валют пришлось добавить ещё несколько нулей для корректного вывода.

    И в любом удобном месте, где нам требуется, выводим:
    <span id="rub"></span> рублей
    <span id="byr"></span> рублей
    <span id="uah"></span> гривен
    <span id="kzt"></span> тенге
    <span id="usd"></span> долларов
    <span id="eur"></span> евро
    Ответ написан
    5 комментариев
  • Где найти нормальную форму обратной связи?

    Alexanevsky
    @Alexanevsky
    Любительская web-разработка
    Пользуюсь этой на нескольких сайтах.
    Можно использовать неограниченное кол-во полей, можно настроить оформление через простой CSS на свой вкус как угодно, со спамом пока проблем не было. Копирайт изначально ставится, но его можно убрать, никаких санкций за этим не последнует. Цена 0 рублей.
    Из минусов - она может находиться только на одной странице сайта. Если вставлять на несколько - нужно, соответственно, несколько страниц.

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

    Любую форму, которую найдёте, уже отдельно встраиваете во всплывающее окно. Его написать не сложно.
    Ответ написан
    Комментировать