Таймеры обратного отсчета (frontend development)

------------

Таймеры обратного отсчета
http://postovoy.net/33.html
https://www.designmaz.net/free-jquery-countdown-timer/

JavaScript - Скрыть часть длинного текста

READMORE.JS
http://jedfoster.com/Readmore.js/


jquery-readmore
https://github.com/jaketrent/jquery-readmore

jQuery More/Less Text
http://shakenandstirredweb.com/240/jquery-moreless-text


Dynamically shortened Text with “Show More” link using jQuery
http://viralpatel.net/blogs/dynamically-shortened-text-show-more-link-jquery/


How to hide/show more text within a certain length (like youtube)
http://stackoverflow.com/questions/5270227/how-to-hide-show-more-text-within-a-certain-length-like-youtube

Query div content partial hide, show all
http://stackoverflow.com/questions/7590118/jquery-div-content-partial-hide-show-all

JavaScript-Wizard (Мастер) по возможности с BootStrap стилизацией

Задача

внедрить в сайт визард, по возможности поддерживающий Bootstrap

Исследование темы

С выбором пока не определился. Все собранные материалы привел ниже.

Вопросы/пожелания/предложения принимаются в комментариях.

Пока понравился больше всего
jQuery Steps (у него еще и таблица есть)
http://www.jquery-steps.com/Examples#basic-form


Вроде тоже неплохо
Twitter Bootstrap Wizard Plugin
http://vadimg.com/twitter-bootstrap-wizard-example/


Это визард на основе аккордеона
Accordion Wizard for Bootstrap 3
http://sathomas.me/acc-wizard/#prerequisites


Неплохо, но по умолчанию не бутстраповский
Smart Wizard 3
http://mstratman.github.io/jQuery-Smart-Wizard/index.htm

jQuery-UI CDN Themes

Ссылки на Темы JQuery UI из гугловского CDN

Беру отсюда

http://stackoverflow.com/questions/820412/downloading-jquery-ui-css-from-googles-cdn

Определить InternetExplorer 10 через JavaScript

Задача:
Сделать дополнительный код для IE 10

Решение
Если не вдаваться в детали, то JavaScript-код, устанавливающий переменную
выгладит так.

var isIE10 = false;
/*@cc_on
    if (/^10/.test(@_jscript_version)) {
        isIE10 = true;
    }
@*/
alert(isIE10);

После этого можно использовать переменную isIE10


Ссылки по теме
Помогла статья
http://stackoverflow.com/questions/16366907/how-do-i-detect-ie10-using-javascript

Еще одна статья
http://stackoverflow.com/questions/9900311/how-do-i-target-only-internet-explorer-10-for-certain-situations-like-internet-e

Хороший JQuery слайдер: bxSlider

Хороший слайдер
http://bxslider.com/

Быстро внедрил и настроил

Почему понравился 
т.к. он используется в KickStart-фреймворке (http://99lime.com)

Ссылки по теме
JQuery-Слайдер на инфоблоках Битрикс

JQuery-слайдер на инфоблоках Битрикс

Задача

создание слайдера на главной странице, чтобы сам заказчик мог менять его содержимое

идея решения

внутренности делаем на инфоблоке битрикса
реализация собственно функционала слайдинга - прикручиваем какой-либо из JavaScript слайдеров (см. ссылки ниже)

интерфейсная часть: модификация шаблона компонента "Лента новостей"

Ключевые идеи взял из статьи (спасибо автору)

http://dkruban.ru/2012/07/sozdanie-slajdera-na-1s-bitriks/

Ссылки

слайдеры (смотрите демки, выбирайте, который нравится)

Lof JSliderNew

http://landofcoder.com/jquery-plugins/lof-jslidernew-plugin.html

BxSlider 

http://bxslider.com/

SlidesJS

http://slidesjs.com/

полезная статья применения простого jQuery-Слайдера

http://ivanpopov.ru/1s-bitriksprostoi-slaider-elementov-infobloka