sudo apt-get install  wondershaper.

Встановлюємо швидкість для скачки і віддачі.:

sudo wondershaper eth2 200 350

Отже, на закачку виділяю швидкості 350 КБ, на віддачу 200 Кб.
Що б швидкість повернути в нормальний стан, виконуємо:

sudo wondershaper clear eth2

Добавляємо команду на кнопку запуску і тішимся простоті рішення.

Популярні

• Ти чо такий гуснявий, га?
• “Світло” в 5-тому гуртожитку
• Блочні перестановки
• Кросбраузерні Inline-Block
• Css + Ротація тексту
• Універсальний градієнт
• Нова вордпресса

.gr{
/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f90));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #fff, #f90);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f90);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff endColorstr=#f90";
}

Тобі буде цікаво:

• Кросбраузерні Inline-Block
• Блочні перестановки
• Css + Ротація тексту
• Роль рамки в класному дизайні
• Горизонтальна резинова навігація
• На чистому css(2) Tooltips
• Кросбраузерний @font-face
• Скидання стилів по замовчуванню
• На чистому css (1) міні галерея

Якщо для select-а встановити прозорість, то він стане прозорим, но сам список залишається непрозорим, цікава і досить корисне поведінка.

Вся сіль в простоті рішення, єдине іе6 нефуричить, но то таке.

.selectWrap select{
position:absolute;
margin:-2px 0px 0px -5px;
font-family: Trebuchet MS, sans-serif;
font-size:18px;
opacity:0;
}

<div class="selectWrap">
<select>
<option>Тернопіль</option>
<option>...</option>
</select>
</div>

От така от цікава штуковина.

Популярні

• Ти чо такий гуснявий, га?
• “Світло” в 5-тому гуртожитку
• Блочні перестановки
• Кросбраузерні Inline-Block
• Css + Ротація тексту
• Універсальний градієнт
• Нова вордпресса

Знов таблиці?, а фіґ..

Поки закипає чайник, сідаєм і розгрібаєм проблему. Шо ми маєм, як правило, здається такий макета буде легкою прогулянкою. Фіксована ширина, фіксована висота, чіпаєм флоат: вліво, профіт? Buuuuut, конструкція повинна працювати зі змінним кількістю контенту шо зачіпає, якщо один з цих блоків має більше змісту, ніж інші, то получається ніщо інше як лажа, через вищий перший елемент, п’ятий сповзає.

Як вийти з такої ситуації? Будемо експериментувати, наприклад, із маркованими списками і властивістю inline-block.

<ul>
<li>
<h4>Block1</h4>
<img src="#" alt="img" width="75" height="75"/>
</li>
...
</ul><ul>

<style>
li {
width: 200px;
min-height: 250px;
border: 1px solid #000;
display: inline-block;
margin: 5px;
}
</style>

Так це виглядає в Firefox 3, Safari 3 і Opera:

Очевидно, вертикально тут точно шось не то. Ну, не зовсім так, тому що це нормальна  поведінка, но поки не торт. Отже йдем запарюємо каву і шустримо далі, вся сіль ховається в тому що <li> вирівняний по baseline батьківського <ul>.

Вирівнювання по baseline йде по замовчування, отже простим рішенням буде використати vertical-align:top, це виправить ситуацію:

Но не працює в Firefox 2, IE 6 і 7.

Це нас не зупиняє,для початку розберемося з фаєрфоксом. Firefox 2 не підтримує inline-block, но в Mozilla є -moz-inline-stack, це фактично еквівалент inline-block. Зробимо  костиль, браузери які підтримують inline-block будуть пропускати його і нормально реагувати на наступний.

<style>
li {
width: 200px;
min-height: 250px;
border: 1px solid #000;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 5px;
}
</style>

Опісля получається ой)) чо не знаю но діви рішають.

<li>
<div>
<h4>block1</h4>
<img src="#" alt="img" width="75" height="75"/>
</div>
</li>

<div> кагбе ресетить всьо в середині <li>, здається тепер всьо ок:

Лишився IE7 який тоже не дружить з inline-block, для нього є рішення у вигляді zoom:1; і хака з зірочкою:

<style>
li {
width: 200px;
min-height: 250px;
border: 1px solid #000;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 5px;
zoom: 1;
*display: inline;
}
</style>

Ґуден, тепер залишилось порішати IE6, він не розуміє min-height, вставимо хак _height: 250px; нормальні браузери пропустять таке, ІЕ6 схаває і всім буде добре.
Так кава допита і шо ж в нас получилось, а шось таке получилось:

<style>
li {
width: 200px;
min-height: 250px;
border: 1px solid #000;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 5px;
zoom: 1;
*display: inline;
_height: 250px;
}
</style>

<li>
<div>
<h4>Block 1</h4>
<img src="#" alt=img" width="75" height="75"/>
</div>
</li>

Тобі буде цікаво:

• Універсальний градієнт
• Блочні перестановки
• Css + Ротація тексту
• Роль рамки в класному дизайні
• Горизонтальна резинова навігація
• На чистому css(2) Tooltips
• Кросбраузерний @font-face
• Скидання стилів по замовчуванню
• На чистому css (1) міні галерея

І так поїхали по порядку:

1. Настроювані типи записів

За замовчуванням WordPress дозволяє публікувати два типи контенту: Записи та Сторінки. У версії 3.0, ви можете визначити додаткові типи контенту з їх власними атрибутами. Наприклад, якщо ви використовуєте WordPress для сайту дизайн студії, ви можете створити окремий тип запису для елементів портфоліо, ще один для сторінки вакансій і тип записів для відгуків клієнтів, шо доситьь таки класно і пніть мене якшо такого нема в maxsite)).

Може, якшо захочця зробити з WordPress шось типу Tumblr. Це буде нескладно зробити в WordPress 3.0, просто створивши тип запису для тексту, фото, цитат, посилань, чатів, аудіозаписів і відео і тд, в чому сіль.

2. Управління меню

Управління меню WordPress 3.0 одна з перших цяцьок яку я помітив в адмінці. Ця можливість дає вам тотальний  контроль над навігаційними меню сайту. За допомогою  drag’n'drop, користувач може створювати меню які включають суміш з посилань на сторінки, зовнішніх посилань, рубрик так далі. Потім можна вставити меню як віджет або іншим способом який дозволяє тема, квасно пра?.

3. Налаштовувана таксономія

Шо се? Ще одна цяцька в пару до настроюваних типів. Налаштовувана таксономія дозволяє створювати додаткові типи мета-даних. За умовчанням це “Рубрики” і “Теги”. Тепер ви можете додати додаткові типи, не важливо ієрархічні, як рубрики, чи ні, як теги.

Приклад, припустимо є сайт агентства нерухомості. На додаток до фотографій і опису,  можна використовувати настроювані таксономії для того, що б додати додаткові поля кожному об’єкту, такі як ціна, кількість кімнат, рік споруди і т.п.

4. Нова стандартна тема: “Twentyten”

Twentyten нова дефолтна тема в WordPress 3.0. Представляє із себе чистий непорочний Вордпресс, але привертає увагу дизайн і включає деяку функціональність якої немає в багатьох інших темах. Дві фішки вбудовані в Twentyten буду дуже корисні якщо ви нуб в WordPress, можна міняти деякі картинки (в шапці) фон і тд.

5. Мультисайт

У  WordPress 3.0 тепер доступна мультисайтовість. Шо се?. Сіль цієї можливості в тому, що ви можете керувати різними сайтами (на різних доменах та / або піддоменів) за допомогою однієї копії WordPress. Те, що раніше було відомо на WordPress MU тепер об’єдналася з WordPress 3.0. Включення мультісайтовості швидше за все не те, що буде робити смертний узер, так як це тягне за собою правку коду і налаштування сервера.

Тобі буде цікаво:

• Skype 5.0 beta для Windows – додані групові відеодзвінки, ня
• “Світло” в 5-тому гуртожитку
• Роль рамки в класному дизайні
• AIDA маркетингова модель

Що нового:
- Підтримка групових відео дзвінків до 5 учасників, няяя!
- Повністю оновлено інтерфейс відео дзвінка, ння!
- Поліпшена галерея
- Покращення в роботі додатків для браузера
- Припинена підтримка Windows 2000

спіддаіл так і не вернули((. Тепер же доступна можливість бачити відразу чотирьох своїх співрозмовників, вони ж будуть бачити інших учасників. Дана технологія стала можливо тільки при підтримці з боку сервера, тобто одною  p2p тут не обійдешся. А оскільки серверну частину тре обслуговувати ця послуга напевне скоро стане платною. Точно не знаю, хочк пох)), великого сенсу у відео спілкуванні більше 2х людей я не бачу, для проведення відео-лекцій існують інші серіси, гнаприклад російський відеопорт чи як там його.

Тобі буде цікаво:

• Нова вордпресса
• “Світло” в 5-тому гуртожитку

Такий захід відбувався в Тернополі вдруге. Нагадаємо, що вперше Роман організовував його 27 квітня 2009 року. Тоді за допомогою освітлених вікон та синхронного переключання світла було показано 10 картинок. Цього ж року, дещо змінивши організацію заходу, учасники реалізували 370 зображень!!! Також при використанні кольорових лампочок та музичного супроводу, показ став ще цікавішим та захоплюючим, а тому шоу глядачам запам’яталося.

Тобі буде цікаво:

• Нова вордпресса
• Skype 5.0 beta для Windows – додані групові відеодзвінки, ня

<div id="draggables">
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit....</div>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</div>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</div>
</div>

Далі додамо тій всі блочні функціонал для можливості перетягування. Пропишемо лінк на МууТулз в хедері

<script type="text/javascript" src="mootools.svn.js">
</script>

Далі нагло копіпастимо то шо нижче.

<script type="text/javascript">
window.addEvent('domready', function(){
$('#draggables div').each(function(drag){
new Drag.Move(drag);});
});
</script>

Профіт! Все дуже просто, і всього 3 рядочки коду))

• Приклад
• Мутулз

Тобі буде цікаво:

• Кросбраузерний @font-face
• Кросбраузерні Inline-Block
• На чистому css(2) Tooltips
• Скидання стилів по замовчуванню
• Універсальний градієнт
• Css + Ротація тексту
• Роль рамки в класному дизайні
• Горизонтальна резинова навігація
• На чистому css (1) міні галерея

<div class="date">
<span class="day">28</span>
<span class="month">Березня</span>
<span class="year">2010</span>
</div>

І сіске

.date {
border:1px dotted #777;
background-color:#d8eef6;
float:right;
margin-left:10px;
padding:45px 5px 0;
position:relative;
}
.date .day {
color:#013346;
font-size:45px;
left:5px;
line-height:45px;
position:absolute;
top:0;
}
.date .month {
font-size:15px;
text-transform:uppercase;
color:#777;
}
.date .year {
/*--сіль--*/
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
/*--кінець-сіль--*/
display:block;
position:absolute;
right:-4px;
top:13px;
color:#777;
}

Тобі буде цікаво:

• Кросбраузерні Inline-Block
• Роль рамки в класному дизайні
• Горизонтальна резинова навігація
• Універсальний градієнт
• Блочні перестановки
• На чистому css(2) Tooltips
• Кросбраузерний @font-face
• Скидання стилів по замовчуванню
• На чистому css (1) міні галерея

Робимо бокс більш помітним

Подивіться на ці два бокси. Ви помітили, що у першого немає рамки, а в другого є тонка, темна рамка.

Другий бокс виділяється більше, чи не так? Зверніть увагу на те, що колір рамки не сильно відрізняється від кольору заднього фону. У цьому і полягає вся сіль.
Це та, ледь помітна, різниця в кольорі, яка допомагає другому боксу виділити себе з навколишнього контенту, але в той же час, бокс не випадає із загального дизайну (не нав’язує себе).

Наведу приклади вдали рішень з рамками:

Facebook

Youtube

Gmail

WordPress

Тобі буде цікаво:

• Кросбраузерні Inline-Block
• Css + Ротація тексту
• Горизонтальна резинова навігація
• Універсальний градієнт
• Блочні перестановки
• На чистому css(2) Tooltips
• Кросбраузерний @font-face
• Скидання стилів по замовчуванню
• Нова вордпресса
• AIDA маркетингова модель