Мини Курс Основы HTML Часть 2
Мини Курс "Основы HTML" Часть 2
HTML это "родной язык" вашего браузера (программы просмотра вэб-страниц).
Вторая часть мини курса - Цель данного мини курса - дать Вам базовые знания HTML, которые помогут Вам создавать свои первые web-страницы или редактировать уже готовые шаблоны своих web-сайтов!
Во вторую часть мини курса вошли уроки:
Урок 7: Ссылки в HTML: В этом уроке вы научитесь создавать ссылки.
Урок 8: Изображения в HTML: Этот урок поможет вам правильно работать с картинками на ваших web-сайтах.
Урок 9: Таблицы в HTML: Построение таблиц в HTML может показаться сложным на первый взгляд, но, если вы не будете торопиться, это окажется строго логичным - как и всё в HTML.
Урок 10: Продолжаем изучать таблицы: Ещё атрибуты для построения таблиц.
Урок 12: Публикация сайта: Что необходимо для публикации своего web-сайта.
Урок 13: Web-стандарты и проверка HTML: Стандарты для правильного отображения вашего web-сайта во всех браузерах.
Краткий справочник XHTML тегов включая HTML5
Краткий справочник XHTML тегов включая HTML5
Спецификация HTML5 доступна с 25 Августа 2009 года на официальном сайте W3C.
HTML5 по сути является дополненным новыми элементами и атрибутами XHTML.
HTML5 предлагает более широкую функциональность и упрощает процесс создания интерактивных сайтов и web-приложений. Кроме этого, HTML5 содержит дополнительные элементы для внедрения в web-страницы мультимедийного контента.
HTML5 пока не получил статус рекомендации, а его новые теги, на данном этапе, распознаются только некоторыми свежими версиями браузеров, например, Firefox и Chrome.
Справочник составил для себя, может кому пригодится.
HTML5 по сути является дополненным новыми элементами и атрибутами XHTML.
HTML5 предлагает более широкую функциональность и упрощает процесс создания интерактивных сайтов и web-приложений. Кроме этого, HTML5 содержит дополнительные элементы для внедрения в web-страницы мультимедийного контента.
HTML5 пока не получил статус рекомендации, а его новые теги, на данном этапе, распознаются только некоторыми свежими версиями браузеров, например, Firefox и Chrome.
Справочник составил для себя, может кому пригодится.
Что такое CSS хаки или Вендорные префиксы
Что такое CSS хаки или Вендорные префиксы
Если браузер не поддерживает и не понимает какое-то определённое CSS свойство, то каким образом начинает вдруг понимать это свойство после применения хака?
Благодаря вендорным префиксам производители браузеров уже внедряют экспериментальные CSS3 свойства на свой страх и риск.
Если браузер не поддерживает и не понимает какое-то определённое CSS свойство, то каким образом начинает вдруг понимать это свойство после применения хака?
Благодаря вендорным префиксам производители браузеров уже внедряют экспериментальные CSS3 свойства на свой страх и риск.
Обзор основных CSS3 свойств Меню аккордеон на CSS3 вертикальное
Меню аккордеон на CSS3 вертикальное и обзор основных CSS3 свойств
Представляю вашему вниманию CSS3 аккордеон меню вертикальное. Это скорее не меню а маленькая демонстрация новых возможностей CSS3 которые я вложил (скорее - напихал :)) в это вертикальное меню аккордеон. Хочу сразу предупредить - не все CSS3 свойства поддерживаются всеми браузерами. Демонстрационную страницу лучше смотреть браузером Google Chrome последней версии, так же эти свойства поддерживают Safari и Opera последних версий, а также Mozilla Firefox начиная с версии 3.7.
В это CSS3 аккордеон меню вошли свойства:
box-shadow - тень
text-shadow - тень текста
transform - трансформация (перемещение, вращение и изменение размеров)
transition - это простейшая CSS3 анимация/переход, которую можно применить к любому свойству CSS
rgba в CSS3 - цвет + прозрачность одним свойством
border-radius - скругление углов
opacity - прозрачность
gradient - плавные переходы из одного цвета в другой
Представляю вашему вниманию CSS3 аккордеон меню вертикальное. Это скорее не меню а маленькая демонстрация новых возможностей CSS3 которые я вложил (скорее - напихал :)) в это вертикальное меню аккордеон. Хочу сразу предупредить - не все CSS3 свойства поддерживаются всеми браузерами. Демонстрационную страницу лучше смотреть браузером Google Chrome последней версии, так же эти свойства поддерживают Safari и Opera последних версий, а также Mozilla Firefox начиная с версии 3.7.
В это CSS3 аккордеон меню вошли свойства:
box-shadow - тень
text-shadow - тень текста
transform - трансформация (перемещение, вращение и изменение размеров)
transition - это простейшая CSS3 анимация/переход, которую можно применить к любому свойству CSS
rgba в CSS3 - цвет + прозрачность одним свойством
border-radius - скругление углов
opacity - прозрачность
gradient - плавные переходы из одного цвета в другой
Плавное изменение прозрачности любого элемента на jQuery
Применяем плавное изменение прозрачности любого элемента на jQuery при наведении
Плавная jQuery прозрачность любого элемента всё очень просто и эффектно.
Представляю вашему вниманию самый простой способ плавного изменения прозрачности любого элемента без использования CSS, чисто на jQuery.
Плавная jQuery прозрачность любого элемента всё очень просто и эффектно.
Представляю вашему вниманию самый простой способ плавного изменения прозрачности любого элемента без использования CSS, чисто на jQuery.
Tooltip для увеличения картинки на jQuery
Применяем Tooltip для увеличения картинки на jQuery
Предлагаю вашему вниманию два интересных скрипта для увеличения картинок на сайте при наведении, которые мне попались когда я хотел реализовать на своём сайте увеличение картинки при клике или наведении курсора.
Предлагаю вашему вниманию два интересных скрипта для увеличения картинок на сайте при наведении, которые мне попались когда я хотел реализовать на своём сайте увеличение картинки при клике или наведении курсора.
Плавное увеличение картинки при наведении на jQuery
Самое простое плавное увеличение картинки при наведении на jQuery
Самый простой, на мой взгляд, способ реализации плавного увеличения картинки при наведении. Используется минимум кода, если нужно просто увеличить картинку, и блок с картинкой при этом тоже будет растягиваться, то можно обойтись без CSS и простым кодом картинки с нужным классом, так же есть пример, где картинка увеличивается не растягивая дизайн сайта, там картинка уже в отдельном блоке и необходимо применить CSS.
Самый простой, на мой взгляд, способ реализации плавного увеличения картинки при наведении. Используется минимум кода, если нужно просто увеличить картинку, и блок с картинкой при этом тоже будет растягиваться, то можно обойтись без CSS и простым кодом картинки с нужным классом, так же есть пример, где картинка увеличивается не растягивая дизайн сайта, там картинка уже в отдельном блоке и необходимо применить CSS.
Кнопка Выключить свет на jQuery для онлайн кинотеатров
Кнопка выключить свет на jQuery для затемнения фона онлайн кинотеатров
Кнопка "Выключить свет" для онлайн кинотеатров, для затемнения фона сайта. Кнопка пригодится на сайтах со светлым дизайном, затемняет всё, кроме плеера
Кнопка "Выключить свет" для онлайн кинотеатров, для затемнения фона сайта. Кнопка пригодится на сайтах со светлым дизайном, затемняет всё, кроме плеера