January, 2008

Bookmarks 30.01.2008

January 29th, 2008 January 29th, 2008
Posted in Bookmarks
No Comments »

www.w3.org/TR/REC-CSS2/tables.html – EN
добавяне на CSS стилове на HTML таблиците, съобразени с препоръките на световния уеб консорциум (W3C)

www.javascript-examples.com/html-forms – EN
няколко примера за използване на javascript в уеб форми

www.designoogle.com – EN
интересна търсачка за уеб дизайн ресурси

www.csshardcore.com – EN
богат списък от CSS ресурси за web дизайнери – галерия, навигационни менюта, табове, layouts, блогове, техники и др.

www.w3.org/html5 – EN
първата официална публикация на W3C за бъдещия стандарт HTML5

www.domainsbot.com – EN
The domain name search engine! ;) Трябва Ви идея за Вашия домейн?

30

January 25th, 2008 January 25th, 2008
Posted in Общи
No Comments »

Вече съм на 30 …

30 ама цели 30! Ужас!!!

Енджълсофт – лан интернет доставчик

January 19th, 2008 January 19th, 2008
Posted in Общи, Пловдив
No Comments »

Клиентите на интернет доставчика Енджълсофт получихме нещо като новогодишен подарък – по високи скорости. Имайки предвид последното увеличение, което беше в края на миналото лято и за което писах тук няма как да не съм приятно изненадан. Особено на фона на все по-лошите отзиви за единия от основните им конкуренти – Евроком ЛАН (бившите Гигабит), клиентите на които след продажбата им на Евроком София само загубиха от ползваната услуга (кабелна ТВ и/или интернет достъп). Доколкото разбрах проблема идвал от това, че по-качественото оборудване, с което са разполагали доскоро, вече е прехвърлено към София, а насам е пристигнала доста по проблемна техника. Като се добави и напускането или уволнението на голяма част от персонала им, който колкото и да не е идеален все пак е вършил някаква работа става ясно, че там нещата не вървят на добре.

Не така стоят нещата при Енджълсофт и Нетгруп, които са основният им партньор и изграждат и поддържат лан мрежите в по-голямата част от кварталите в Пловдив, в това число и в района на Кичук Париж, където живея и аз. Доколкото успявам да следя форума виждам, че постоянно се мисли за оптимизация на мрежите и се работи за отстраняване на проблемите, които в някои случаи са неизбежни, но за наше щастие, напоследък са все по-рядко явление.

А ето и малко сравнение на услугите на двата интернет доставчика, като скоростите са описани като в тяхните оферти:

Енджълсофт

Услуга Скорост INT/БГ* Скорост локална Цена
Икономична 2 Mbit/s 6 Mbit/s 20лв.
Универсална 4/8 Mbit/s 10 Mbit/s 35лв.
Еднократна такса за изграждане на връзка – 24 лв.
* INT – международна скорост / БГ – скорост за България

Евроком Лан

Скорост обща Скорост международна Цена
3 Mbit/s 1,2 Mbit/s 20лв.
6 Mbit/s 2,5 Mbit/s 30лв.
12 Mbit/s 3,5 Mbit/s 50лв.

А за да затвърдя доброто си мнение за моя доставчик ето и резулатите от тестовете на скоростта към 3 сървъра – Франкфурт, София и Пловдив. Както се вижда около 23:00 скоростите за Икономичната тарифа (20лв/месец) са между два и три пъти по високи от официално обявените, а преди дни в 2:30 вечерта дори стигнах до 15 МБита към сървър в София и 13 към Мюнхен. И за да не изглежда, сякаш всичко е розово все пак имам и някои “организационни” забележки, за които мисля да пиша друг път ;) .

lan internet plovdiv

lan internet plovdiv

lan internet plovdiv

Елица Тодорова и Стоян Янкулов

January 13th, 2008 January 13th, 2008
Posted in Видео
No Comments »

Три клипа на Елица Тодорова и Стоян Янкулов, в характерният им стил. Надявам се да имам възможността да ги видя и на живо. Едно от местата където мисля, че може да се случи това е July Jazz Smolyan 2008 – джаз фестивалът в Смолян, на който бяха гости миналата година и съжалявам, че не намерихме начин да го посетим.

Dropdown menu с помощта на CSS

January 8th, 2008 January 8th, 2008
Posted in CSS, Уеб дизайн
No Comments »

По един от проектите, над които работих по спецификация трябваше да се направи падащо меню (dropdown menu). И тъй като select тага, който е стандартно решение в случая, не позволява максимално стилизиране и сливане с останалата част от дизайна, прибягнах до употребата на друго решение. В основата му е използването на стандартен html списък (< ul >< li >1< /li >>< li >2< /li >< /ul >) и със помощта на CSS му предадох желания вид, вписващ се в цялостния дизайн на страницата. Използвал съм и два реда javascript код, с който се променя стойността на display свойството на списъка при възникване на събитие – в случая onmouseover и onmouseout.

Ето и примерен код:

HTML файл:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xml:lang="en-us" lang="en-us"
      xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Dropdown menu example with using of standard html list and CSS</title>

<meta name="keywords" content=" " />
<meta name="description" content=" " />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en-us" />

<link rel="stylesheet" type="text/css" href="main.css" />

<script type="text/javascript">
	function showLang(id) {
		document.getElementById(id).style.display = 'block';
	}
	function hideLang(id) {
		document.getElementById(id).style.display = 'none';
	}
</script>

</head>
<body>

<div id="wrapper">

      <ul id="langBar">

        <li id="langBarSelect"
		onmouseover="showLang('selectLang'); return false;"
		onclick="showLang('selectLang'); return false;"
		onmouseout="hideLang('selectLang'); return false;">
	<span>Change Language</span>
	<img src="flags/arrow.png" alt="arrow" />
        <ul id="selectLang"
		onclick="showLang('selectLang'); return false;"
		onmouseout="hideLang('selectLang'); return false;">
	  <li>
		<a href="/uk/">
		<img src="flags/uk.png" alt="uk flag" /> english
		</a>
	  </li>
	  <li>
		<a href="/sp/">
		<img src="flags/spain.png" alt="es flag" /> espanol
		</a>
	  </li>
	  <li>
		<a href="/bg/">
		<img src="flags/bg.png" alt="bg flag" /> български
		</a>
	  </li>
        </ul>
        </li>
      </ul>

</div>

</body>
</html>

CSS файл (main.css):

* { padding: 0; margin: 0; }

body {
 color: #333;
 font: 12px normal "Arial Narrow", Arial, sans-serif ;
 background:url(../im/bgr-body.png) top repeat-x;
 background: #E6F4FE;
}

img { border:0;}

#wrapper {
 margin: 50px auto;
 width: 480px;
 height: 480px;
 border:1px solid #21407c;
 background-color:#016EB6;
}

#langBar {
 margin: 0 auto;
 display:block;
 padding: 0;
 margin: 50px auto;
 list-style: none;
 width:120px;
 height:15px;
 border:1px solid #21407c;
 color:#21407c;
 font-size:10px;
}

#langBarSelect {
 display:block;
 width:120px;
 height:15px;
 position: relative;
 background: #E6F4FE;
 float:left;
}

#langBarSelect span {
 width: 100px;
 float:left;
 display:block;
 margin: 1px 0 0 5px;
 _margin: 1px 0 0 2px; /*  IE 6  style */
 text-align: left;
}

#langBarSelect img {
 margin: 2px 1px 0 0;
 float:right;
 display:block;
}

#selectLang {
 border:1px solid #21407c;
 margin: -1px;
 display: none;
 width: 120px;
 position: absolute;
 left:0;
 top:0;
 list-style: none;
}

#selectLang li a {
 display:block;
 width: 115px;
 background: #E6F4FE;
 padding: 3px 0 3px 5px;
 text-decoration:none;
 color:#21407c;
}

#selectLang li a:hover {
 background: #FFCC03;
 color:#21407c;
}

#selectLang li a img{
 border:0;
 padding: 0 5px 0 0;
 float:left;
}

Работещ пример може да видите тук!