Skip to content

Instantly share code, notes, and snippets.

View Ser-Gen's full-sized avatar
💭
https://github.com/pixhub-int/image-processing

Sergei Vasilev Ser-Gen

💭
https://github.com/pixhub-int/image-processing
  • Voronezh, Russia
View GitHub Profile
@Ser-Gen
Ser-Gen / prefix.js
Last active December 16, 2015 21:39 — forked from barneycarroll/detectCSS.js
Проверка поддержки CSS-свойств
// позволяет проверить, поддерживается ли CSS-свойство.
// если да, возвращается свойство с нужным браузеру префиксом, нет — false
// например,
// var e = document.getElementById( 'element' ),
// s = prefix( 'transform' );
// if (s) {
// e.style[s] = 'rotate( 45deg )';
// }
//
function prefix (property) {
@Ser-Gen
Ser-Gen / about.md
Last active October 19, 2015 15:32
Работа с видео

Изначально видео может быть слишком большим, что может создать проблемы пользователям медленных интернетов; видео нужно оптимизировать.

Репозиторий модуля для упрощения оптимизации видео, пример его настройки.

Модуль использует ffmpeg для преобразования видео. Здесь можно узнать, как устанавливать ffmpeg на вин, её сборки тут. Полезно будет прочитать, какие настройки использовать для оптимизации.

Чтобы воспроизведение через флеш начиналось сразу, нужно дополнительно конвертировать видео при помощи qt-faststart ([подробнее](https://www.adobe.com/devnet/vi

//EnhanceJS isIE test idea
//detect IE and version number through injected conditional comments (no UA detect, no need for cond. compilation / jscript check)
//version arg is for IE version (optional)
//comparison arg supports 'lte', 'gte', etc (optional)
function isIE(version, comparison) {
var cc = 'IE',
b = document.createElement('B'),
/*!
* $.preload() function for jQuery – http://mths.be/preload
* Preload images, CSS and JavaScript files without executing them
* Script by Stoyan Stefanov – http://www.phpied.com/preload-cssjavascript-without-execution/
* Slightly rewritten by Mathias Bynens – http://mathiasbynens.be/
* Note that since this script relies on jQuery, the preloading process will not start until jQuery has finished loading.
*/
jQuery.preload = function(array) {
var length = array.length,
// Переписать на https://github.com/chjj/marked
// ==UserScript==
// @name Use Markdown, sometimes, in your HTML.
// @author Paul Irish <http://paulirish.com/>
// @link http://git.io/data-markdown
// @match *
// ==/UserScript==
@Ser-Gen
Ser-Gen / FastPreview.md
Last active August 29, 2015 14:08
Генерация миниатюр изображений

Для того, чтобы показывать миниатюры изображений, выбранных соответствующим полем формы, можно использовать возможности FileReader, при помощи метода readAsDataURL() кодируя изображение. Проблема в том, что процесс чтения и кодирования достаточно длителен, отчего выбор нескольких больших фотографий может привести к длительному зависанию вкладки, в которой исполняется скрипт. Пример использования этого способа в файле t0-dataURL.html.

Гораздо быстрей будут генерироваться ссылки на файлы при помощи createObjectURL(), который достаточно широко поддерживается. Этот способ реализован в файле t1-objectURL.html. Сгенерированные ссылки на выбранные файлы указываются в атрибуте src миниатюр, которые при помощи стилей уменьшаются до требуемого размера. Так

@Ser-Gen
Ser-Gen / openInNewTab.js
Created October 29, 2014 10:59
Открывает произвольную ссылку в новой вкладке
function openInNewTab(href) {
var a = document.createElement('a');
a.setAttribute('href', href);
a.setAttribute('target', '_blank');
document.body.appendChild(a);
a.click();
a.outerHTML = '';
};
@Ser-Gen
Ser-Gen / breakPseudoLine.md
Last active October 13, 2022 07:47
Перенос строки в псевдоэлементах

Писать текст с новой строки в разметке можно благодаря тегу <br>. Сделать то же самое в тексте псевдоэлемента поможет следующее.

Для начала, нужно добавить псевдоэлементам объявление white-space: pre;, чтобы текст выводился с учётом символов переноса.

Если текст псевдоэлемента задаётся в его стилях при помощи объявления content: "Текст псевдоэлемента", нужно использовать \A:

<p class="test"></p>
@Ser-Gen
Ser-Gen / yabalpha.md
Last active August 29, 2015 14:10
Про фоны Яндекс.Браузера

Можно ли в новом браузере поставить свой фон?
Эта возможность будет реализована в следующих версиях. #

Фоны Яндекс.Браузера хранятся в Виндоусе здесь:
C:\Users\%user%\AppData\Local\Yandex\YandexBrowser\Application\%version%\Resources\wallpaper

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

wallpaper.json служит для объявления фона, пример содержимого:

@Ser-Gen
Ser-Gen / ovrload
Last active August 29, 2015 14:13 — forked from loyd/ovrload
#!/bin/bash
# ovrload.ru file uploader
# ovrload — former troloload
VERSION='v0.1.3'
URL='http://ovrload.ru'
SHORTER_URL='http://tinyurl.com'
FAILURES=0 # number of upload fails
LONGTIME=0 # whether to make long-time links