Блокнот — @дневники: асоциальная сеть

<sсript type="text/javasсript">
    ymaps.ready(init);
    var zoomControl;

    function CenterMap(){
        var center = myMap.getBounds();
        if(!center) {
            return;
        }
        if (center[0][0] == center[1][0] || center[0][1] == center[1][1]){
            center[0][0] = parseFloat(center[0][0]) - 0.01;
            center[1][0] = parseFloat(center[1][0]) + 0.01;
            center[0][1] = parseFloat(center[0][1]) - 0.01;
            center[1][1] = parseFloat(center[1][1]) + 0.01;
        }
        myMap.setBounds(center);
    }

    var myMap;
    var hotelsCol;

    function init() {
        myMap = new ymaps.Map('map', {
            center: [54.512288, 36.257757],
            zoom: 12,
            controls: []
        }, {autoFitToViewport: 'always'});

        $(myMap.panes.get('events').getElement()).css({'background-image': "url('/template/megotel_new/img/bg_map_hover.png')", 'background-position': '50% 0', 'background-repeat': 'no-repeat', 'z-index' : '5000' });

        hotelsCol = new ymaps.GeoObjectCollection({},{
            draggable: false
        });
        myMap.geoObjects.add(hotelsCol);


        myMap.geoObjects.add(new ymaps.Placemark(
            ["54.518784" ,"36.247749" ],
            {hintContent: 'Гостиница Старгород'}
        ));

        var myHintLayout = ymaps.templateLayoutFactory.createClass('<div class="map_hint">$[properties.hintContent]</div>'); //всплывающая подсказка

        myMap.geoObjects.options.set({
            hintLayout: myHintLayout,
            iconLayout: 'default#image',    // Своё изображение иконки метки.
            iconImageHref: "/template/<?= $TEMPLATE; ?>/img/bg_map_mark.png",
            iconImageSize: [40, 32],
            iconImageOffset: [-6, -16]
        });

        CenterMap();
    }
</sсriрt>

@темы: Яндекс.Карты, Ссылки

URL

воскресенье, 02 ноября 2014

19:48

Видео

все записи пользователя в сообществе Heidel

If it's stupid but works, it isn't stupid.

В Сони Вегасе
1. Вывести клип в максимальном качестве
2. Ужать программой AMVsimple 4.0

Можно попробовать выводить в wmv или mp-4, в avi получается тяжелый клип.

@темы: Sony Vegas, AMVsimple 4.0, Ссылки

URL

18:13

Format exFat to Fat32

все записи пользователя в сообществе Heidel

If it's stupid but works, it isn't stupid.

http://www.ridgecrop.demon.co.uk/index.htm?guiformat.htm

@темы: Утилиты, Format exFat to Fat32, Ссылки

URL

четверг, 30 октября 2014

13:07

Яндекс-карты: Макет хинта метки

все записи пользователя в сообществе netcat-na-diary

Яндекс-карты: Макет хинта метки

https://tech.yandex.ru/maps/jsbox/2.1/placemark_hint_layout

JS

var myHintContentLayout = ymaps.templateLayoutFactory.createClass('<div class="map_hint">$[properties.hintContent]</div>'); //всплывающая подсказка           
                                                                                                                                                              
myMap.geoObjects.options.set({                                                                                                                                
    hintLayout: myHintContentLayout                                                                                                                                                                                                                                                         
});

CSS

  .map_hint {
    display: inline-block;
    max-width: 135px;
    background: rgba(0,0,0,0.85);
    .border-radius(5px);
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.2em;
    color: #ffffff;
    margin: 0;
  }

@темы: Яндекс.Карты, Ссылки

URL

вторник, 14 октября 2014

23:38

все записи пользователя в сообществе Heidel

If it's stupid but works, it isn't stupid.

http://textuts.com/embossed-metal-tag-text-effect/
http://mattgemmell.com/etched-effects-in-photoshop/
http://www.photoshopessentials.com/photoshop-text/text-effects/metal-text/
http://www.antsmagazine.com/photoshop-2/tutorials/25-photoshop-tutorials-for-metallic-effect-on-text/

@темы: Photoshop, Ссылки

URL

четверг, 09 октября 2014

13:36

Carousel jQuery

все записи пользователя в сообществе Heidel

If it's stupid but works, it isn't stupid.

http://coolcodez.net/create-infinite-carousel-in-jquery-using-a-few-lines-of-code/

Скрипт на её основе

    /* Карусель */
    $.fn.carousel = function () {
        var carousel = $(this);
        var width = carousel.find('li').width() + 15; 

        setInterval(function () {
            carousel.animate({
                right: '+=' + width
            }, 1000, function () {
                var first = carousel.find("li:first-child").detach();
                $(this).find("ul").append(first); 
                $(this).css({
                    right: '-=' + width
                });
            });
        }, 2000);

        return $(this);
    };

    $('#carousel-1').carousel();
    $('#carousel-2').carousel();

@темы: Plugins, Плагины, jQuery, Carousel jQuery, Ссылки

URL

понедельник, 29 сентября 2014

00:30

Coverflow-Style Image Carousel Plugin For jQuery - Carousel Evolution

все записи пользователя в сообществе Heidel

If it's stupid but works, it isn't stupid.

http://www.jqueryscript.net/slideshow/Coverflow-Style-Image-Carousel-Plugin-For-jQuery-Carousel-Evolution.html

@темы: Плагины, jQuery, Image Carousel, jQuery Plugins, Ссылки

URL

пятница, 05 сентября 2014

17:40

Звездочки после имени класса

все записи пользователя в сообществе netcat-na-diary

http://stackoverflow.com/questions/1204275/what-does-an-asterisk-do-in-a-css-selector

<style>
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
</style>

@темы: Верстка, CSS, Звездочки после имени класса, CSS3, Ссылки

URL

13:53

Клиентский JS

все записи пользователя в сообществе netcat-na-diary

Показать/скрыть содержимое элементов

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<style>
.reveal * { display: none; }
.reveal *.handle { display: block; }
</style>
<sсriрt>
window.onload = function () {
    var elements = document.getElementsByClassName("reveal");
    for (var i = 0; i < elements.length; i++) {
        var elt = elements[i];
        var title = elt.getElementsByClassName("handle")[0];
        addRevealHandler(title, elt);
    }

    function addRevealHandler(title, elt) {
        title.onclick = function () {
            if (elt.className == "reveal") elt.className = "revealed";
            else if (elt.className == "revealed") elt.className = "reveal";
        };
    }
};
</sсriрt>
</head> 
<body>	
	<div class="reveal">
	<h1 class="handle">Щелкните здесь, чтобы увидеть скрытый текст</h1>
	<p>Этот обзац не видим. Он появляется после щелчка на заголовке</p>
	</div>
	<div class="reveal">
	<h1 class="handle">Щелкните здесь, чтобы увидеть скрытый текст</h1>
	<p>Этот обзац не видим. Он появляется после щелчка на заголовке</p>
	</div>
</body>

Цифровые часы

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<style>
#clock {
	font: bold 24pt sans;
	background: #ddf;
	padding: 10px;
	border: solid black 2px;
	border-radius: 10px;
}
</style>
<sсriрt>
function displayTime() {
	var elt = document.getElementById("clock");
	var now = new Date();
	elt.innerHTML = now.toLocaleTimeString();
	setTimeout(displayTime, 1000);
}
window.onload = displayTime;
</sсriрt>
</head> 
<body>	
	<h1>Цифровые часы</h1>
	<span id="clock"></span>
</body>

@темы: Javascript Учебка, Javascript

URL

среда, 03 сентября 2014

13:07

JSLint,The JavaScript Code Quality Tool

все записи пользователя в сообществе Heidel

If it's stupid but works, it isn't stupid.

JSLint,The Javasсript Code Quality Tool

— проверка кода, написанного на Javasсript
http://www.jslint.com/

@темы: JSLint, Javascript, Ссылки

URL

вторник, 02 сентября 2014

12:27

Javascript - Реализация класса с помощью конструктора

все записи пользователя в сообществе Heidel

If it's stupid but works, it isn't stupid.

Реализация класса с помощью конструктора

function Range(from, to) {
	this.from = from;
	this.to = to;
}
Range.prototype = {
	includes: function(x) { return this.from <= x && x <= this.to; },
	foreach: function(f) {
		for(var x = Math.ceil(this.from); x <= this.to; x++) f(x);
	},
	toString: function() { return "(" + this.from + "..." + this.to + ")"; }
};

var r = new Range(1,3);
console.log(r.includes(2));
r.foreach(function(x){console.log(x);});
console.log(r);

@темы: Javascript Учебка, Реализация класса с помощью конструктора, Javascript

URL

11:05

Эмёрдж — система управления загрузкой веб-страниц.

все записи пользователя в сообществе Heidel

If it's stupid but works, it isn't stupid.

Эмёрдж — система управления загрузкой веб-страниц.

http://ilyabirman.ru/projects/emerge/

@темы: Эмёрдж — система управления загрузкой веб-страниц, Ссылки

URL

четверг, 28 августа 2014

13:13

Javascript Создание объектов

все записи пользователя в сообществе netcat-na-diary

//inherit() возвращает вновь созданный объект, наследующий свойства
// объекта-прототипа p. Использует функцию Object.create() из ECMAScript 5,
// если она определена, иначе используется более старый прием.
function inherit(p) {
    if (p == null) throw TypeError();
    if (Object.create) return Object.create(p);
    var t = typeof p;
    if (t !== "object" && t !== "function")
    function f() {};
    f.prototype = p;

    return new f();
}

@темы: Javascript Учебка, Javascript

URL

среда, 27 августа 2014

17:05

Javascript исключения

все записи пользователя в сообществе Heidel

If it's stupid but works, it isn't stupid.

Генерация исключения throw

function factorial(x) {
	if (x < 0) throw new Error("x не может быть отрицательным");
	for (var f = 1; x > 1; f *= x, x--) ;
	return f;
}
console.log(factorial(-10));

Вариант с try/catch

function factorial(x) {
	if (x < 0) throw new Error("x не может быть отрицательным");
	for (var f = 1; x > 1; f *= x, x--) ;
	return f;
}
try {
	var n = Number(prompt("Введите положительное число", ""));
	var f = factorial(n);
	alert(n + "! = " + f);
}
catch (ex) {
	alert(ex);
}

@темы: Javascript Учебка, Javascript

URL

вторник, 26 августа 2014

16:16

SASS or COMPASS without ruby?

все записи пользователя в сообществе Heidel

If it's stupid but works, it isn't stupid.

http://stackoverflow.com/questions/12657008/sass-or-compass-without-ruby

@темы: Верстка, COMPASS, SASS, Ссылки

URL

понедельник, 25 августа 2014

14:11

Учебные скрипты

все записи пользователя в сообществе netcat-na-diary

Учебные скрипты

Всплывающее окно подтверждения confirm

<sсriрt>
function moveon() {
var answer = confirm("Ready to move on?");

if(answer) window.location = "http://google.com";
}

setTimeout(moveon, 60000);
</sсriрt>

Создание элементов на странице

function debug(msg) {
	var log = document.getElementById("debuglog");
	
	if(!log) {
		log = document.createElement("div");
		log.id = "debuglog";
		log.innerHTML = "<h1>Debug Log</h1>";
		document.body.appendChild(log);
	}
	
	var pre = document.createElement("pre");
	var text = document.createTextNode(msg);
	pre.appendChild(text);
	log.appendChild(pre);
}
window.onload = function() {
debug("test");
}

Скрыть кнопки, вывести сообщения

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<sсriрt>
function hide(e, reflow) {
	if (reflow) {
		e.style.display = "none";
	}
	else {
		e.style.visibility = "hidden";
	}
}

function debug(msg) {
	var log = document.getElementById("debuglog");
	
	if(!log) {
		log = document.createElement("div");
		log.id = "debuglog";
		log.innerHTML = "<h1>Debug Log</h1>";
		document.body.appendChild(log);
	}
	
	var pre = document.createElement("pre");
	var text = document.createTextNode(msg);
	pre.appendChild(text);
	log.appendChild(pre);
}

window.onload = function() {

}
</sсriрt>
</head> 
<body>	

<button onclick="hide(this); debug('hide button 1');">Hide 1</button>
<button onclick="hide(this, true); debug('hide button 2');">Hide 2</button>
</body>

getElementById — получить элемент по id
getElementsByTagName - получить элементы по тегу.

Добавление обработчика click к изображениям на странице

window.onload = function () {
    var images = document.getElementsByTagName("img");

    for (var i = 0; i < images.length; i++) {
        var image = images[i];

        if (image.addEventListener) {
            image.addEventListener("click", hide, false);
        } else {
            image.attachEvent("onclick", hide);
        }
    }

    function hide(event) {
        event.target.style.visibility = "hidden";
    }
};

@темы: Javascript Учебка, Javascript

URL

пятница, 22 августа 2014

11:57

Stylus — CSS preprocessor

все записи пользователя в сообществе Heidel

If it's stupid but works, it isn't stupid.

http://learnboost.github.io/stylus/

Использование
http://learnboost.github.io/stylus/docs/executable.html

http://clock.co.uk/blog/compiling-css-using-stylus-getting-started

@темы: Верстка, Stylus, CSS, Ссылки

URL


Запомнить