Компания Output I/S объявляет о запуске
HTML.net, бесплатного обучающего веб-ресурса, который поможет вам с
лёгкостью научиться проектированию и разработке сайтов. Новички
примерно за один час смогут узнать всю необходимую информацию для
создания сайта при помощи обыкновенного текстового редактора.
HTML.net освобождает деловых людей от расходов и исключает
вероятность обманутых надежд, связанных с приглашением стороннего
специалиста для создания веб-страницы компании. Более того, HTML.net
позволяет студентам и домашним пользователям понять, насколько
просто создать броский сайт.
Обучение языку гипертекстовой разметки
(HTML) начинается с основ: вы познакомитесь со ссылками,
изображениями и таблицами, а также научитесь разрабатывать сайты,
которые отображаются всеми Интернет-браузерами и платформами.
Многочисленные советы и приёмы помогут максимизировать скорость
загрузки вашего сайта, сделать его привлекательным и эффектным.
В процессе знакомства с каскадными
таблицами стилей (CSS) вы научитесь отделять содержание сайта от его
интерфейса, что позволит быстро изменять его внешний вид и дизайн.
Основанные на CSS сайты лучше воспринимаются поисковыми системами,
что значительно увеличивает шансы попадания вашей страницы в первую
десятку выдачи. CSS постепенно вытесняют основанные на таблицах
HTML-документы, становясь всё более популярными. Однако переход к
CSS происходит медленно, так как обучение каскадным таблицам
довольно затруднительно. Но HTML.net делает его простым для
понимания.
Уроки HTML.net доступны в любое время
суток абсолютно бесплатно. Они представлены на русском, английском,
французском, немецком, испанском, итальянском, китайском и других
языках. В ближайшие месяцы планируется перевод курсов на ряд других
языков.
Миллионы деловых людей, домашних
пользователей и студентов избегают создания собственных веб-сайтов,
так как считают это слишком трудным и замысловатым занятием.
HTML.net позволяет с лёгкостью ознакомиться со всей необходимой
информацией за несколько часов, а не месяцев.
Если вы хотите узнать более подробную
информацию или разместить рекламу на сайте HTML.net, посетите
http://ru.html.net/
Что-то мне кажется, что в этот раз с идеями внедерения новых
правил разработчики перестарались... Dave Hyatt, Dean Jackson и Chris Marrin (все трое работают в Apple)
предложили внедрить в CSS 3 поддержку создания анимации, трансформацию
объектов, их изменение с течением времени и ввести
css-переменные.
О причине реализации возможности создания анимации они пишут:
На сегодняшний день создание анимации поддерживается лишь на
языке SVG, но нет ни одной системы, котрая бы поддерживала создание анимации с помощью CSS. Поэтому
наша цель - решить эту задачу внедрением особых CSS свойств, которые будут иметь значения,
отвечающие за создание анимации и управление ею.
Эти значения будут описываться в селекторе
keyframe:
@keyframes `wobble` { 0 { left: 100px; }
40% { left: 150px; }
60% { left: 75px; }
100% { left: 100px; } }
где "wobble" - название анимации, а соответствующие значения 0, 40%, 60% и
100% - определяют момент времени от общего временного интервала.
На рисунке выше приведен пример анимации элемента за 10 секунд. Еще один вариант реализации - задание для каждого фрагмента
определенной функции, управляющей отрисовкой:
@keyframes `bounce` { from { top: 100px; animation-timing-function: ease-out; }
В этом примере мы создаем анимацию с именем "bounce", имеющую 4 кадра,
каждый из которых занимает 25% общего времени анимации. При этом, каждому фрагменту задана
функция "ease-in" либо "easy-out". Первая отвечает за изменение отрисовки элемента внтури
какой-либо области, а вторая за ее пределами. Все эти свойства управления созданием анимации исходят из идеи
внедрения
управления элементом во
времени.
Подробней о новом свойстве создания анимации можно узнать
здесь
Вторая идея, мне кажется, более обоснована - это управление положением элемента на плоскости. Вот пара примеров реализации:
div { transform: translate(100px, 100px); }
Такой код приведет к следующей трансформации элемента:
Таким свойством я бы с удовольствием воспользовалась.
Подробно о свойствах трансформации можно прочесть
здесь
И последняя фантазия разработчиков уж точно кажется немного безумной -
введение css-переменных. Неужели CSS превратится в полноценный язык программирования и
управления html элементами?
Смысл этого кода таков: селектор variables определяет имя и значение
переменной, которое можно в дальнейшем приписать к любому элементу. Идея все же не проработана. Зачем
определять для цвета переменную, если его можно просто указать?
От себя лишь хочу добавить, что, на мой взгляд, создание новых свойств
CSS 3 должно быть основано, прежде всего, на запросах вебмастеров, а не только на идеях
супер-специалистов из крупных компаний.
Может создать кампанию: "Вебмастер, даешь идеи для СSS
3" ?
