Рубрика «html» - 131

в 6:31, , рубрики: css, html, javascript, windows, Windows 8, windows store, WinRT, Блог компании Microsoft, метки: , , , , ,

Эта статья продолжает серию материалов (первая часть), посвященных азам разработки WinRT-приложений на HTML/JS для Windows 8. Мы последовательно пройдем путь от стартового практически пустого шаблона к полноценному приложению с серверной частью и живыми плитками.

Введение в разработку WinRT приложений на HTML/JavaScript. Стилизация приложения

Напомню, что в первой статье мы научились добавлять собственные источники данных и остановились на отображении этих данных в сыром виде на страницах приложения.

В данной статье мы займемся внешним видом нашего приложения: добавим картинки, поменяем заголовки, стили, плитки и т.п. Всю работу можно провести в Visual Studio, хотя некоторые вещи удобнее и нагляднее менять в Expression Blend.

XAML/C#. Если вы заинтересованы в разработке с использованием XAML и C#, рекомендую обратить внимание на аналогичную серию статей моего коллеги — Стаса Павлова: Разбираемся с разработкой Windows 8 приложений на XAML/С#, реализуя простой RSS Reader.

Читать полностью »

в 11:19, , рубрики: css3, html, html5, html5 file api, html5 forms, javascript, localStorage, Веб-разработка, метки: , , , , ,

Улучшаем опыт взаимодействия с формами Часто меня спрашивают студенты: «Какой элемент сайта самый важный?», на что я им отвечаю — формы. Ведь с помощью форм пользователи совершают почти все конверсионные действия. Именно с этим элементом связано больше всего проблем. В этой статье я постараюсь рассказать, что можно улучшить при взаимодействии с формами. А заодно описать новые возможности работы с ними в браузерах.

Однако, сначала я бы хотел обозначить свою позицию по разработке таких форм. По-моему мнению, правильным подходом при разработке интерфейсов является подход прогрессивного улучшения.
Читать полностью »

в 18:27, , рубрики: Google, google music, html, html5, метки: ,

Хотя Flash несколько лет всё умирает и умирает, изначально Google Music был запущен на Flash.
Однако, все мы помним о проблемах, которые периодически возникают с поддержкой Flash то тут, то там, включая полное отсутствие поддержки Flash в Android 4. Плюс отсутствие нативного Flash Player'а на аппаратных платформах отличных от x86 (Например, Ubuntu на ARM-смартбуке Toshiba AC100).
Видимо, в связи с этим и желанием и дальше быть на коне в плане технологий, Google Labs сделали экспериментальную поддержку HTML5, которая может быть включена в настройках Google Music (Пункт «Music Labs» в меню в правом верхнем углу).

image

Читать полностью »

в 23:22, , рубрики: 2012, css, Firefox, Google, html, jquery, JS, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, ресурсы, ссылки, ссылки на сми, метки: , , , , , , , , , , , , , ,

Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №36 (15 — 21 декабря 2012)
Читать полностью »

в 23:14, , рубрики: animations, css, css3, flexbox, html, transitions

Если Вы используете экспериментальный CSS на своих сайтах, в демках, статьях или инструментах, то это требует определенного рода поддержки. В связи с некоторыми недавними изменениями в мире браузеров, настало время пересмотреть и обновить Ваш код. Эта статья поможет Вам понять, что же начать обновлять уже сейчас.
Всем, всем, всем: время обновлять свой CSS3
Читать полностью »

в 17:54, , рубрики: html, ICQ, jabber, метки: ,

Если на страницах вашего сайта есть jabber и icq контакты, то рекомендую сделать реальное отображение статуса, ведь как не приятно когда копируешь jid или icq, добавляешь в контакты, а он оказывается оффлайн, а зная это заранее можно сразу воспользоватся тем контактом который онлайн или же вообще электронной почтой.

Джабер:

Чтобы отображать статус джабера мы будем использовать специальный сервис web-apps, для этого:

1. Добавляете контакт web-apps-presence@jabber.ru себе в ростер
2. Получив подписку, робот шлёт соответствующее уведомление
3. Если готовы отображать свой статус всем — шлёте роботу сообщение «1», а если передумаете — отправьте нолик «0»

Также у этого сервиса есть дополнительные возможности список которых вы можете посмотреть отправив боту команду help.

Теперь добавив на страницу такой html код:

<img src="http://web-apps.ru:11000/jabber-presence/img/jid/cigulev@qip.ru/" alt="Jabber status"/>

Получим иконку которая соответствует вашему статусу:Jabber status

Если же у вас высоконагруженный сайт, то во избежании тормозов сервиса web-apps и соответственно тормозов при отдачи картинки статуса, рекомендую автоматически раз в минуту копировать картинку на свой сервер и с него уже показывать пользователям.
Читать полностью »

в 2:24, , рубрики: extjs, html, html5, javascript, sencha, Веб-разработка, метки: , , ,

Sencha объявила конкурс HTML5 приложений с призовым фондом более 20 000 долларов
Читать полностью »

в 19:32, , рубрики: canvas, html, html5, w3c, web, стандарты

W3C объявили о завершении работы над спецификациями HTML 5 и Сanvas 2D, а также о начале работы над HTML 5.1

Сегодня World Wide Web Consortium (W3C) объявили о том, что спецификации HTML5 и Canvas 2D наконец завершены. Это означает, что разработчики теперь имеют “стабильный фундамент для разработки”, отмечает W3C.

Тем не менее, для того чтобы HTML5 стал полноправным стандартом W3C, необходимо осуществить ещё несколько шагов, но это, по большей части, просто формальность. Консорциум предполагает, что процесс стандартизации будет завершен к середине 2014 года. Сегодня, однако, наиболее важно то, что функции HTML5 в настоящее время обеспечивают стабильные спецификации, на которые разработчики могут ориентироваться.

Читать полностью »

в 15:19, , рубрики: css, html, javascript, markup, mobile development, mobile web, метки: , , ,

CSS-свойство position:fixed в Mobile Safari сносно работает начиная c iOS 5. В Android родной браузер частично понимает это свойство начиная с версии системы 2.1, адекватно — с 2.2, полная поддержка — с 3.0. Подробнее: таблица поддержки position:fixed.

HTML:

<div id="topbar">Fixed Title</div>
<div id="content">
	<h2>Start</h2>
	<p>Main content text </p>
	...
	<p>Main content text </p>
	<h2>End</h2>
</div>
<div id="bottombar">Fixed footer</div>

CSS:

#content{
	padding: 50px 0; /* отбиваем высоту баров, чтобы не перекрывать контент вверху и внизу страницы */
}
#topbar,
#bottombar {
	position: fixed;
	left: 0;
	width:100%;
	height: 50px; /* фиксируем высоту для простоты */
	line-height:50px;
	background:#eee;
	text-align: center;
}
#topbar {top: 0;}
#bottombar {bottom: 0;}

Теперь в современных смартах у нас topbar и bottombar «прибиты» соответственно к верху и к низу окна. Проблема позицонирования при первом скролле в iOS решается мини-Javacript'ом:

window.scrollBy(0);

Читать полностью »

в 22:28, , рубрики: 2012, css, Firefox, Google, html, jquery, JS, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, итоги года, Новости, ресурсы, ссылки, ссылки на сми, метки: , , , , , , , , , , , , , , ,

Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №35 (8 — 14 декабря 2012)
Читать полностью »

1...1020...130131132...140150...152
Главная   |  Архив новостей  |   Android  |   Google  |   Apple  |   Microsoft  |   Информационная безопасность  |   Веб – разработка
Публикации RSS  |  Комментарии RSS
https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js