Check out summer 2011 edition of the latest HTML5 tutorials that will make it easier for you to understand HTML5 new features and functions.
http://blog.templatemonster.com/2011/08/09/html5-tutorials-summer-2011/
вторник, 9 августа 2011 г.
пятница, 5 августа 2011 г.
Обзор коммуникатора HTC Sensation
http://habrahabr.ru/blogs/hardware/125760/
Связь: GSM/EDGE 850/900/1800/1900 МГц, UMTS/HSDPA 900/2100 МГц
Процессор: Qualcomm MSM 8260 с частотой 1,2 ГГц (двухъядерный)
Память: 768 Мб (оперативная), 1 Гб (для хранения данных) и разъем для карты памяти формата microSD до 32 Гб (карта на 8 Гб в комплекте)
Интерфейсы: Wi-Fi (802.11b/g/n), Bluetooth 3.0, microUSB (он же HDMI через переходник), 3.5 мм miniJack для гарнитуры
Экран: 4,3” (Super LCD, 540x960), сенсорный, емкостного типа
Камера: 8 МП с автофокусом, светодиодная вспышка
Навигация: GPS, aGPS
Дополнительно: FM-радио, датчик света, сенсор приближения, акселерометр, износостойкий экран, металлический корпус
Аккумулятор: Li-Ion, 1520 мАч
Размеры: 126,1 x 65,4 x 11,3 мм
Вес: 148 г
Обращаю ваше внимание на то, что в видеоролике не «свежераспечатанный» андроид, а вполне себе замученная (за месяц с хвостиком) система. Если после видео сомнения еще остались, то предлагаю ознакомиться с оставшейся текстовой частью обзора :) Предшественником «сенсации» по праву считается Desire HD, но за неимением его, буду периодически «вспоминать» HD2.
Технические характеристики
Операционная система: Google Android 2.3 c оболочкой HTC Sense 3.0Связь: GSM/EDGE 850/900/1800/1900 МГц, UMTS/HSDPA 900/2100 МГц
Процессор: Qualcomm MSM 8260 с частотой 1,2 ГГц (двухъядерный)
Память: 768 Мб (оперативная), 1 Гб (для хранения данных) и разъем для карты памяти формата microSD до 32 Гб (карта на 8 Гб в комплекте)
Интерфейсы: Wi-Fi (802.11b/g/n), Bluetooth 3.0, microUSB (он же HDMI через переходник), 3.5 мм miniJack для гарнитуры
Экран: 4,3” (Super LCD, 540x960), сенсорный, емкостного типа
Камера: 8 МП с автофокусом, светодиодная вспышка
Навигация: GPS, aGPS
Дополнительно: FM-радио, датчик света, сенсор приближения, акселерометр, износостойкий экран, металлический корпус
Аккумулятор: Li-Ion, 1520 мАч
Размеры: 126,1 x 65,4 x 11,3 мм
Вес: 148 г
суббота, 16 июля 2011 г.
VASH -технология визуализация хэша
Одним из столпов криптографии является хэш - цифровой "слепок" или "отпечаток пальца" для данных. На днях друзья скинули интересную технологию визуализации хэша - VASH. В свое время я работал над проектом когда хэш данных использовался не ДЛЯ а ПРИ визуализации - проект Марконт (электронная почтовая марка ставилась в соответствие хэшу данных). Но тут ребята пошли другим и более интересным путем. Для меня, к примеру, наиболее интересным представляется использользование данной технологии в сайто-строительстве, в т.ч. и как элемент защиты уникальных данных. К примеру текст на какой-то странице вашего сайта может быть "подписан" вот такой картинкой - своего рода голограммка оригинальности.
вторник, 12 апреля 2011 г.
Блоки с тенью с помощью CSS3
CSS3 Box-Shadow: CSS-3 Box-Shadow
Начиная с Firefox 3.1 (beta) и Safari 3.1.2. CSS3 поддерживают стили оформления блоков тенями.
css-selector { boxShadow : xOffset yOffset blurRadius shadowColor }
К сожалению Internet Explorer(7-8) на поддерживает данную функциональность, но есть способ и в ИЕ применить такие же эффекты через CSS Filter Blur плагина jQuery = jquery.boxshadow.js.
$(css-selector).boxShadow( xOffset, yOffset, blurRadius, shadowColor );
Примечание: JavaScript требует чтобы родительский элемент имел атрибут "relative".
jquery.boxshadow.js
Пример
CSS:
.cblock {
width:1000px; height: 100%; background:none; margin-top: 20px; position: relative;
box-shadow: 9px 9px 5px #111;
-o-box-shadow: 9px 9px 5px #111;
-moz-box-shadow: 9px 9px 5px #111;
-webkit-box-shadow: 9px 9px 5px #111;
}
HTML
<script type="text/javascript" src="jquery.boxshadow.js"></script>
<style type="text/css" media="screen">
@import url(style.css );
</style>
<script type="text/javascript">
$(document).ready(function(){
if ($.browser.msie) {
$('.cblock').boxShadow( 9, 9, 5, "#111");
}
});
</script>
Начиная с Firefox 3.1 (beta) и Safari 3.1.2. CSS3 поддерживают стили оформления блоков тенями.
css-selector { boxShadow : xOffset yOffset blurRadius shadowColor }
К сожалению Internet Explorer(7-8) на поддерживает данную функциональность, но есть способ и в ИЕ применить такие же эффекты через CSS Filter Blur плагина jQuery = jquery.boxshadow.js.
$(css-selector).boxShadow( xOffset, yOffset, blurRadius, shadowColor );
Примечание: JavaScript требует чтобы родительский элемент имел атрибут "relative".
jquery.boxshadow.js
Пример
CSS:
.cblock {
width:1000px; height: 100%; background:none; margin-top: 20px; position: relative;
box-shadow: 9px 9px 5px #111;
-o-box-shadow: 9px 9px 5px #111;
-moz-box-shadow: 9px 9px 5px #111;
-webkit-box-shadow: 9px 9px 5px #111;
}
HTML
<script type="text/javascript" src="jquery.boxshadow.js"></script>
<style type="text/css" media="screen">
@import url(style.css );
</style>
<script type="text/javascript">
$(document).ready(function(){
if ($.browser.msie) {
$('.cblock').boxShadow( 9, 9, 5, "#111");
}
});
</script>
пятница, 8 апреля 2011 г.
среда, 16 февраля 2011 г.
IE9 - начинаем тестировать
Помимо заявленных улучшений для меня особый интерес представляют возможности и поведение броузера с точки зрения веб-мастера. Начинаем тестировать.
11 февраля 2011 г. вышел релиз-кандидат популярного браузера Internet Explorer 9. Версия доступна на 40 языках, включая русский.В состав релиза включен ряд значительных обновлений, которые затрагивают скорость работы браузера, его безопасность и интерфейс. Среди них:
- возможность размещения вкладок на отдельной строке, что обеспечивает больше места открытым вкладкам;
- встроенный в сам браузер новый движок JavaScript Chakra интерпретирует, компилирует и выполняет код параллельно, используя мощность многоядерных процессоров;
- усиленная защита конфиденциальной информации с помощью технологии «Защита от слежки» (Tracking Protection);
- поддержка модуля CSS3 2D Transforms позволяет применять к отображаемым элементам страницы двумерные преобразования непосредственно с помощью CSS;
- поддержка ряда семантических тегов HTML5 и Geolocation API, позволяющая веб-приложению определять географическое месторасположение устройства.
воскресенье, 6 февраля 2011 г.
Подписаться на:
Сообщения (Atom)