Форум пока не работает из-за некоторых проблем с хостингом. Они решаются и в ближайшее время форум заработает вновь.

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

Оригинал: http://playground.mobily.pl/tutorials/creating-a-minimalist-youtube-player.html

Перевод: Влад Мержевич

Сегодня я собираюсь показать вам реально классный и минималистский плеер YouTube. Давайте начнём!

Многие веб-разработчики игнорируют матрицу преобразований, полагая её слишком сложной для понимания и используя взамен простейшие функции для трансформации. И совершенно зря, матрица преобразований обладает широкими возможностями, вдобавок, в том или ином виде поддерживаются всеми браузерами, а значит её применение даёт кроссбраузерный код. Так что давайте разбираться, что это такое и как использовать матрицу преобразований на практике.

Оригинал: http://playground.mobily.pl/tutorials/building-an-interactive-map-with-raphael.html

Перевод: Влад Мержевич

Raphaël это мощная библиотека, которая должна упростить работу с векторной графикой в Интернете. Сегодня я научу вас, как создать интерактивную карту с нуля.

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

В честь праздника от сайта htmlbook.ru небольшая акция, которая продлится до 15 января. Вы можете одновременно приобрести обновлённый справочник по CSS и книгу Рецепты CSS за полцены (40 рублей).

Доступна новая платная цифровая книга «Рецепты CSS» представляющая собой сборник ответов на типовые вопросы по CSS и HTML. Все примеры выполнены на HTML5, активно используется CSS3. Кроме самих рецептов приведены двух и трёхколоночные типовые макеты для вёрстки.

Стоимость 50 рублей, доступны два формата: chm для просмотра в Windows и в виде набора html-файлов для любой платформы.

Рецепты CSS в формате CHM

Рецепты CSS в виде набора HTML-файлов

На форуме htmlbook.ru объявлен очередной мини-конкурс по использованию свойств CSS3 для рисования на тему «Сады Семирамиды». Работы принимаются до 14 ноября. Правила конкурса и подробности смотрите в этой теме.

Компания Google со своим браузером Chrome нарушила все общепринятые нормы именования версий программ. Как обычно это происходит. Если изменения достаточно серьёзные, то присваивается мажорная часть, например 2.0 вместо 1.0 или для краткости просто 2, если же обновления были, но не тянут на полноценную версию, тогда повышается минорная часть, например, 2.1 вместо 2.0 и 2.2 вместо 2.1. Браузер Chrome выходит три года, но за это время по нумерации версий переплюнул старичка Opera, которому в несколько раз больше лет. Всё потому, что любое, самое ничтожное с точки зрения пользователей новшество, сразу же вызывает повышение номера версии и вместо 1.1 выходит 2.0, затем 3.0 и т. д.

Такое именование версий вместо устоявшей схемы только сбивает с толку. Понять, чем одна версия Chrome отличается от другой могут только тестеры да разработчики браузера. При этом те свойства CSS, которые в нём поддерживаются, давно реализованы, а которые не поддерживаются и не собираются появляться. Короче, никакого прогресса с позиции веб-разработчика не видно.

Всё бы ничего, на эти странности все привыкли закрывать глаза и уживаться с ними, но в итоге они оказались бомбой замедленного действия, которая однажды должна была рвануть. Увы, недавно это и случилось.

Mozilla объявила, что переходит на короткие циклы выпуска программы Firefox, так что в следующем году нас как минимум ожидает версия 12.0. Что это даёт пользователям? Да ничего хорошего. Некоторые дополнения с новой версией перестают работать, другие начинают работать несколько по другому. Широкий разброс версий только сбивает с толку, потому как непонятно, что в действительности реализовано в новой версии из HTML и CSS, а что нет. Разработчики просто не успевают привыкнуть и понять различия, когда следом надвигается уже новая версия.

Пусть переходят хоть на сверхкороткие выпуски и делают новые версии хоть каждую ночь, только чтоб не морочили голову, что это новая версия, тогда как в реальности в ней только пара особенностей появилась. На деле эта всё та же медленная и прожорливая программа, что была год назад, которая должна называться 6.1, а не 7.0. Из Firefox почему-то насильно хотят сделать второй Chrome, забывая, что второй такой браузер не нужен. Мы любим Лисичку не за то, что это Хром, а за то, что под неё есть множество полезных и нужных дополнений и вёрстка проверяется по стандартам.

Подведены итоги конкурса по вёрстке формы, с большим отрывом победил psywalker, второе место по итогам голосования заняла Akaciya. Таким образом, места следующие:

I. psywalker (http://css-live.ru/Portfolio/Form-forum/main-page.html)

II. Akaciya (http://podag.ru/form_h5/

В качестве приза был предоставлен специализированный хостинг для WordPress hostenko.com и для Joomla um.la

• Задание для конкурса
• Просмотр работ, обсуждение и итоги голосования

На форуме завершился приём работ мини-конкурса по вёрстке формы. Приняло участие семь человек, из них две девушки. Победитель определяется путём открытого голосования в этой теме, там же можно посмотреть работы. Голосовать может любой посетитель, у которого не меньше трёх сообщений. Продлится голосование до 30 сентября.

Мини-конкурс по вёрстке формы продлён до 27 сентября. С правилами конкурса можно ознакомиться здесь.

На сайте несколько поменялась система тестирования. Теперь в конце тестов Основы HTML, HTML4 на практике и Основы CSS выводится не только итоговая оценка, но и отдельные оценки по категориям. Это позволит определить, в какой области у вас хорошие знания и что следует подучить при необходимости.

На форуме начался мини-конкурс по вёрстке сложной формы, дизайн которой разработал Артём Новиков. Ознакомиться с заданием и скачать необходимые файлы можно в этой теме. Конкурс продлится до 23 сентября, после чего открытым голосованием будут определены победители.

Компания Telepark согласилась поддержать этот конкурс и наградить трёх победителей специализированным хостингом по выбору участников. На выбор предоставляется Hostenko — сервис по быстрому созданию и последующему хостингу сайтов на Wordpress или UM.la — специализированный хостинг для сайтов на Joomla с мастером автоматической установки.

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

На форуме завершился мини-конкурс по дизайну формы. Первые три места распределились так:

1. exessqd1
2. Verder
3. s0rr0w

Со всеми представленными работами и итогами голосования можно ознакомиться в этой теме.

Спасибо всем участникам и поздравляю победителей!