Голосование
Какую CMS Вы предпочитаете
AtomX
Fapos CMS
Drunya CMS
Топ новостей
- Генератор аватарок в стиле пиксель-арт
- Скачать Fapos CMS 1.1.8 Бесплатно
- Цунами в Японии. Последствия.
- Предварительная инфа о FAPOS 1.1.9. Часть 2
- Описание версии CMS Fapos 0.9.9
- Новая версия Fapos 1.3
- Половина россиян не смогла отличить легальный контент
- Что есть Fapos CMS
- Убийца Apache у вас на пороге
- Открытое тестирование Fapos 0.9.9
Последние комментарии
Топ пользователей
Сайты на AtomX CMS
1
4182
1
Немного о CSS3
Сейчас многие начали наблюдать много экспериментов над CSS3 анимацией,
но ещё относительно недавно поддержка этой анимации была ограничена
браузерами на вебките.И в середине 2011 года браузер Mozila
Firefox 5 тоже получил эту поддержку.Поэтому сейчас идеальное время,
чтобы разобраться с синтаксисом @keyframes (покадровой анимации).Далее
я расскажу вам про CSS3 анимацию и покажу различные примеры.
CSS3 - следующий шаг в развитии каскадных таблиц стилей.Судя по всему,
действительно станет прорывом для веб-дизайна,но это,если разработчики
браузеров не подкачают.
Вот допустим Opacity-прозрачность.В браузерах,поддерживающих это свойство, указать прозрачность можно так:
background-color: rgb(0,0,255);
opacity: 0.5;
Данное обьявление прозрачности затронет всех потомков элемента.В том числе и текст,картинки,бэкграунд и т.д.Это крайне неудобно,поэтому в CSS3 вводится новое обьявление - RGBA,которое решает данную проблему:
background-color: rgba(0,0,255,0.5);
4814
5
Новые возможности HTML 5
Итак, грядёт к нам HTML 5. До сего момента в ходу был HTML 4.01, на котором работает большинство современных сайтов. Однако, умные дяди из W3C покумекали, и решили сделать новый стандарт. Было введено несколько новых тегов, а также удалена парочка старых (например <font> и <center>
. Ещё упоминаются несколько таких возможностей, как локальное хранилище данных, сокеты, геолокация, drag'n'drop на уровне браузера, улучшено взаимодействие полей форм с пользователем - добавлено множество параметров для увеличения смысловой нагрузки, cross-domain messaging... А ещё такая - уже достаточно известная возможность как HTML 5 Canvas и встраивание мультимедиа-контента в страницу без сторонних технологий (например, запросто можно встроить видео или аудио в страницу с помощью всего одного тега - <video> или <audio>, без подключения флеш-плеера. Прямо скажем - впечатляет. Впечатляют и проблемы с безопасностью в данных нововведениях, которые уже откопали любознательные люди...Помимо проч
Единицы длины бывают двух категорий: абсолюные и относительные. К абсолютным относятся:
* дюймы (in)
* сантиметры (cm)
* миллиметры (mm)
* пункты (pt)
* пики (pc)
В терминах спецификации css 1pt = 1/72in, а 1pc = 12pt.
В свойстве font-size задание отрицательного значения в единицах длины, например -25cm, недопустимо.
Почему абсолютные? Потому что за ними в физическом мире стоит реальная величина, тоесть эталоны.
С такими единицами работает устройство вывода, которое имеет реальный физический размер, например: при печати будем использовать такие единицы.
А вот для мониторов эти единицы не имеют никакого значения, есть некая условность, но это действительно только лишь условность.
К относительным единицам относятся:
* em (кегельная)
* x-height (ex)
* px (пикселы)
Проценты ( % ) — всегда величина, о которой стоит говорить отдельно. Она настолько важная, что W3C вынес ее в отдельную колонку. Тоесть % можно писать не у всех правил, а только
* дюймы (in)
* сантиметры (cm)
* миллиметры (mm)
* пункты (pt)
* пики (pc)
В терминах спецификации css 1pt = 1/72in, а 1pc = 12pt.
В свойстве font-size задание отрицательного значения в единицах длины, например -25cm, недопустимо.
Почему абсолютные? Потому что за ними в физическом мире стоит реальная величина, тоесть эталоны.
С такими единицами работает устройство вывода, которое имеет реальный физический размер, например: при печати будем использовать такие единицы.
А вот для мониторов эти единицы не имеют никакого значения, есть некая условность, но это действительно только лишь условность.
К относительным единицам относятся:
* em (кегельная)
* x-height (ex)
* px (пикселы)
Проценты ( % ) — всегда величина, о которой стоит говорить отдельно. Она настолько важная, что W3C вынес ее в отдельную колонку. Тоесть % можно писать не у всех правил, а только
Примерно следующее можно будет вытворять под HTML 5:
Таким образом, можно организовывать любой элемент
Удивило, что фишка работает в IE7, Opera и FireFox.
Code:
<html>
<head>
<style>bugoga { color: red; }</style>
<script>document.createElement("bugoga")</script>
</head>
<body>
<bugoga>Превед, Медвед!</bugoga>
</body>
</html>
<head>
<style>bugoga { color: red; }</style>
<script>document.createElement("bugoga")</script>
</head>
<body>
<bugoga>Превед, Медвед!</bugoga>
</body>
</html>
Таким образом, можно организовывать любой элемент
1
<script>document.createElement("название элемента")</script>
Удивило, что фишка работает в IE7, Opera и FireFox.
Мета-теги располагаются в заголовке HTML-документа, между тегами <HEAD> и </HEAD>, а потому они остаются невидимы для читателя страницы. Предназначены они для включения информации о документе, которая используется разными агентами (сервером, броузерами, поисковыми роботами) в различных целях. Элементы META предоставляют дополнительные сведения о способе обработки документа броузером, позволяют поисковым роботам обрабатывать документ без его загрузки. В документе может находиться любое количество мета тегов, но многие из них не несут никакой полезной информации с точки зрения агентов и игнорируются ими. Необходимыми, на мой взгляд, тегами являются только Keywords и Description. Однако, следует приглядеться и к остальным представителям семейства META.
Введение
Мета-теги располагаются в заголовке HTML-документа, между тегами <HEAD> и </HEAD>, а потому они остаются невидимы для читателя страницы. Предназначены они для включения информации о документе, которая используется разными агент
Введение
Мета-теги располагаются в заголовке HTML-документа, между тегами <HEAD> и </HEAD>, а потому они остаются невидимы для читателя страницы. Предназначены они для включения информации о документе, которая используется разными агент
5256
0
ДЕЛАЕМ САЙТ С НУЛЯ
В это статье я расскажу как создать сайт своими руками
Абсолютно с нуля...
В этой статье мы постараемся пройти с Вами весь путь от начала и до конца, обсолютно с нуля создать сайт своими руками. В данной статье будет рассматриваться не создание сайта на бесплатном хостинге с шаровым доменом третьего уровня, а то, как создать полноценный сайт. Но не стоит отчаиваться, если вы не располагаете 5 долларами (именно столько стоит самый дешевый домен плюс хостинг на месяц), эти знания будут все равно Вам полезны.
Для начала,давайте разобьем задачу на более мелкие. Для создания сайта нам понадобиться хостинг и домен, для того, что бы на наш сайт могли попасть по определенному адресу. Но что увидят люди попав на наш сайт? Пустоту. Ошибку. Да, ведь мы ничего не сделали. Точнее, мы не сделали ничего, что можно увидеть. Следующим, с чем нам придеться столкнуться, это дизайн и контент. Подведем итог - для создания сайта, нам необходимо:
* Хостинг
* Домен
* Дизайн
Абсолютно с нуля...
В этой статье мы постараемся пройти с Вами весь путь от начала и до конца, обсолютно с нуля создать сайт своими руками. В данной статье будет рассматриваться не создание сайта на бесплатном хостинге с шаровым доменом третьего уровня, а то, как создать полноценный сайт. Но не стоит отчаиваться, если вы не располагаете 5 долларами (именно столько стоит самый дешевый домен плюс хостинг на месяц), эти знания будут все равно Вам полезны.
Для начала,давайте разобьем задачу на более мелкие. Для создания сайта нам понадобиться хостинг и домен, для того, что бы на наш сайт могли попасть по определенному адресу. Но что увидят люди попав на наш сайт? Пустоту. Ошибку. Да, ведь мы ничего не сделали. Точнее, мы не сделали ничего, что можно увидеть. Следующим, с чем нам придеться столкнуться, это дизайн и контент. Подведем итог - для создания сайта, нам необходимо:
* Хостинг
* Домен
* Дизайн
1
Сейчас online: 10. Зарегистрированных: 0. Гостей: 10.
AtomX 2.8 Beta - Новая версия бесплатной CMS
AtomX 2.8 Beta - Новая версия бесплатной CMS
Программирование - что может быть проще.
Программирование - что может быть проще.
AtomX 2.8 Beta - Новая версия бесплатной CMS
AtomX 2.8 Beta - Новая версия бесплатной CMS
Написание простого вируса в блокноте
Что такое API и для чего они нужны
Классы в PHP для чайников
Написание простого вируса в блокноте