Эти строки я пишу через три месяца (публикую старый пост, не пропадать же плагинам). Здесь плагины с сайтов jQuery. Когда я их скачивал, то заметил некое "запустение", но не смог его объяснить... Я тогда "привинтил" к сайту заказчика парочку плагинов..., а сегодня (апрель) использовал бы Bootstrap или Foundation
Вынужден поддерживать windows, linux, android, делать сайты с html,css, javascript, php, java. А сайты потом надо администрировать... Drupal, WP, Joomla, Moodle... И редактировать видео, и осваивать анимацию... И front-end приблудился недавно... Compass-scss, GULP, Jekyll, bootstrap, foundation... Куда же денешься... Здесь ЧЕРНОВИКИ !!!
суббота, 27 февраля 2016 г.
пятница, 12 февраля 2016 г.
Как лучше поместить видео в фон страницы
Действительно, как лучше разместить блок с видео. Берем плагин Video-Backgrounds-tubular и обнаруживаем, что разработчики использовали блок с параметрами position: fixed; z-index: 50; Здесь только ссылки на демо страницу (на хостинге tmweb.ru), на демо плагина ... и фрагменты кода плагина.
вторник, 2 февраля 2016 г.
Псевдошрифты или псевдокартинки в Joomla привели к jQuery selectors
Здесь я делаю великое открытие об использовании селекторов jQuery для добавления псевдоэлементов на страницу html.
Как же работают Joomla Standard Icomoon Fonts? Шрифты занимают изрядную часть файла template.css, и, чтобы код в файле работал, в него подгружаются псевдошрифты /media/jui/fonts/IcoMoon.eot...
А после подгрузки странный контент становится рабочим .icon-cancel-circle_1:before {content: "\e217"; } ... Однако, здесь (Jupyter)у меня не получилось импортировать эти шрифты..., почему, сразу не сообразил. Здесь незнакомый Font Awesome ... Потому решил попробовать радикальное средство jQuery("...").toggleClass("...")...
четверг, 17 декабря 2015 г.
Находим самоучитель JavaScript и осваиваем Dev Tools и ScratchPad Firefox
Не путать эту консоль с консолью страницы... Ctrl+Shift+k
суббота, 21 ноября 2015 г.
Файлы и настройка плагина simplePlayer jQuery
Это моя первая проба использования Ipython Notebook для освоения и настройки плагина javascript. Я здесь сначала загружал файл в ячейку, потом редактировал код и сохранял в тот же файл. А для того, чтобы сохранить первоначальный вариант, просто скопировал всю папку с плагином и работал с копией. И чего ради? Таки для этого есть GitHub... Да, я графоман, и мои заказчики не любят Гитхаб, таки будем пробовать дальше...
вторник, 17 ноября 2015 г.
Как сделать из видеороликов YouTube фон для страниц сайта
Понравилась сама идея. Нашел на jqueryscript.net плагин Tubular. Здесь примеры кода в iframes, экспериментировал с позицией и прозрачностью роликов. Здесь же распчатаны инструкции и файлы плагина.
понедельник, 16 ноября 2015 г.
Определяем css('z-index') и css('position') элемента и между делом узнаем, как вручную подгрузить в Notebook jQuery
Предстоит работа со слоями, решил всопмнить про z-index и научиться определять его для каждого элемента. Наконец то начал усваивать синтаксис вида %%javascript element.append($('#z').css('position'));, но из консоли работатьвсе же проще. Мой питон перегрелся и перестал загружать jQuery на страницу. Пришлось делать это вручную. Так я совершил великое открытие велосипеда HTML(jq) для подгрузки скриптов.
суббота, 14 ноября 2015 г.
Два плагина jQuery для вставки видео Youtube в качестве фона страницы и один simple Player
Хотел найти API для управления встроенными на html-страницу видеороликами, нашел, но в процессе серфинга по складу плагинов раскопал еще два. Спешу сохранить здесь все ссылки.
пятница, 6 ноября 2015 г.
Как обмениваться данными с javascriot из iPython notebook?
После чистки html кода из консоли браузера (см предыдущий пост) захотелось не только автоматизировать эти операции, но и сохранить написанные скрипты. Здесь я собрал с десяток ссылок на отличные статьи и заготовил пример html кода, потом дописал в Out[] ячкейки еще один пример html кода, а из других ячеек при помощи команд jQuery изменил его css стили. Так что стало ясно, как можно работать только в простейших случаях - внедряешь html фрагменты в код Notebook и имитируешь команды браузера, но конкретные примеры не здесь, но последуют далее (надеюсь).
четверг, 5 ноября 2015 г.
Используем jQuery для чистки фрагментов html кода
Понадобилось скопипастить с чужого сайта часть статьи. Если текст большой, то выгоднее тырить фрагменты вместе с html разметкой. Можно ли почистить/изменить разметку перед вставкой на свой сайт? Здесь я проделал это через консоль с помощью команд вроде $("p[style*='bold']").contents().unwrap().wrap('
'); или $( "p" ).removeClass( "myClass noClass" ).addClass( "yourClass" );На сайте jQuery есть не только хороший справочник, но и форум. All of the methods in this section manipulate the DOM in some manner.
A few of them simply change one of the attributes of an element (also listed in the Attributes category), while others set an element's style properties (also listed in the CSS category).