Как склеивать, чистить, сжимать файлы css и javascript

Здесь я еще не знал, как вообще работать с этими файлами. Но уже занл про GULP плагины. Потому решил найти онлайн инструменты для быстрой склейки (например) CSS... Нашел много чего: PageSpeed Insights, What is the Closure Compiler..., jsmin, Разработка → Разгони свой сайт – автоматическая СКЛЕЙКА + GZIP...

Находим самоучитель JavaScript и осваиваем Dev Tools и ScratchPad Firefox

Все как-то руки не доходили, обходился консольюю браузера... Вчера вечером таки прочитал документацию ScratchPad, вспомнил, что в свое время я его пробовал, но тогда были проблемы с подсказками, в часности с jQuery, сейчас улучшились подсказки в консоли..., так что можно работать... Чтобы загрузить любую библиотеку надо выполнить команды Shift+F2 inject http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.js**
Не путать эту консоль с консолью страницы... Ctrl+Shift+k  

Sourcerer, или как добавлять разные стили и скрипты для разных страниц в Joomla

Самый правильный вариант - добавить соответствующий PHP-код. А можно запихивать фрагменты в HTML-модуль, а модуль прикрепить к нескольким пунктам меню (материалам). Но последний вармант - это нарушение стандартов W3C. Я попробовал нарушать, ...получилось, но не захотелось. Здесь ссылки на несколько модулей
Custom css, Custom HTML module, Flexi Custom Code, EasyScript. Пока я выбрал и успешно юзаю Sourcerer, он позволяет вставлять все... и везде, здесь php вставки для подгрузки скриптов и стилей в head страницы.

Сначала вставляем iframe в Joomlа, а потом готовим js код для вставки YouTube embedded iframe player

В Джумле фреймы запрещены в двух местах админки. Потому сначала разрешаем фреймы в глобальных настройках, а потом в настройках редактора. Подробности в видео.
Однако, я вынужден использовать js API embedded iframe player. Здесь пример кода для вставки белого плеера с белым пребелым контентом. Однако, при отладке яваскрипт оказалось, что 'YT is undefined, потом в Джумеле он вообще перестал было грузится, но в итоге все работает, но время загруки - почти 4 секунды (на localhost Kali) настораживает. В конце поста работающий код для Джумлы.

Определяем css('z-index') и css('position') элемента и между делом узнаем, как вручную подгрузить в Notebook jQuery

Предстоит работа со слоями, решил всопмнить про z-index и научиться определять его для каждого элемента. Наконец то начал усваивать синтаксис вида %%javascript element.append($('#z').css('position'));, но из консоли работатьвсе же проще. Мой питон перегрелся и перестал загружать jQuery на страницу. Пришлось делать это вручную. Так я совершил великое открытие велосипеда HTML(jq) для подгрузки скриптов.

Как обмениваться данными с javascriot из iPython notebook?

После чистки html кода из консоли браузера (см предыдущий пост) захотелось не только автоматизировать эти операции, но и сохранить написанные скрипты. Здесь я собрал с десяток ссылок на отличные статьи и заготовил пример html кода, потом дописал в Out[] ячкейки еще один пример html кода, а из других ячеек при помощи команд jQuery изменил его css стили. Так что стало ясно, как можно работать только в простейших случаях - внедряешь html фрагменты в код Notebook и имитируешь команды браузера, но конкретные примеры не здесь, но последуют далее (надеюсь).

Используем 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).