Темы
Разделы
Интересы
Top 20
 |
Известный сайт woork выпустил свой вариант таблицы тегов HTML 5 с описанием атрибутов. В отличии от других подобных таблиц, которые уже были представлены на Хабре, этот вариант, во-первых, обладет приятной внешностью, а во-вторых выполнен в формате A3. Файл можно распечатать и поРІестить над рабочим местом, благо внешний вид плаката хорош.
Полный вариант плаката доступен по этой ссылке. Превью можно глянуть тут. habrahabr.ru »
|
|
 Хабы: Веб-разработка, Веб-дизайн 2012 год, сайт css-tricks.com:
versus:
1992 год, стандартный элемент интерфейса OS/2:
Я убежден, что CSS и HTML – это тупиковая ветвь в развитии идеи языков разметки и пришло время отказываться от них совсем, а не улучшать их. Поэтому призываю всех серьезных программистов вообще не кодировать в них ничего напрямую и даже не использовать близкие к ним по семантике фреймворки. Придумывайте свои языки разметки и если нужно транслируйте их в HTML + CSS. В результате кто-то из вас придумает мощную и кристально ясную замену этому историческому наслоению хаков.
Современная web-технология, основанная на CSS/HTML (включая даже HTML5/CSS3) – это апофеоз бессистемности в архитектуре и фрагментации. Бессистемность в начальном дизайне и последующее наложение на нее фрагментации из-за несовместимых реализаций в браузерах породили каскады хаков для латания дыр. Эти хаки (типа CSS 2.x) сами по себе уже более системные, но их разработчики связаны тем полем (HTML/CSS 1.x), на котором приходится играть. Поэтому новые версии CSS мало что решают, к тому же не полностью поддержаны в реальных браузерах.
Открыв любой серьезный CSS-файл, например, написанный в Google или FB, увидишь в нем отрицательные границы элементов, relative позиционирование через сдвиги в пикселах, огромные длины, усекаемые затем с помощью overflow: none, использование свойства content и прочие извращения. Это семантически бессмысленные и нечитаемые другими программистами конструкции. Но без подобных вещей невозможно сверстать современный веб-два-нольный сайт. Или, например, ни в одной спецификации CSS не написано, что картинка из тега <IMG>, идущая вслед за <OL> с маркером-изображением, может вклиниться визуально между маркером и текстом пунктов списка (в некоторых браузерах и при некоторых вариантах верстки). Читать дальше → habrahabr.ru » |  Компания Adobe Systems Incorporated объявила о выходе нового пакета программного обеспечения Adobe Creative Suite 6 - незаменимого набора для профессионалов в сфере дизайна, веб-дизайна и видеопроизводства. Мощные новые версии 14 приложений линейки CS6 и четыре пакета приложений Creative Suite - Adobe Creative Suite 6 Design & Web Premium, Adobe Creative Suite 6 Design Standard, Adobe Creative Suite 6 Production Premium и Adobe Creative Suite 6 Master Collection - содержат исключительные инновации Adobe для креативных профессионалов во всем мире. К выходу CS6 приурочен также выход приложения Adobe Muse - радикально нового инструмента, который позволяет дизайнерам создавать и публиковать веб-сайты с использованием HTML5 без необходимости писать код.
Значительные улучшения в Creative Suite и новый продукт Muse для дизайнеров
Повышенная производительность и улучшения в Adobe Photoshop CS6 (см. отдельный пресс-релиз), InDesign CS6 и Illustrator CS6 позволят значительно сэкономить время при производстве печатных, веб- и мобильных проектов.
Благодаря графическому движку Adobe Mercury Graphics Engine дизайнеры смогут наслаждаться невероятно высокой производительностью Photoshop CS6. Результаты работы ключевых инструментов редактирования - таких, как Liquify, Puppet Warp, Transform и Lighting Effects - видны практически мгновенно.
Adobe значительно расширила возможности ретуши с учетом окружающего фона (Content-Aware): в новую версию Photoshop CS6 добавлены функции Content-Aware Patch и Content-Aware Move.
Интерфейс Illustrator CS6 был значительно переработан. Кроме этого, приложение включает специальный движок трассировки изображения, а также функции Pattern Creation и Gradient Strokes. Движок Mercury обеспечивает скорость и стабильность работы приложения, а также поддержку 64-битных версий операционных систем Mac OS и Windows.
Лидирующее приложение для производства печатной и цифровой продукции InDesign CS6 позволяет упростить процесс создания нескольких вариантов макетов из одного набора контента с новыми адаптивными инструментами дизайна - такими, как Alternate Layout, Liquid Layout, инструменты для работы с контентом Content Collector Tools, а также Linked Content.
Впервые представленное сегодня приложение Adobe Muse - радикально новый инструмент, который позволяет дизайнерам создавать и публиковать веб-сайты с использованием HTML5 без необходимости писать код.
Инновационные возможности и единые рабочие потоки для всех инструментов Adobe призваны упростить креативный процесс современных веб-дизайнеров, разработчиков и профессионалов интерактивной сферы.
Веб-профессионалы могут удобно интегрировать созданный с помощью Adobe Edge Preview анимационный контент HTML5 в проекты Dreamweaver: великолепные инструменты Adobe делают работу с HTML5 еще доступнее.
Создание веб-сайтов для различных платформ стало значительно проще с Dreamweaver CS6. С помощью новой версии приложения можно создавать подвижные макеты веб-сайтов, исключив длительный процесс создания и настройки отдельных интерфейсов для мобильных телефонов, планшетов и компьютеров на базе CSS.
Прямая интеграция Dreamweaver CS6 с недавно анонсированным сервисом PhoneGap Build поможет веб-специалистам использовать существующий набор навыков и создавать нативные мобильные приложения для различных платформ.
Пользователи Flash Professional CS6 могут легко применить свои навыки в HTML5 с помощью Flash Professional Toolkit для CreateJS. Flash Professional CS6 также поможет дизайнерам создать великолепные, запоминающиеся игры. Новые функции приложения, в частности, включают возможность генерировать раскадровки символов для ускорения процесса создания интерактивного контента и повышения производительности веб-приложений.
Встроенные расширения и новые опции создания программных пакетов на базе последних версий библиотек Adobe Flash Player и AIR помогают расширить возможности и упростить создание приложений для Android и iOS.
Инструменты Adobe Creative Suite 6 Production Premium были вновь созданы с привлечением профессионалов видеопроизводства, а производительность пакета стала значительно мощнее. Все это позволяет Adobe Creative Suite 6 Production Premium стать новым стандартом в профессиональном производстве видео.
Ключевое приложение для профессионального видеопроизводства Adobe Premiere Pro CS6 включает десятки новых возможностей, а также новую удобную среду редактирования. Мощный движок Adobe Mercury Playback Engine теперь поддерживает работу с OpenCL на MacBook Pro.
Новая версия Adobe After Effects CS6 - крупнейшее обновление за последние годы: приложение получило значительный прирост в производительности и мощности. Функция Global Performance Cache позволяет сохранить превью работы и сократить время на переключение между проектами.
Новые компоненты Production Premium включают Adobe Prelude CS6, решение для задач оцифровки видео, внесения пометок и преобразования форматов, а также Adobe SpeedGrade, приложение с мощным набором инструментов для финальной работы над видеороликом и цветокоррекции.
Приложение Adobe Audition CS6 ускоряет процесс постобработки видеороликов: теперь аудиодорожку можно растягивать в реальном времени для того, чтобы совместить с видеорядом. Новая функция Automatic Speech Alignment основана на специальном движке и позволяет автоматически анализировать диалоги.
Новый прикладной инструмент (API) Adobe Mercury Transmit для обеспечения аппаратной интеграции позволяет напрямую посылать цифровой видеосигнал в движок Mercury Playback Engine с помощью специальных карт захвата от AJA, Blackmagic Design и Matrox.
Продукты семейства Adobe Creative Suite 6 будут доступны в течение 30 дней. Предзаказ можно оформить уже сейчас. Для приобретения будут доступны 14 продуктов семейства CS6, а также пакеты Adobe Creative Suite 6 Design & Web Premium, Adobe Creative Suite 6 Design Standard, Adobe Creative Suite 6 Production Premium и Adobe Creative Suite 6 Master Collection. За определенную цену также доступна возможность обновления продукта с предыдущей версии. #vk ixbt.com » |  Skype может получить официальную версию в виде веб-приложения. Это следует из вакансий Microsoft, опубликованных на официальном сайте.
Компания приглашает на работу трёх специалистов с целью «помочь в реализации Skype в сети». Два специалиста должны иметь «опыт разработки интерфейсов в HTML5». Они приглашаются в группу под названием Skype for Browsers (Skype для браузеров).
Разработка под HTML5 особенно инт it.siteua.org » |  Мне нравятся html-сайты. Они быстрые, не нагружают сервер, их легко бекапить и легко переносить, можно держать на флешке для оффлайнового просмотра. Но есть проблема — их сложно сопровождать. Вносить изменения в несколько файлов для смены пункта меню или года копирайта — занятие невеселое. Для этих целей я сначала написал для себя шаблонизатор, а затем после нескольких итераций родилась вот такая программа — WebProject.
Читать дальше → habrahabr.ru » | 
Всем привет!
Речь пойдет о новом запатентованном HTML-подобном языке разметки — xRTML, который позволяет редактировать функции сайта в реальном времени без использования Ajax.
Разработчиками xRTML является часть португальской команды IBT (Internet Business Technologies), которые стремясь создать новый и доступный язык разметки, позволяющий быстро вносить изменения на сайт в реальном времени, придумали xRTML.
Главными ключевыми особенностями xRTML являются его простота в изучении, необходимость только одной строчки кода, плагины для систем блогов, такой как WordPress, API для серверных языков, кросс-браузерность и кросс-платформенность
— команда xRTML
Под катом более подробное описание habrahabr.ru » | Почитал пост о HTML KickStart и тут же решил опробовать вышеупомянутый набор скриптов и стилей. После рассмотрения решил его применить на практике на конкретный проект. Но меня не приятно удивило отсутствие всплывающих окон, не люблю я часто по страницам переходить. Такие задачи, как, например форма добавления нового пользователя, как мне показалось, должны не перекидывать юзера на новую страницу, а отображать то, что нужно, во всплывающем окне. Вот я и накидал скрипт для этого. Подробности под катом.
Читать дальше → habrahabr.ru » |  Не один раз в комментариях замечал что народ негодует по поводу того, что веб-разработчики стали злоупотреблять использованием Bootstrap от Twitter. Признаюсь, я и сам успел закончить несколько небольших веб-приложений с использованием этого набора скриптов и стилей. Я не против использования Bootstrap от Twitter, я против злоупотребления этим когда есть столько хороших альтернатив. Я почти каждый день натыкаюсь на интерфейсы, построенные на Twitter Bootstrap, и это начинает напрягать. Последней каплей для поиска альтернативы стало изменение интерфейса биллинг панели моего хостера на шаблон Bootstrap. В этой записи я хотел бы немного рассказать про одну из альтернатив — HTML KickStart. Читать дальше → habrahabr.ru » | Разработка вебинтерфейсов дело не самое легкое. Причем начать вроде бы несложно, а вот добиться совершенства совершенства поистинне проблематично. Уж очень многое необходимо учесть. Просто масса настроек и ньюансов, в которых легко запутаться и сделать что-то не так. К счастью, разработчики и дизайнеры склонны упрощать этот нелегкий труд и постоянно изобретают всяческие инструменты позволяющие сделать больше и лучше за то же самое время, а главное не погрязнуть в мелочах и состредоточиться на чем-то более важном.
Множество удобных инструментов, найденных командой популярного онлайн журнала SmashingMagazine, приводится под катом
Читать дальше → habrahabr.ru » | Доброго времени суток!
Наверняка многие видели в движке WP функцию переноса файлов с рабочего стола в окно браузера и их дальнейшую загрузку на сервер. Когда я увидел такое, мне стало интересно как же это организовано. Тогда я полез в дебри, чуть было не заблудился, но всё таки решение нашел. Оказывается все очень просто.
Что нам понадобится?
Всего лишь небольшие знания HTML5+jQuery+PHP.
Читать дальше → habrahabr.ru » |  В последнее время наблюдаю все больше и больше старых игр портированных на HTML5. Планка, которую ставят разработчики портов все выше и выше — от марио и до another world. Но сегодня, думаю, рекорд был побит.
Читать дальше → habrahabr.ru » | В прошлой статье я отказался от использования связки html + php + sql, оставив только html. Как и в прошлый раз, на html странице находятся сразу все, что нам нужно, и остаётся только убрать лишнее, исходя из параметров поиска. Раньше мы это делали при помощи JavaScript, а теперь воспользуемся возможностями CSS.
Читать дальше → habrahabr.ru » |  Завершила свою работу конференция HTML5 Camp . Это вторая из серии международных конференций Microsoft, посвященных теме современных веб-стандартов и будущего веб. Мероприятие посетили около 600 веб-профессионалов и свыше 20000 присоединились к онлайн-трансляции. По итогам на сайте мероприятия традиционно будут выложены записи выступлений.
Программа конференции составлена таким образом, чтобы максимально полно осветить все аспекты использования HTML5, в том числе при создании мобильных приложений. Также подробно были освещены новые возможности и функции HTML5.
HTML5 и безопасность
Безопасность и приватность в интернете стали одной из ключевых тем конференции. Обеспечение безопасности и защиты личных данных пользователя в контексте HTML5 и новых API для JavaScript является одной из самых важных задач в развитии новых технологий. Доклады Бена Лившица были посвящены вопросам безопасного использования JavaScript, кросс-доменных запросов и вставки блоков кода от сторонних поставщиков с использованием песочницы iframe (sandbox), механизмам tracking protection для уклонения от слежки, а также другим механизмам обеспечения приватности и безопасности в браузере.
CSS3
CSS3 является одним из наиболее активно развивающихся веб-стандартов. Новые модули CSS3 добавляют множество востребованных возможностей: от продвинутой работы с цветами, шрифтами, фоновыми изображениями, градиентами, границами до новых возможностей по позиционированию и анимации элементов, включая 2D и 3D-трансформации.
Новые API для JavaScript
Вместе с приходом HTML5 в мир веб-разработки пришло и множество новых API для JavaScript, позволяющих осуществлять асинхронную загрузку и выполнение скриптов, переводить веб-приложения в оффлайновый режим работы с помощью Application Cache, управлять историей навигации через History API и поддерживать постоянное соединение с сервером через Web Sockets, взаимодействовать с локальной файловой системой и поддерживать локальную базу данных на стороне клиента. С практической точки зрения многие новые технологии уже активно внедряются в реальных проектах, о чем было подробно рассказано в докладе Алексея Андросова из компании Яндекс.
HTML5 и мобильные устройства
Тема использования HTML5 в мобильных сайтах проходила через множество докладов, что подчеркивает ее актуальность и востребованность. В ходе конференции были рассмотрены вопросы создания мобильных сайтов с учетом существующего многообразия мобильных устройств, обладающих разными размерами экрана, вопросы разработки игр и приложений на HTML5 для мобильных платформ. Отдельное внимание было уделено разработке мобильных приложений для Windows Phone с использованием функционала HTML5 и интеграции возможностей HTML5 и нативных возможностей платформы Windows Phone.
Второй доклад был посвящен разработке мобильных приложений для Windows Phone с использованием функционала HTML5. #vk ixbt.com » | Валидации HTML-форм уделяют очень мало внимания. Например, даже на habrahabr.ru пока я регистрировался и входил на сайт несколько раз мне выдавалось сообщение об ошибке: то код протекции ввел неправильно, то в логине указал email вместо логина. А еще бывает пользователи ошибаются с количеством цифр в номере телефона или реквизитах организации, путают русскую букву «с» с английской, при копировании и вставке в Windows лишнии пробелы добавляются к данным.
Конечно, все это не смертельно. Но было бы крайне удобно, чтобы данные проверялись еще до отправки на сервере. Особенно CAPTCHA, ибо ее часто вводишь с ошибкой.
Для решения данной проблемы были несколько способов: HTML5, jQuery Validate, zForms.ru и еще ряд менее известных библиотек. Но все эти способы имели свои недостатки: HTML5 поддерживается не всеми браузерами и не имеет опции не отправлять незаполненные поля, ограничить список допустимых символов для ввода в поле, возможности склеивать поля, посылать значения чекбоксов в формате csv или суммы значений.
Читать дальше → habrahabr.ru » | Данный пост посвящен извечной проблеме всех питонистов — кодировкам. Недавно я получил письмо, в котором мой знакомый жаловался на то, что у него в программе получаются строчки вида::
u'\xd0\x9a\xd1\x83\xd1\x80\xd1\x83\xd0\xbc\xd0\xbe\xd1\x87'
Вы заметили что что-то не так? И я вот. Строчки как бы уникодные, но внутри них закодированные utf-8 байты. Что-то здесь не так. Разбираясь дальше и потребовав скрипт, которые такое генерирует, становится понятно, что данные берутся из веба. Вполне обычным способом через urllib и потом скармливаются в lxml.html для разбора. Поскольку urllib оперирует только байтовыми строками, то он не мог их так превратить в уникод, а значит во всем виноват lxml.
Читать дальше → habrahabr.ru » | 
Каждый сайт должен иметь favicon. Если вы до сих пор не сделали значок для вашего сайта — сделайте, теперь это еще проще!
Faviconist — новый favicon генератор от Michael Mahemoff.
Вам больше не нужен Photoshop для создания простого значка. Как Mahemoff пишет в своем блоге: Faviconist для 95% людей, которых устроит микро-дизайн их иконки, остальным все равно придется прибегнуть к Photoshop. Читать дальше → habrahabr.ru » |  Ранее в этом году WHATWG выпустили издание для веб-разработчиков из спецификации HTML5. Теперь, чтобы не отстать, HTML Working Group W3C опубликовали проект с более читабельной спецификацией HTML5: Edition for Web Authors
W3C версия написана более технически, чем версия WHATWG, но по крайней мере вы можете прочитать HTML5 спецификацию без заметок о соответствии критериям браузеров. habrahabr.ru » |  Компания Adobe Systems представила первую публичную предварительную версию программного обеспечения Adobe Edge — нового инструмента для создания веб-анимации и интерактивного дизайна в формате HTML5, позволяющего веб-дизайнерам создавать анимацию, подобную той, что создается в среде Flash Professional, для веб-сайтов, построенных на базе HTML, JavaScript и CSS. Учитывая стремительное развитие HTML5, при проектировании Adobe Edge компания реализует открытую методологию разработки и представляет это программное обеспечение на сайте Adobe Labs намного раньше, чем при обычном процессе проектирования, еще до появления бета-версии. Таким образом, Adobe предлагает пользователям поделиться своими соображениями и помочь компании сформировать конечный продукт. Публичная предварительная версия Adobe Edge будет представлена в виде... CNews » | Компания Adobe Systems Incorporated представила первую публичную предварительную версию программного обеспечения Adobe Edge - нового инструмента для создания веб-анимации и интерактивного дизайна в формате HTML5, позволяющего веб-дизайнерам создавать анимацию, подобную той, что создается в среде Flash Professional, для веб-сайтов, построенных на базе HTML, JavaScript и CSS. Учитывая стремительное развитие HTML5, при проектировании Adobe Edge компания реализует открытую методологию разработки и представляет это программное обеспечение на сайте Adobe Labs намного раньше, чем при обычном процессе проектирования, еще до появления бета-версии. Таким образом, Adobe предлагает пользователям поделиться своими соображениями и помочь компании сформировать конечный продукт.
Публичная предварительная версия Adobe Edge будет представлена в виде бесплатно загружаемого приложения. Веб-дизайнерам предлагается изучить возможности этого программного обеспечения и оставлять свои отзывы, чтобы помочь в формировании будущих предварительных версий. Программное обеспечение доступно по этому адресу .
Решение Adobe Edge, впервые продемонстрированное на выставке Adobe MAX 2010, подходит для дизайнеров, стремящихся максимально эффективно использовать веб-стандарты, такие как HTML, для создания веб-контента с анимацией и анимированными переходами. Программное обеспечение Adobe Edge разрабатывается как быстрый и легкий инструмент профессионального уровня, который дополнит собой существующие средства для веб-разработки, такие как Adobe Dreamweaver CS5.5, Adobe Flash Professional CS5.5 и Adobe Flash Builder 4.5.
Предварительная версия Adobe Edge работает с HTML нативно. С помощью этого решения пользователи смогут добавлять анимацию к существующим HTML-документам, не нарушая при этом целостность дизайна на базе CSS, а также с легкостью создавать визуально насыщенный контент с нуля. При этом они могут использовать знакомые инструменты рисования, с помощью которых создаются элементы для HTML и CSS3. Пользователи могут импортировать стандартную веб-графику, в том числе в форматах SVG, PNG, JPG и GIF, и создавать стили на базе механизма CSS3. При работе над дизайном это решение использует возможности движка WebKit, что позволяет проектировать, просматривать и управлять контентом с невероятной точностью. Инновационная функция временной шкалы уже знакома творческим профессионалам, но при этом открывает новые горизонты, обеспечивая высокую продуктивность при создании анимации и позволяя с высокой точностью настраивать работу анимированных элементов в HTML. Контент, созданный с помощью Edge, можно просматривать в современных браузерах, в том числе устанавливаемых на операционных системах Android, BlackBerry Playbook, iOS , HP webOS и на других смартфонах и мобильных устройствах, а также в браузерах Firefox, Google Chrome, Safari и Internet Explorer 9.
Первая публичная предварительная версия Adobe Edge уже доступна сегодня для бесплатного скачивания с сайта Adobe Labs для всех, кто хотел бы поближе познакомиться с использованием анимации при работе с HTML. Творческим профессионалам предлагается погрузиться в изучение предварительной версии и оставлять свои комментарии на сайте. Предварительные версии Adobe Edge будут регулярно обновляться по мере расширения функциональности.
Этим летом компания Adobe выступает спонсором мероприятий Expressive Web Tour HTML5 Camps, которые состоятся в крупных городах мира, в том числе в Сан-Франциско, Токио, Нью-Йорке и Лондоне, и призваны обеспечить поддержку разработчикам, заинтересованным в HTML5.
Кроме того, компания Adobe запустила новый онлайн-ресурс beta.theexpressiveweb.com , где демонстрируются новейшие и наиболее выразительные средства HTML5 и CSS3 по мере их появления в современном интернете. Новый сайт сам создан с использованием новых функций и возможностей HTML5 и CSS3.
Adobe Edge является новейшей разработкой в рамках корпоративной стратегии, направленной на развитие HTML5 и интернет-стандартов. Помимо прочего эта стратегия включает участие компании в создании инновационных платформ на базе открытого исходного кода, таких как WebKit , участие в развитии платформ веб-разработки, таких как jQuery , и расширение линейки существующих приложений, таких как Adobe Dreamweaver и Flash , с тем, чтобы максимально обогатить новые поколения веб-стандартов и инструментов для веб-дизайнеров и разработчиков. ixbt.com » | Очередная комичная ситуация с патентным законодательством США. Компания Apple подала заявку на патентование технологий кандидата на рекомендацию Консорциума Всемирной Паутины Widget Access. Члены W3C, естественно, оказались ошеломлены таким поступком Apple, которая пошла в обход Консорциума и потёрла все условия патентов W3C, распространяющихся на безвозмездной основе, и теперь W3C требует отмены всех патентов Apple по этим спекам. habrahabr.ru » | Google Swiffy конвертирует Flash SWF файлы в HTML5, что позволяет переиспользовать Flash-контент на устройствах без Flash-плеера (например, iPhone или iPad). На текущий момент, поддерживается подмножество SWF 8 и ActionScript 2.0.
Swiffy использует особенности SVG, которые сейчас поддерживаются только Webkit браузерами: Safari (декстоп и мобильный) и Chrome. habrahabr.ru » | В Сети можно обнаружить массу советов, статей и FAQ для web-маcтеров, которые посвящены теме взаимодействия сайтов и поисковых систем. Поэтому принципиально нового в идее schema.org, конечно, нет. На нем собрано (пока довольно небольшое) число примеров рекомендуемой HTML-разметки и некоторой другой полезной информации, использование которой web-мастерами позволит создавать «правильные» сайты, анализ которых поисковыми системами будет наиболее быстрым и эффективным, что, в свою очередь, позволит пользователям быстрее находить интересующую их информацию.
Более любопытным является то, что создателями сайта являются три крупных игрока IT-рынка, для двух из которых область интернет-поиска является, как минимум, ключевой в их бизнесе. Сайт создан Google, Yahoo! и Microsoft и, признаться, не часто приходиться видеть объединение конкурирующих компаний в деле, которое реально может быть полезным для обычных пользователей сети.
К сожалению, не могу публиковать топик-ссылку, пришлось сделать обычный. habrahabr.ru » | Приглашаем вас посетить семинар «Технологии Microsoft для веб-разработчиков». Известный так же как WebCamp, семинар пройдет по адресу БЦ «Крылатские Холмы», ул. Крылатская, д. 17 стр. 1, Москва Россия.
Мероприятие предназначено, прежде всего, для: начинающих веб-разработчиков; разработчиков, осваивающих веб-платформу Microsoft; разработчиков, использующих веб-платформу Microsoft, но не знакомых с возможностями новейших версий компонентов стека веб-технологий (IIS, ASP.NET, SQL Server).
Программа семинара:
11:30-12:00 – Регистрация
12:00-13:00 — WebMatrix – инструмент для быстрого создания веб-сайтов, Гайдар Магдануров, эксперт, Microsoft. В докладе будет рассказано и показано как с помощью бесплатного и простого в использовании инструмента WebMatrix можно быстро создавать, тестировать и публиковать веб-сайты.
13:00-13:30 – Перерыв
13:30-14:00 — Внедряем HTML5 сегодня, Константин Кичинский, эксперт Microsoft. В докладе будут даны ответы на вопросы, тревожащие разработчиков в последнее время: Что такое HTML5? Зачем нужен HTML5, когда и как его внедрять? Как обеспечить совместимость между различными браузерами? Как заставить работать новые элементы в старых браузерах?
14:00-14:30 – Перерыв
14:30-15:30 — Использование SharePoint для разработки корпоративных порталов, Юрий Гугнин, Технический директор, ADV Возможности платформы. Преимущества. Область и примеры применения.
Регистрация на семинар обязательна.
При регистрации просьба обязательно указывать имя, фамилию, место Вашей работы или учебы, должность. Отсутствие этих данных может стать причиной отказа в регистрации.
Торопитесь! Количество мест на мероприятии ограничено. habrahabr.ru » | Это подборка статей на тему веб-разработки на платформе .NET (и не только). За день перед выходными я предлагаю набор интересных ссылок, которые стоит посетить в свободные минуты на выходных, чтобы узнать что-то новое и интересное.
Вы можете следить за циклом этих советов по следующей ссылке.
Тема номера:
Важные анонсы Tech-ed North America 2011 [link];
300+ видео докладов конференции TechEd уже доступны онлайн [link];
Анонс нововведений в Visual Studio vNext на Teched [link];
Что будет в Visual Studio vNext [link];
HTML5, JavaScript, веб-стандарты:
Эффектная галерея на jquery с использованием анимации спрайтов. Vol1 [link];
Градиентная заливка с помощью CSS3 [link];
Galactic- построение солнечной системы в 3D на HTML5 [link];
IE9 Performance Checklist [link];
CSS3: box-sizing и размеры элементов страницы [link];
Пять полезных техник кодирования CSS и jQuery для создания более динамичных веб-сайтов [link];
jqMetro — плагин для jQuery для создания интерфейсов в стиле Metro UI [link];
jQuery HTML5 загрузка файлов [link];
Читать дальше → habrahabr.ru » | 
Кэмерон Адамс, скрывающийся под псевдонимом The Man in Blue решил показать миру красоту связи между видеорядом и музыкой, сделав из своей избранной дискографии Daft Punk один большой мэшап.
Интересно то, что плеер и визуализация сделаны на HTML5, CSS3, jQuery и Canvas.
Смотреть мэшап рекомендуется в Chrome, а особенно любопытным можно почитать комментарии автора. habrahabr.ru » |  (Это вторая статья из серии статей, посвященных обзору различных тестов браузеров. Ранее в серии: Погружение в ACID3.)
Если судить по большинству упоминаний HTML5Test (далее h5t), то большинство пользователей данного теста более заинтересованы в конечном результате (сумме баллов), как некотором показателе, на который можно ссылаться и по которому можно сравнивать, нежели во внутренней сути получаемого результата.
В простонародье это зовется пузомерками, а как метко подметили примерно год назад в Lenta.ru (см. ниже) — «у кого HMTL5 длинее».
Читать дальше → habrahabr.ru » |
PhoneGap — это OpenSource платформа, позволяющая разрабатывать мобильные приложения на HTML, JavaScript и CSS под различные платформы (практически без изменения кода приложения) в их число входят: iOS, Android, Blackberry, WebOS, Symbian и Windows Mobile на подходе. Прелесть его в том, что он не требует навыков разработки под конкретную платформу. Вы пишете свое приложение на JavaScript, используете HTML и CSS для разметки. Вы пишете мобильное приложение как обычный сайт или веб-сервис.
Движок PhoneGap расширяет API браузера и добавляет следующие возможности: доступ к акселометру, доступ к камере (пока только фото), доступ к компасу, доступ к списку контактов, зпапись и прослушивание аудио файлов, предоставляет доступ к файловой системе, позволяет работать с разными HTML5 хранилищами localStorage, Web SQL и т.п а также позволяет безболезненно обращаться к любому кросс-доменному адресу.
Кроме платформы PhoneGap имеет, пока бесплатный, билдер приложений под все устройства в один клик.
jQuery Mobile
Думаю все знают, но напомню ещё раз. jQuery Mobile — это надстройка над jQuery, позволяющая безо всяких проблем разрабатывать мобильные веб сайты и мобильные веб приложения.
Если вы знаете HTML, JavaScript, CSS, jQuery и испытываете проблемы с Java, Objective-C и другими, но желаете попробовать свои силы в мобильной разработке, то эта статья для вас.
Читать дальше → habrahabr.ru » | Кроме презентации Internet Explorer 10, о которой мы сообщали вчера, в первый день конференции MIX11 в Лас-Вегасе были и другие интересные события.
Microsoft взяла на себя долгосрочные обязательства поддержки HTML5 и будет продолжать инвестировать в платформу, которая объединяет Internet Explorer, Windows Phone 7 и Windows 7. Это подчеркнул генеральный директор команды Internet Explorer Дин Хачамович, обратив особое внимание на проекты Microsoft HTML5 Labs, где компания предоставляет прототипы ранних спецификаций для стандартов W3C.
Стоит отметить, что сейчас многие производители браузеров стремятся первыми обеспечить поддержку новых спецификаций, которые пока еще не стали стандартами. В результате, веб-разработчики рискуют создать сайты, которые не будут работать в случае изменений этих спецификаций. Хорошим примером является развитие WebSockets, включенного в стабильные версии Firefox и Chrome и ставшего причиной того, что разработчики сталкивались с прекращением работы их сайтов. Microsoft в Internet Explorer предлагает разработчикам уже стабильные спецификации стандартов, что гарантирует разработчикам возможность использовать HTML5, не беспокоясь, что их сайты вдруг перестанут работать.
Усилия Microsoft направлены на то, чтобы для экспериментальных и меняющихся стандартов обеспечить экспериментальную поддержку, не зависящую от стабильной версии браузера. Это позволяет веб-разработчикам, заинтересованным в новых технологиях, уже сегодня попробовать и прислать компании пожелания по их функционированию. Данная работа как раз ведется в рамках экспериментальной лаборатории HTML5Labs. На конференции MIX было объявлено, что в дополнение к уже имеющимся реализациям поддержки стандартов IndexedDB и WebSockets добавлена экспериментальная поддержка стандартов FileAPI и MediaCapture API.
Не меньшее внимание уделяется и разработке облачных стандартов. И цель здесь все та же: обеспечить для разработчиков возможность легко переносить приложения на различные устройства и платформы. Как именно? Пример привел вице-президент Microsoft по платформе разработки Скотт Гатри, продемонстрировав, как платформа Windows Azure позволяет разработчикам использовать уже имеющиеся навыки, чтобы создавать, размещать и масштабировать веб-приложения в облаке.
Сохраняется и приверженность Microsoft поддержке проектов в области open source. В частности, речь идет о проекте Orchard, бесплатной CMS, представленной в ASP.NET Open Source Gallery организации Outercurve Foundations. Версия Orchard 1.1 сегодня доступна вместе с новыми модулями Amazon.com, UserVoice и DISQUS.
К ряду сервисов Windows Azure уже открыт коммерческий доступ. Речь идет, в частности, об анонсированных сервисах Windows Azure AppFabric Caching и Access Control, которые ускоряют производительность приложений Windows Azure и SQL Azure и обеспечивают безопасный и открытый доступ к веб-приложениям по единому паролю, в том числе через популярных провайдеров, таких как Microsoft, Facebook и Google. Оба этих сервиса стали доступны коммерческим заказчикам с полным соглашением об уровне сервиса (SLA). Access Control вышел 7 апреля, а Windows Azure AppFabric Caching станет доступен в конце апреля.
Кроме того, участникам MIX11 было представлено технологическое превью нового сервиса Windows Azure Traffic Manager, который обеспечивает новые возможности для быстрого изменения производительности приложений. Технологическое превью Windows Azure Traffic Manager уже доступно пользователям Windows Azure.
Наконец, на MIX11 были анонсированы обновления для ASP.Net MVC 3. Здесь будут поддерживаться HTML5 и Entity Framework 4.1, который позволяет создавать классы, описывающие данные, с последующим их сохранения в реляционные структуры данных, и, кроме того, состоится обновление инструмента NuGet для автоматической установки расширений, созданных сообществом. ixbt.com » | Буквально через неделю после того, как у меня в руках оказался iPad, я как и положено каждому порядочному гику, задался вопросом: можно ли программировать на этой штуке? Беглый поиск в AppStore выдал только пару каких-то подозрительных редакторов для пехапе. Уже было разочаровавшись, я полез в Гугл, который на волнах поисковой выдачи вынес прекрасное: processing.js for iPad. habrahabr.ru » | HTML5 для веб-дизайнеров
Краткая история языка разметки
Модель HTML5
Canvas, аудио, видео
Формы 2.0
Семантика
HTML5 и современные условия
Великая Французская революция была временем радикальных политических и социальных преобразований. Времени как такового они тоже коснулись: в определенный период своего существования Французская Республика жила по новой системе — в сутках было 10 часов по сто минут каждый. Очевидно, что она была была куда логичнее и В«правильнееВ» привычной шестидесятеричной.
Вместе с тем, она была полным провалом. Никто ей не пользовался.
То же самое можно сказать и про XHTML 2. W3C только лишний раз доказал то, чему нас научил урок послереволюционной Франции: изменить привычки людей по приказу очень-очень трудно.
Читать дальше → habrahabr.ru » | Веб разработкой я занимаюсь давно, и помню еще IE3 и NN4.xx. Многое изменилось с тех пор, много воды утекло. Пришло понимание всех технологий не на уровне В«HTML — это текстовый файлик, в котором попадаются какие-то слова в скобочкахВ», а понимание логики построения самого языка разметки, его абстракций.
Начало разработки спецификаций HTML5 и CSS3 уже не вызывала у меня щенячьего восторга и бурной радости, а воспринималась как вполне эволюционное событие. Заглядывал я в рабочие черновики изредка, отмечая для себя основные направления развития. Но чем больше спецификации приближаются к финалу, тем страшнее мне становится. Это не то направление развития, которое требует рынок!
Возникает резонный вопрос, куда делись все те люди, которые разрабатывали стандарты 10 лет назад? Куда делись инновации? Почему w3c создает стандарт, который, по некоторым меркам, уже устарел?
Давайте разберемся.
Читать дальше → habrahabr.ru » |
|
| |
|