Заметки » Страница 3 » СОЗДАНИЕ САЙТОВ | Разработка сайтов

Google+ UI Buttons #

Блог » Заметки / / 18.11.11 / Комментировать [1]

WMR -> Гривны бумажками #

Допустим у нас на кошельке WebMoney есть чуть больше 7000 рублей.
Задача, получить их в гривнах да так что бы бумажными, что бы смять и засунуть в карман.

Для начала нам понадобиться карта ПриватБанка - Миттева (с гривневым счетом) (за 25грн. ее вам сделают на месте, в любом отделении ПриватБанка). Теперь карта есть, ок.

Способ 1. Самый быстрый, но и получите на карту меньше всего.
Сайт webmoney.com.ua - вывод на карту ПриватБанк, вводите 7000 р. и на карту вам упадет ~1652 грн.

Для того что бы пользоваться способами 2 и 3 необохдимо прикрепить к вашему WMID карточку. Для этого
заходите на cards.ukrgarant.com и там закрпеляете ее. Если данные верны, то происходит прикрипление в течении 1 дня.

Способ 2. Может занять от 1-3 дней. На карту падет чуть больше.
Конвертируем в самом кипере рублики на гривны и получаем ~1731 грн. Дальше заходим на banking.ukrgarant.com и там делаем перевод на карточку.

Способ 3. Точно также занимает от 1 до 3 дней. На карту падает еще больше.
Конвертирывать будем рублики в гривны не через внутринию систему вебмоней а на сайте wm.exchanger.ru. Ставите ставку с божеским курсом и ждете пока разгребут ваши рубли. Из 7000 р. получаете 1800 грн. на кошельке ВебМоней. (Правда комисия за использование сайта взяла 56 руб. так что правильней говорить что за 7056 руб. получил 1800 грн., что все равно больше в случае 1 и 2 способа). Дальше заходим на banking.ukrgarant.com и там делаем перевод на карточку.

Вывод на карту через банкинг систему 0.8% процентов поэтому, на карте у вас окажеться:
Способ 1) ~1652 грн.
Способ 2) 1731 - 0.8% = ~1717 грн.
Способ 3) 1800 - 0.8% = ~1786 грн.

Вывести из банкомета приватовского возьмет еще комиссию в 1.5%, итого у нас в кармане будет:
Способ 1) 1652 - 1.5% = 1627 грн.
Способ 2) 1717 - 1.5% = 1691 грн.
Способ 3) 1786 - 1.5% = 1759 грн.

Выводы: Разница между быстро-просто и долго-напряжно (возня с ставками при конвертации, + ложат деньги на карту 1-3 дня) составляет на ~7000 рублях где-то 130 гривен (на 700 000 руб. будет уже 13 000 гривен). Стоит ли игра свеч, вам решать...

Блог » Заметки / Теги: вывод, вебмоней, приватбанк, деньги / 07.11.11 / Комментировать [3]

Это что еще за гуйня. Выброс в сторону Google Reader #

Сегодня у меня обновился дизайн в Google Reader. Замечу что этим четким инструментом я пользуюсь ежедневно и много. И какого же было мое разочарование видеть новый дизайн. Дальше почему (да я не поленился наштопать скриншотов это дико печально):

Смотрите как выглядит на ноуте (все изображения кликабельны):

Вот они происки сатаны(и это на весь экран, прямо как на телефоне когда мизерная зона является рабочей). Первое что бросается в глаза это блина что за огромная шапка и так мало места для контента!?

Смотрим дальше:

Омой дизайн ... что-то не влезло в стандартное разрешение экрана 1024px. При прокрутке страницы не понятно просмотрена эта новость или нет!!!!!!!!!!!!!!!

И завершающий аккорд, если поклацать обновить эту же страницу ридера вылазит это (Что нового в вашем Гугл Ридере причем в настройках у меня выставлено что заходить в Все записи при старте):

Нафиг оно мне...

Итог: Это жесть... Такое ощущение, что дизайн поменяли под шумок для галочки ридеру, людьми которые не пользуются им. Верните как было блиать! Маляю!

upd: не я один страдаю http://habrahabr.ru/blogs/google/131636/

Блог » Заметки / Теги: google reader, юзабилити, дизайн, не удобно, фу / 01.11.11 / Комментировать [0]

Одна страница на jQuery #

Достаточно простой пример того, как создать одно страничный сайт с навигацией, в данном примере (3х3)

1 2 3
4 5 6
7 8 9

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Одна страница</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<style>
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a:hover, a:active { outline: 0; }

body {
font-family: arial;
font-size: 15px;
overflow: hidden;
}
h2 {
color: #ffffff;
text-align: center;
font-family: Verdana;
font-size: 54px;
margin-top: 50px;
}
h3 {
color: #ffffff;
text-align: center;
font-family: Verdana;
font-size: 16px;
margin-top: 20px;
}
p {
color: #ffffff;
text-align: center;
font-family: arial;
font-size: 16px;
line-height: 24px;
margin-top: 20px;
}
.contentul {
text-align: center;
font-size: 16px;
line-height: 24px;
color: #ffffff;
}
nav {
height: 50px;
width: 100%;
}
nav ul li {
height: 50px;
width: 11.1%;
text-align: center;
float: left;
}
nav ul li a {
text-decoration: none;
color: #ffffff;
line-height: 50px;
display: block;
}

#link1 {background: #fe4632;}
#link2 {background: #005fe5;}
#link3 {background: #ffb40a;}
#link4 {background: #80bf34;}
#link5 {background: #26bfa3;}
#link6 {background: #2d93cf;}
#link7 {background: #ab250f;}
#link8 {background: #e99702;}
#link9 {background: #9adf56;}

.box {float: left;}

#box1 {background: #fe4632;}
#box2 {background: #005fe5;}
#box3 {background: #ffb40a;}
#box4 {background: #80bf34;}
#box5 {background: #26bfa3;}
#box6 {background: #2d93cf;}
#box7 {background: #ab250f;}
#box8 {background: #e99702;}
#box9 {background: #9adf56;}
</style>

<script>
$(document).ready(function(){

function resizeBoxes() {

    var browserWidth = $(window).width();
    var browserHeight = $(window).height();

    $('#main').css({
        width: browserWidth*3,
    });


    $('.box').css({
        width: browserWidth,
        height: browserHeight,
    });

}

resizeBoxes();

$(window).resize(function() {
    resizeBoxes();
});

$('nav ul li a').click(function(){
    return false;
});

function goTo(horizontal,vertical) {

    var browserWidth = $(window).width();
    var browserHeight = $(window).height();

    $('#main').animate({
        marginLeft: '-'+browserWidth*horizontal,
        marginTop: '-'+browserHeight*vertical,
    }, 1000);

}

$('#link1 a').click(function(){
    goTo(0,0);
});

$('#link2 a').click(function(){
    goTo(1,0);
});

$('#link3 a').click(function(){
    goTo(2,0);
});

$('#link4 a').click(function(){
    goTo(0,1);
});

$('#link5 a').click(function(){
    goTo(1,1);
});

$('#link6 a').click(function(){
    goTo(2,1);
});

$('#link7 a').click(function(){
    goTo(0,2);
});

$('#link8 a').click(function(){
    goTo(1,2);
});

$('#link9 a').click(function(){
    goTo(2,2);
});


});
    </script>
</head>
<body>

<div id="main">
    <section id="box1" class="box">
    <nav>
    <ul>
    <li id="link1"><a href="#">1</a></li>
    <li id="link2"><a href="#">2</a></li>
    <li id="link3"><a href="#">3</a></li>
    <li id="link4"><a href="#">4</a></li>
    <li id="link5"><a href="#">5</a></li>
    <li id="link6"><a href="#">6</a></li>
    <li id="link7"><a href="#">7</a></li>
    <li id="link8"><a href="#">8</a></li>
    <li id="link9"><a href="#">9</a></li>
    </ul>
    </nav>
    <h2>1</h2>
    </section>
    <section id="box2" class="box">
    <nav>
    <ul>
    <li id="link1"><a href="#">1</a></li>
    <li id="link2"><a href="#">2</a></li>
    <li id="link3"><a href="#">3</a></li>
    <li id="link4"><a href="#">4</a></li>
    <li id="link5"><a href="#">5</a></li>
    <li id="link6"><a href="#">6</a></li>
    <li id="link7"><a href="#">7</a></li>
    <li id="link8"><a href="#">8</a></li>
    <li id="link9"><a href="#">9</a></li>
    </ul>
    </nav>
    <h2>2</h3>
    </section>
    <section id="box3" class="box">
    <nav>
    <ul>
    <li id="link1"><a href="#">1</a></li>
    <li id="link2"><a href="#">2</a></li>
    <li id="link3"><a href="#">3</a></li>
    <li id="link4"><a href="#">4</a></li>
    <li id="link5"><a href="#">5</a></li>
    <li id="link6"><a href="#">6</a></li>
    <li id="link7"><a href="#">7</a></li>
    <li id="link8"><a href="#">8</a></li>
    <li id="link9"><a href="#">9</a></li>
    </ul>
    </nav>
    <h2>3</h2>
    </section>
    <section id="box4" class="box">
    <nav>
    <ul>
    <li id="link1"><a href="#">1</a></li>
    <li id="link2"><a href="#">2</a></li>
    <li id="link3"><a href="#">3</a></li>
    <li id="link4"><a href="#">4</a></li>
    <li id="link5"><a href="#">5</a></li>
    <li id="link6"><a href="#">6</a></li>
    <li id="link7"><a href="#">7</a></li>
    <li id="link8"><a href="#">8</a></li>
    <li id="link9"><a href="#">9</a></li>
    </ul>
    </nav>
    <h2>4</h2>
    </section>
    <section id="box5" class="box">
    <nav>
    <ul>
    <li id="link1"><a href="#">1</a></li>
    <li id="link2"><a href="#">2</a></li>
    <li id="link3"><a href="#">3</a></li>
    <li id="link4"><a href="#">4</a></li>
    <li id="link5"><a href="#">5</a></li>
    <li id="link6"><a href="#">6</a></li>
    <li id="link7"><a href="#">7</a></li>
    <li id="link8"><a href="#">8</a></li>
    <li id="link9"><a href="#">9</a></li>
    </ul>
    </nav>
    <h2>5</h2>
    </section>
    <section id="box6" class="box">
    <nav>
    <ul>
    <li id="link1"><a href="#">1</a></li>
    <li id="link2"><a href="#">2</a></li>
    <li id="link3"><a href="#">3</a></li>
    <li id="link4"><a href="#">4</a></li>
    <li id="link5"><a href="#">5</a></li>
    <li id="link6"><a href="#">6</a></li>
    <li id="link7"><a href="#">7</a></li>
    <li id="link8"><a href="#">8</a></li>
    <li id="link9"><a href="#">9</a></li>
    </ul>
    </nav>
    <h2>6</h2>
    </section>
    <section id="box7" class="box">
    <nav>
    <ul>
    <li id="link1"><a href="#">1</a></li>
    <li id="link2"><a href="#">2</a></li>
    <li id="link3"><a href="#">3</a></li>
    <li id="link4"><a href="#">4</a></li>
    <li id="link5"><a href="#">5</a></li>
    <li id="link6"><a href="#">6</a></li>
    <li id="link7"><a href="#">7</a></li>
    <li id="link8"><a href="#">8</a></li>
    <li id="link9"><a href="#">9</a></li>
    </ul>
    </nav>
    <h2>7</h2>
    </section>
    <section id="box8" class="box">
    <nav>
    <ul>
    <li id="link1"><a href="#">1</a></li>
    <li id="link2"><a href="#">2</a></li>
    <li id="link3"><a href="#">3</a></li>
    <li id="link4"><a href="#">4</a></li>
    <li id="link5"><a href="#">5</a></li>
    <li id="link6"><a href="#">6</a></li>
    <li id="link7"><a href="#">7</a></li>
    <li id="link8"><a href="#">8</a></li>
    <li id="link9"><a href="#">9</a></li>
    </ul>
    </nav>
    <h2>8</h2>
    </section>
    <section id="box9" class="box">
    <nav>
    <ul>
    <li id="link1"><a href="#">1</a></li>
    <li id="link2"><a href="#">2</a></li>
    <li id="link3"><a href="#">3</a></li>
    <li id="link4"><a href="#">4</a></li>
    <li id="link5"><a href="#">5</a></li>
    <li id="link6"><a href="#">6</a></li>
    <li id="link7"><a href="#">7</a></li>
    <li id="link8"><a href="#">8</a></li>
    <li id="link9"><a href="#">9</a></li>
    </ul>
    </nav>
    <h2>9</h2>
    </section>
</div>

</body></html>

CSS, XHTML, JavaScript, Заметки / / 27.10.11 / Комментировать [0]

Обзор ссылочек с полезными штуками #

http://underthesite.com/ - забиваете ссыль в строчку и получаете инфу на чем (какие технологии использует) сделан сайт.

http://www.fastmail.fm/ - почта, правда не помню чем она мне приглянулась

http://flash-mp3-player.net/ - генератор мп3 плеера для сайта

http://home2.paulschou.net/tools/xlate/ - кодер-декодрер (бинарный текст хекс)

http://help.logol.ru/punycode/ - перевод русского домена в латиницу

Punycode (произносится как «пуникод») — стандартизированный метод преобразования последовательностей Unicode-символов в так называемые ACE-последовательности, которые состоят только из алфавитно-цифровых символов, как это разрешено в доменных именах.

http://www.wipmania.com/ru/ – полный спектр решений для геотаргетинга

http://www.bluevertigo.com.ar/bluevertigo.htm - много ссылок на фотостоки (там как платные так и без)

http://www.linkexchanger.su/2008/62.html – часто задаваемые вопросы по jQuery

http://sixrevisions.com/ - 50 примеров выпадающего меню

http://who.is/ - смотреть инфу по домену и не только

http://www.ripe.net/ - удобно смотреть инфу по домену

Блог » Заметки / Теги: обзор, обзор ссылок / 13.08.11 / Комментировать [0]

Скрыть ссылки #

Скрыть ссылку при помощи JS

<a href="http://фейковая_ссылка/" mce_href="http://фейковая_ссылка/"
target=_blank onclick="this.href='http://реальная_ссылка'">Замануха</a>

К стандартной ссылке добавляется атрибут onclick, в котором указывается настоящий адрес, по которому перейдёт пользователь при клике по ссылке. А в стандартной записи a href="" указываем адрес, который будет видеть пользователь при наведении на ссылку.

Скрыть ссылку при помощи PHP
Создаем пхп файл у себя на сервере с содержанием:

<? header ("location: http://реальная_ссылка"); ?>

Скрываем ссылку через файл .htaccess

Redirect 302 /fake_link http://реальная_ссылка/на_чего-нибудь

Скыть ссылку через сервис коротких ссылок - например bit.ly

PHP, JavaScript, Заметки / / 25.07.11 / Комментировать [1]