![[RSS]](http://upload.wikimedia.org/wikipedia/commons/thumb/4/43/Feed-icon.svg/128px-Feed-icon.svg.png){kind=icon}
Opera, HTML5, CSS3
Поддержка HTML5 и CSS3 в Opera — это шутка? Неужели так сложно нормально повернуть input, textarea и button?
Создаем масштабируемые CSS-круги
Все любят круги (в основном script.aculo.us). Но у этих кругов ширина и высота указана в пикселях. Че за говно?
Думал, что нельзя сделать круги без указания размеров в пикселях? Можно.
Мы будем использовать небольшой jQuery-трюк: будем устанавливать ширину, равную высоте.
wh = $('.circle').css('height'); $('.circle').css({ width: wh });
И CSS:
.circle { text-align: center; border-radius: 9000em; -webkit-border-radius: 9000em; -moz-border-radius: 9000em; font: normal normal bold 4em Helvetica; background: black; color: lime; }
Тестируем здесь. Отлично, можно увеличивать и уменьшать — все работает при разных размерах шрифта.
Но остались две проблемы: изменение размера шрифта на лету и увеличение/уменьшение перед загрузкой страницы. Первую проблему решим замечательным плагином jQEm. Засунем трюк в функцию и будем вызывать ее по событию emchange.
function yaycircles () { wh = $('.circle').css('height'); $('.circle').css({ width: wh }); } yaycircles(); $('.circle').bind('emchange', function () { yaycircles(); });
Теперь все круто. Я не знаю, как справиться со второй проблемой, но не думаю, что кто-то увеличивает перед открытием страницы.
P.S. К сожалению, jQEm срабатывает при сильном уменьшении страницы (когда еще видны маленькие несглаженные шрифты). Виноват браузер, да :) Поэтому круг не круглый при таком уменьшении на втором примере. Но вы знаете тех, кто на лету меняет размер шрифта? Поэтому я советую использовать первый пример.
Постовой: Альтернативная энергия, тепловой насос цена — эффективное отопление
Игры на HTML...
...вместо Flash (:
Я считаю, что флеша не должно быть везде и много. В интернете на нем должны быть только загрузчики файлов. Flash надо использовать по назначению - для создания сложных мультфильмов. Веб-приложения вполне могут обойтись без флеш-элементов..
Но как быть с играми? Да, при знании jQuery (а он намного проще ActionScript!!) можно сделать простую игру ;)
Пример - сборка АК, подсказал один товарищ. Надо не так много: средство против лени, фото разобранного автомата (идите в гугл!), графический и текстовый редакторы, нормальный браузер (Safari, Chrome или Firefox).
Я не буду подробно расписывать каждую строчку - скажу лишь, что с помощью jQueryUI мы придаем деталям draggable и создаем цели, куда они droppable. Тут сильно не доделано все - можно деталь поместить не в то место и отображается все это только в консоли. Доработаете и сделаете таймер - будет вам игра :)
<!DOCTYPE HTML> <html><head><title>AK Game</title> <script src="http://myfreeweb.ru/media/mfwjs/jquery.1.3.2.min.js" type="application/x-javascript"></script> <script src="http://myfreeweb.ru/media/mfwjs/jquery-ui-1.7.2.custom.min.js" type="application/x-javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $('.piece').draggable({ cursor: 'crosshair' }); $('#t_2').droppable({ drop: function(event, ui){ console.log('dropped to 2'); } }); $('#t_3').droppable({ drop: function(event, ui){ console.log('dropped to 3'); } }); $('#t_4').droppable({ drop: function(event, ui){ console.log('dropped to 4'); } }); }); </script> <style type="text/css"> .target { position: absolute; } #t_2 { margin: 55px 0px 0px 215px; width: 120px; height: 150px; } #t_3 { margin: 10px 0px 0px 277px; width: 177px; height: 22px; } #t_4 { margin: 5px 0px 0px 100px; width: 128px; height: 32px; } </style></head> <body> <div id="ak"> <div class="target" id="t_2"></div><div class="target" id="t_3"></div><div class="target" id="t_4"></div> <img src="1.png" alt="включи картинки!"/> </div> <img src="2.png" id="2" class="piece" alt="включи картинки!"/> <img src="3.png" id="3" class="piece" alt="включи картинки!"/> <img src="4.png" id="4" class="piece" alt="включи картинки!"/> </body></html>
Постовой: Создание сайта визитки
Серверная виртуализация
Меня тут свои люди из хостинговой компании просили отговорить покупать Virtuozzo (: Отговорил.
Я знал о том, что есть свободные альтернативы, но особо не изучал. Оказывается, OpenVZ и тот самый Virtuozzo используют одно и то же ядро системы, а что это значит - догадаться не сложно. Свободы-то и нету! VDS покупается ради того, чтобы делать все, что угодно. Хоть ставить модули ядра.
Гугл и прочие умные сайты привели меня к Xen - самой правильной технологии виртуализации. Не смотря на то, что российские (да и не только) хостинг-провайдеры пока в основном продают VPS на одном ядре (как OpenVZ), все-таки бывает правильный vps хостинг.
Xen работает как обычная виртуальная машина типа всеми любимого VirtualBox, но задействует все серверное железо, а значит, что это лучший вариант для Virtual Dedicated Server. Причем такие виртуальные сервера стоят не дороже OpenVZ'шных. На Xen можно поставить хоть DOS - интересно, под него реально собрать nginx? :)
Технически это устроено не так сложно. В Xen используется паравиртуализация. Это подход, означающий предоставление виртуальным машинам програмный интерфейс, похожий на существующее железо сервера. Запускается на Linux и других Unix-подобных ОС, но запускаться в нем может даже обычный Windows - с помощью аппаратных технологий вроде Intel VT. Короче, это то, что нужно.
Хватит извращаться с установкой Django на общественный хостинг (кстати, вот так работает этот сайт) - покупайте VDS!
Фильм ужасов "Windows MarketPlace"
Microsoft выпустил Marketplace для WM 6.0 и 6.1. Я думал, что они действительно исправились и все круто, но нет. Установка этой штуки состоит из кучи лишних нажатий и вообще, им религия мешает ставить его сразу. По ссылке "скачать Marketplace" скачивается... программа для скачивания Marketplace!
Постовой: приворот
Jolicloud
Пришло приглашение на тест 2 альфа-версии Jolicloud - ОС для нетбуков. Давно хотел что-нибудь подобное... дождался :)
Для пользователя - это такой линукс, у которого красивый интерфейс, можно поставить веб-приложения, Google Chrome 4.x, Skype, Dropbox и даже Spotify (!!!) одной кнопкой. Технически - это Ubuntu Netbook Remix с другим оформлением и программой Dashboard. Нет, не маковский с виджетами, а панель для установки тех самых приложений (и зачем-то показывает, какие приложения установили друзья).
Веб-приложения - это "закладки" Mozilla Prism. То есть просто окно, занятое полностью тем приложением.
Firefox неплохо допилен (а на самом деле это одно расширение) и не занимает так много места ;) А если убрать панель закладок - вообще отлично.
Короче, это та самая система для нетбуков. Если бы с ней продавались Eee PC, никто бы не ставил на них венду. А то у Xandros не все в порядке с юзабилити и обновлением софта.
Постовой: заработай на своем блоге.
И самое главное! Есть 9 инвайтов, почту в коментарии.
Drupal - CMS для ленивых
Я тут недавно разговаривал о создании сайта с одним человеком. И посоветовал ему Drupal. Причем я его никогда не пробовал :) Только видел сайты на нем. Например, ubuntu.com.
Решил таки проверить популярную CMS, которую все выбирают. Зашел в демо админки. И увидел кучу ссылок... однако, в них все понятно!
Это намного проще, чем писать CMS на Django (хотя на Django лучше ;) не будет лишнего) или модифицировать Wordpress под не-совсем-блог.
Однако, популярность Drupal удивляет. При том, что там много лишнего и сайты на нем при высокой нагрузке отключаются (Apache/PHP не умеют то, что умеют Nginx/Tornado - выдерживать тысячи запросов), им пользуются почти все. Википедию вам в помощь: NASA, FedEx, White House... Друпалом занимаются очень многие студии веб-дизайна, друпал разработчики.
Обзор графических оболочек для Windows Mobile
Поскольку я теперь пользователь Windows Mobile 6.1 Professional, мне нужно выбрать оболочку. Управлять чистым виндозом пальцами - сложно и не удобно. В комплекте с моим коммуникатором шла оболочка SkyTouch - слегка кастомизированный(лучше иконки, ярлык оператора) Spb Mobile Shell 2. Попробовал и удалил - она очень любит память, не предоставляя особых удобств, да ещё и отделена от Today - при сворачивании приложения я попадал не в неё, а на Today. Потом я скачал всякие другие оболочки. Попробовал, и даже некоторые мне понравились. И вот обзор графических интерфейсов для MS (Microsoft) Windows Mobile:
Spb Mobile Shell 3
Следующая версия Spb Menu имеет немного общего с 2-ой версией. Теперь она состоит из двух экранов (Professional и Lifestyle).
Первый - готовый типа-тудей. Отображает нужную (для кого?) информацию. Второй - Lifestyle ("Свободный" в русском переводе) куда интереснее - это три рабочих стола, на которые можно добавлять виджеты... Стоп. Виджеты? Нет, это так, динамические ярлычки. И управление плеером... Виндоусным плеером!!!111111 А у меня другой.
Оболочка так же работает вместе с Today'ем, как и 2 версия. Следовательно, при сворачивании приложения сразу в неё не попасть. Хоть и отделена от тудея, жутко встроена в систему. Закрыть нормально не возможно. Я закрывал WisBar'ом - запустилась опять. Там видимо сидит какой-то демон ("служба" по-виндовски), который запускает Spb Shell, если она закрылась.
В оперативке занимает 2.9 Мб (оболочка, а не "какая-то служба")
Разработчики так кричат, что она интегрируется с социальной сетью Facebook. Всего лишь синхронизирует фотографии у контактов. Возможность не нужная... в оболочке. Это должно быть в клиенте фейсбука, что и есть в SkyBook. Раз уж речь зашла о контактах: контактами управляет хорошо, но на экран контактов нужно каждый добавлять... полезно когда много, бесит когда мало.
Но плюсы есть - много к чему быстрый доступ и всё из-коробки. А не очень продвинутому пользователю Spb'шные виджеты могут понравится.
Но оболочка стоит 30$. Я считаю, что не стоит она своих денег...
...когда есть бесплатные оболочки, во многом превосходящие платную.
HTC TouchFLO (Manila)
Это та оболочка, которая предустановлена на коммуникаторы HTC. Она бесплатна... то есть за неё платят (???) покупатели этих коммуникаторов. Умные разработчики выдернули её из прошивки, облегчили, положили в cab и всё. Удобная для управления одним пальцем, Manila состоит из вкладок, переключаемых снизу. На одну из вкладок с помощью стороннего софта можно поставить today-плагины. На вкладке "поиск на карте" можно искать на карте (логично, да?) с помощью Google Maps. Которые должны быть установлены в память девайса. С флешкой не прокатит.
Вкладка "Музыка" управляет Windows Media Player, вкладка "Фото" - каким-то HTC'шным фотоальбомом.
Но в этом нет ничего плохого, ведь их можно убрать с помощью кастомайзера. С его же помощью поменять тему, шрифт. А так же отключить ненужные вкладки и включить пустую вкладку "оператор" - для today-плагинов!
Оболочка лёгкая на вид, легко отключаемая (убрал today-плагин-"включатель" и всё) и красивая. Что ещё надо?
Wisbar Advance Desktop 2
Это самая настраиваемая оболочка, в ней можно самому создавать страницы (рабочие столы) с виджетами и today-плагинами, настраивать жесты, софт-кнопки... А можно и не настраивать! Можно скачать готовую тему, которых очень много!
Этот десктоп - полноценная замена Today (простите, да. я вас достал этим словом, но без него никак.). Может повторять тот же TouchFLO, iPhone, Android (кстати, я скоро доделаю android-like тему. ждите!), десктопный Windows (фу!), GNOME, Mac OS X... А может быть просто многостраничным Today'ем. Или вообще быть каким угодно красивоудобным интерфейсом - всё зависит от фантазии и желаний пользователя.
Тема для WAD - не просто графика, а вообще всё. Виджеты, их положение... Я бы сказал, что темы - это оболочки, а WAD2 - платформа для них.
Хоть программа и платная, она нормально работает в пробном режиме. Вроде бы бесконечно (или я путаю с Wisbar, который bar, а не десктоп?).
Итак, все оболочки делают WinMobile более удобным, делают тачфон из обычного коммуникатора, но только Wisbar Advance Desktop 2 подстраивается под пользователя, а не наоборот. Но тем, кому надо быстро, красиво и удобно (а не сидеть и настраивать) я советую TouchFLO. Я сам в основном пользуюсь Wisbar Desktop, иногда переключаясь в TouchFLO.
P.S. Spb Shell советую тем, кто хочет просто потратить деньги ;)