Блогът на Линковете

Информационната медия на домейна

  • Начало
  • Относно

Ubliquity - да работиш интерактивно в браузера

Posted by Nik on Wednesday, August 27th 2008   

Digg it

Bookmark it

Stumble it

Email to friend

27
Aug

Е не се стърпях, много як плъгин, при това с възможности за разширяване. За какво става дума - не може да се опише с думи :) Вижте филмчето и ако ви допада си го инсталирайте. Според мене си заслужава.


Ubiquity for Firefox from Aza Raskin on Vimeo.

Ето и оригиналнате статя както и линк от където да си го инсталирате

If you enjoyed this post, feel free to subscribes to our rss feeds

Filed under: Общи теми     Tags: cool, labs, Mozilla, plug-in
3 Comments   

Google Analytics автоматичен логин

Posted by Nik on Wednesday, August 13th 2008   

Digg it

Bookmark it

Stumble it

Email to friend

13
Aug

Днес отварям Google Analytics и какво да видя - Има анонс, че аналитикс най-после е включен в глобалния логин на Гугъл и съответно не трябва всеки път да се логваш в услугата.

Честно казано ми беше наистина чудно, защо точно тази услуга беше отделена до сега? В началото си го обяснявах си го, че при нея имаш възможност да се логваш с различни акаунти във различни статистики, но това определено не е така. Всеки може да вижда други статистики, ако има дадени права за това.

Както и да е, едно удобство повече :)

If you enjoyed this post, feel free to subscribes to our rss feeds

Filed under: Външни сайтове, Общи теми     Tags: Analytics, Google, достъп, логин
3 Comments   

Знаете ли, че … няколко css трика

Posted by Nik on Tuesday, August 12th 2008   

Digg it

Bookmark it

Stumble it

Email to friend

12
Aug

Добавяне на “бита” буква с CSS

В днешно време този похват много радко се използва, може би единствено в печатните издания или книжките с приказки. Какво означава “бита буква”? Това е похвата при който при започване на глава от книга или статия първата буква е доста по-голяма от останалите и стои някак като отделена от самия текст.Ето и пример как би изглеждал текста с такъв похват:

Бита буква
Сега как да се направи подобен ефект с CSS и без използване на картинки?

Определено в HTML-а няма нищо специално, което да се пише - прост текст заграден със таг за параграф.

<p class="special">Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Donec pede. Quisque
malesuada sagittis odio.</p>
Quisque suscipit convallis sem. Nullam tincidunt
odio quis urna. Proin pharetra. Etiam imperdiet. Cras
condimentum neque ac lectus.

В CSS-a се ползва следния код, който придава ефекта бита буква:

p.special:first-letter {
font-size : 300%;
font-weight : bold;
float : left;
width : 1em;
color: red;
font-family: "Times"
}

Ключът тука е ползването на :first-letter. При примера даден по-горе този CSS ще украси с бита буква само първия параграф, защото ние сме специфицирали, че този стил се отнася само за параграфи с клас special. Ако махнем .special от дефиницията на стила, тогава битата буква ще стилизира и втория параграф.

В заключение бих казал, че ефекта от това е според мен е спорен дори според мен е “дефект”, но дизайнери има всякакви и точно защото на мен ми натресоха дизайн с такъв похват седнах да напиша този пост.

Добавяне на градиент на тест

Тук нещата са следните: позтавят задача да се направи дадено заглавие с ефект като този:

Текст с преливка

Но, като допълнително условие се изисква текста да може да бъде редактиран през админ панела на страницата от някой маркетингов “специалист”.

Какво може да се направи? Тук нещата стават малко по-хакерски, или поне колкото се отнася то IE. Аз лично мразя да плолзвам някакви CSS приоми, който определено не са от най-стандартния тип и още по-конкретно, когато css дефиницията е заградена с [if lt IE 7] :)

Обаче не сме ние тези, който поставяме задачите - ние ги изпълняваме за това ето как може да удоволетворим нуждите на маркетинг-а.

Нека за този пример задачата да е: Заглавието на всяка страница да е “ефектно” като примера показан по-горе. Т.е. всички <H1> тагове да са украсени така.

Ето как трябва да изглежда HTML-a за H1 таговете

<h1><span></span>Article Title</h1>

Забележете, че във тага H1 има допълнителен <span> таг.

Това е кода, който ще важи за Gecko браузерите като FireFox.

h1 {
font: bold 330%/100% "Helvetica";
position: relative;
color: #464646;
}
h1 span {
background: url(gradient.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 31px;

}

а това пък трябва да се постави в хедъра на страницата за IE:

<!--[if lt IE 7]-->
<style>
h1 span {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gradient.png', sizingMethod='scale');
}
</style>
<!--[endif]-->

Вертикално центриране на текст с line-height

А ето и как може да се направи:

<div class="vertical">
<p>Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Donec pede.</p>
</div>
div.vertical{
            height:100px;
            border: 1px solid #888;
            background-color: #efefef;
            text-align: center;
        }
        div.vertical *{
            margin:0;
        }
        div.vertical p{
            line-height:100px;
        }

Позициониране в обсолютния център

Тук няма даже да се хабя да пиша. Има прекрасен пример за това как се прави. Просто ще дам линка:
Dead Centre

Ето и готовите примери описани в този пост.

Надявам се да ви е било полезно.

If you enjoyed this post, feel free to subscribes to our rss feeds

Filed under: как да ...     Tags: css, style, дизайн, трикове
3 Comments   

Visa Electron дебитна за пейпал

Posted by Nik on Thursday, August 7th 2008   

Digg it

Bookmark it

Stumble it

Email to friend

7
Aug

Невероятно, но факт. Вчера си взех дебитната карта от Пощенска банка, защото старата Борика изтече и днес се пробвах да я регистрирам в моя акаунт на Paypal.com и за мое учудване картата “мина”.

Тъй като имам и друга /абсолютно същата/ и при нея не ставаше имам 2 теории за това:

1. Пощенска банка, вече са разрешили работата с Пейпал - е крайно време беше, аланкоолу! Доларите, който имам сигурно по курса за деня в лева са станали на половина…

2. Тъй като регистрирах картата в ePay.bg, това да е ключът от палатката, защото навремето си спомням, че за да може да плащаш по интернет през банкомат, натискаш “Разрешавам на интернет разплащаниията”. Сега е малко, по сложно, защото първо трябва да влезнеш в страницата на иПей, да заявиш новата карта, те да ти генерират едни клиентски номера и сметки и незнам си какво, и чак след това да ходиш на банкомат и им превеждаш 1лв и т.н. - дълго е за обяснение.

Сега, чакам транзакцията от пейпал за 1.5$, за да потвърдя, че картата е валидна.

Иска ми се да чуя какви са вашите наблюдения по въпроса…

If you enjoyed this post, feel free to subscribes to our rss feeds

Filed under: Общи теми     Tags: Paypal, Visa, плащане
4 Comments   

Фиксирана дупка в it.linkovete.com

Posted by Nik on Monday, August 4th 2008   

Digg it

Bookmark it

Stumble it

Email to friend

4
Aug

Както споменахме в предшния пост за ъпгрейда социалната мрежа “върви” на последната версия на Pligg, обаче това не помогна да се избавим от хакерите /спамерите по-скоро/ които бяха налазили в сайта.

Оказа се, че при обновяването по някаква причина модула за captcha е деинсталиран, както и регистрацията е недостъпна за обикновените потребители, но за спамерите напълно достъпна.

Взети бяха “крути” мерки, и сега се надяваме всичко да е наред и спамерите да са затруднени максимално.

Както се казва “die spamers, die!!!”

If you enjoyed this post, feel free to subscribes to our rss feeds

Filed under: it.linkovete.com     Tags: Spam, линковете, мрежа, проблем, социална
1 Comment   

Кой ползва още URL адреси?

Posted by Nik on Monday, August 4th 2008   

Digg it

Bookmark it

Stumble it

Email to friend

4
Aug

Днес попаднах на статаията на Sophia Lucero, която поставя доста интересни въпроси за размисъл като например:

  • Дали адреса на страницата е толкова важен?
  • Дали е по-важно /и по обичайно/ да помниш как се стига до дадена страница по търсене в Гугъл отколкото нейния адрес?
  • Дали някой извлича полза от всичко това?

Всъщност най голямо впечатление ми направи констатацията, че в Япония рекламите, вместо адрес на сайт всъщност дават информация за дадена ключова дума търсена в Гугъл. Като например: “Искате да участвате в социална мрежа? - потърсете по ключова дума ‘общество’”, или “Евтини полети до Америка? Напишете ‘air america’ в гугъл”.

Звучи странно, но на практика си е така, или поне що се отнася до ман. Аз определено помня какво съм търсил в Гугъл примерно за postfix /защото в момента се боря точно стова върху един сървър/, докато адреса на страницата изобщо не помня - bookmark-нах си го :).

Другото интересно твърдение /което според мен е вярно/, е че на браузерите явно им се плаща и при това доста, за да пренасочват трафика конкретно към mr. Google. Някой от вас замислял ли се е, защо пък точно гугъл е по default е полето за бързо търсене при FireFox, или пък като напишеш дадена дума в адрес бара се осъществява търсене точно в Гугъл, а не в Ask.com? Разбира се Интернет експлорер търси в live.com, но определено FF си е тясно свързан с Гугъл. А както всички знаят трафика струва пари…

Абе определено има на какво да се замисли човек.

Адреса на статията: Do you still use URLs? Normal people no longer do

If you enjoyed this post, feel free to subscribes to our rss feeds

Filed under: Интересни статии, Общи теми     Tags: Google, url, адрес, въпроси
3 Comments   

it.linkovete.com с ретуширано лого

Posted by Nik on Friday, August 1st 2008   

Digg it

Bookmark it

Stumble it

Email to friend

1
Aug

След обновяването на софтуера, който “движи” it.linkovete.com днес има още една новина свързана със социалната мрежа.

Има лек фейслифт на логото на сайта благодарение на Васил Камарашев от DobaviGo.com за което сме му много благодарни!

Айде, чакаме и други майстори на фотошопа да помагат.

If you enjoyed this post, feel free to subscribes to our rss feeds

Filed under: it.linkovete.com     Tags: it.linkovete.com, дизайн, ретуш
No Comment Yet   

Ъпгрейднахме ИТ-то

Posted by Nik on Friday, August 1st 2008   

Digg it

Bookmark it

Stumble it

Email to friend

1
Aug

От около седмица-две сайта it.linkovete.com беше “налазен” от спамери, които постоянно публикуваха спамерски сайтове и бяхме принудени да трием записите ръчно.

От както бе стартиран сайта CMS системата Pligg не беше ъпдейтвана, поради простата причина, че бяха правени доста промени по файловете /който не са само смяна на скина/, и всеки опит за обновление завършваше с трагично изглеждаща система с липсващи финкционалности.

След “налазването” и най-вече съобщението, че системата ползва стара версия, решихме да направим необходимото, за да я обновим. Е, обновлението вече е факт! Пронципно няма видими признаци за него /защото нещата са само fix-ове на съществуващи бъгове/, но е хубаво да се знае :)

Сега ще видим и дали обновлението ще ни спаси от “лазащи гадини” :)

If you enjoyed this post, feel free to subscribes to our rss feeds

Filed under: it.linkovete.com, Общи теми     Tags: it.linkovete.com, линкове, спамери, ъпдейт
1 Comment   

Del.icio.us вече е delicious.com

Posted by Nik on Thursday, July 31st 2008   

Digg it

Bookmark it

Stumble it

Email to friend

31
Jul

Вчера прочетох съобщение в блога на del.icio.us, че предстои update на услугата, и днес с изненада видях, че той вече е факт. Странно решение, че от доста запомнящия се домейн del.icio.us сайта минава на delicious.com. Поне на мене почно стария по ми харесваше.

Още в началото се вижда, че дизайнът е съобразен с новите Web2.0 тенденции с големи шрифтофе и лесна навигация.

Какви са промените:

От блога на услугата се кълнат, че има подобрения в скороста, подобрено търсене и най-вече /което се вижда и с просто око/ дизана, който пък от своя страна е обновен с:

  • Изчистен Web 2.0 дизайн
  • Обновена навигация/меню
  • Лесно използване на етикетите прикачени към запазените връзки.
  • Подобрен е изгледа на запазената връзка
  • Добавени са нови и подобрени странични sidebars

Знам, че луд на шарено се радва /включвам тука и себе си :)/ така, че ми харесва на пръв поглед, ще видим дали ще е така и занапред.

If you enjoyed this post, feel free to subscribes to our rss feeds

Filed under: Външни сайтове     Tags: del.icio.us, външна страница, нов, редизайн, Сайт
3 Comments   

Защитаване на публикуваните е-майл адреси от спам

Posted by Nik on Monday, July 21st 2008   

Digg it

Bookmark it

Stumble it

Email to friend

21
Jul

Винаги съм се притеснявал да си публикувам адреса в публичното пространство поради простата причина, че започва едно получаване на спам съобщения, не е за хвалба. :)

Определено обаче се налага да бъде публикуван даден адрес. Особено в личните или корпоративните сайтове. Все пак, ако предлагате дадена услуга, било то реклама даден сайт, или пък изработка на сайтове или каквато и да е друга услуга, все някак потенциалния клиент трябва да може да се свърже с вас.

Лично аз много мразя когато видя адрес от вида my_user [at] mydomain.com или още по-гадното my_user [at] mydomain [dot] com. Просто се изприщвам, хващам менингит, почвам да фъфля и се такива от сорта. Мързела е голямо нещо и определено не бих седнал да пиша мейл на човек освен ако не съм прекалено заинтересуван. Най-добре би било ако е-майлът не притежава линк, то поне да е изписан правилно, така, че с Copy-Paste процедура да може директно да се копира в To: полето на всеки Е-майл клиент.

Оказва се, че има варианти, и то доста елегантни при това с които всеки адрес би изглеждал нечетим за спам харвестерите, но напълно разбираем за обикновените потребители ползващи браузер. Днес прочетох една статия и тук ще резюмирам 2 от начините, които ми се сториха доста приятни и не до там ресурсоемки за направа.

  • Смяна на посоката на писане с CSS или “Changing the code direction”

    В какво се състои той:
    Създавате си клас в CSS-a със следното съдържание:

    <style type="text/css"> 
         .codedirection {
             unicode-bidi:bidi-override;
             direction: rtl;
         } 
    </style>

    След това в ХТМЛ-а пишете следния адрес

    <div>
    <span class="codedirection">
    moc.niamodym@resu_ym
    </span>
    </div>

    Забележете, че адреса е изписан напълно огледално. Това ще доведе до изписване на правилен е-майл при рендирането на страницата от браузерите поддържащи CSS.

  • Използване на display:none

    Този поне за мен не е толкова екзотичен, пък и се спестява обръщането на адреса, което за по-дълги адреси просто е отчайващо бавно /а и все пак казахме мързела е двигател на прогреса/ така, че този метод е по-лесен за използване, и според автора на оригиналната статия също така ефективен като първия.

    В CSS-a дефинирате клас

    <style type="text/css"> 
    .displaynone { display:none; } 
    </style>

    Съответно в HTML-а пишете следния адрес:

    <div>my_user@
    <span class="displaynone">null</span>
    mydomain.com
    </div>

    Тук нещата са пределно ясни - span-ът просто не се показва и съответно адреса се показва като едно цяло в браузера, докато спам харвестерите не биха го засекли, или поне не пълния адрес.

  • Разбира се има и още една подробност - ползването на линк, за да може адреса да бъде кликаем. Аз лично бих написал собствен енкодер, отколкото да ползвам нещо готово, защото щом това нещо е публично, то винаги може да бъде приложено към харвестера и съответно да хване правилния адрес.

    Оригиналната статия е тук, като автора е посочил и съотетното количество спам получавано при различните видове защити.

    Надявам се да е било полезно.

If you enjoyed this post, feel free to subscribes to our rss feeds

Filed under: Интересни статии     Tags: html, е-майл, защита, методи, СПАМ
1 Comment   
« Older Entries
Абонирай се, за да си в час
Получавайте писмо при нов пост.

  • Нови постове
  • Нови коментари
  • Най-коментирани
  • Ubliquity - да работиш интерактивно в браузера
  • Google Analytics автоматичен логин
  • Знаете ли, че … няколко css трика
  • Visa Electron дебитна за пейпал
  • Фиксирана дупка в it.linkovete.com
  • Кой ползва още URL адреси?
  • it.linkovete.com с ретуширано лого
  • Ъпгрейднахме ИТ-то
  • Del.icio.us вече е delicious.com
  • Защитаване на публикуваните е-майл адреси от спам
  • www.link4e.com in Ubliquity - да работиш и…
  • pipe.bg in Ubliquity - да работиш и…
  • it.linkovete.co… in Ubliquity - да работиш и…
  • www.link4e.com in Google Analytics автоматич…
  • pipe.bg in Google Analytics автоматич…
  • it.linkovete.co… in Google Analytics автоматич…
  • www.link4e.com in Знаете ли, че ... няк…
  • pipe.bg in Знаете ли, че ... няк…
  • it.linkovete.co… in Знаете ли, че ... няк…
  • ted in Visa Electron дебитна за …
  • говорейки за multi-column layouts ... YAML framework (5)
  • Що ме разнаха от Свежо (5)
  • Visa Electron дебитна за пейпал (4)
  • Del.icio.us вече е delicious.com (3)
  • Кой ползва още URL адреси? (3)
  • Знаете ли, че ... няколко css трика (3)
  • Google Analytics автоматичен логин (3)
  • Ubliquity - да работиш интерактивно в браузера (3)
  • Face lift на it.linkovete.com (2)
  • Google Trends - сравняване на уеб сайтове (2)

Търсене

Категории

  • Общи теми (8)
  • ресурси (1)
  • Външни сайтове (4)
  • Интересни статии (4)
  • it.linkovete.com (3)
  • как да … (1)

Мета информация

  • Log in
  • Valid XHTML
  • Valid CSS
  • WordPress

Archives

  • August 2008 (8)
  • July 2008 (2)
  • June 2008 (7)

Страници

  • Относно

Разгледайте нашите тагове. Може да помогнат...

Гугъл СПАМ Сайт аларма блог връзка външна страница дизайн е-майл забрана защита инфирмация линк линковете методи мрежа нов новина новини публикуване редизайн ресурси сайтове свежо социална трендс търсене ъпдейт Alert css del.icio.us design framework Google Google Alert html it.linkovete.com labs layout multi-column search services Spam trends YAML

Връзки

  • Dev weblog
  • IT Новини
  • Анктета.БГ ЕООД
  • какво ме впечатли днес…

Коментатори

    • it.linkovete.com
    • ted
    • Vankata
    • Иван Пидов

Последно публикувани постове

  • Ubliquity - да работиш интерактивно в браузера
  • Google Analytics автоматичен логин
  • Знаете ли, че ... няколко css трика
  • Visa Electron дебитна за пейпал
  • Фиксирана дупка в it.linkovete.com
  • Кой ползва още URL адреси?
  • Del.icio.us вече е delicious.com
  • it.linkovete.com с ретуширано лого
  • Ъпгрейднахме ИТ-то
  • Защитаване на публикуваните е-майл адреси от спам

©2007-2008 Блогът на Линковете