Добрый день Уважаемые!
В этом посте я хочу поделиться своими личными наблюдениями и выводами в области применения html5 & css3.
Читать полностью »
Рубрика «html» - 150
WebProject — бесплатная программа для создания и сопровождения html-сайтов
2012-03-13 в 20:52, admin, рубрики: html, метки: htmlМне нравятся html-сайты. Они быстрые, не нагружают сервер, их легко бекапить и легко переносить, можно держать на флешке для оффлайнового просмотра. Но есть проблема — их сложно сопровождать. Вносить изменения в несколько файлов для смены пункта меню или года копирайта — занятие невеселое. Для этих целей я сначала написал для себя шаблонизатор, а затем после нескольких итераций родилась вот такая программа — WebProject.
Теряем посетителей — много и каждый день
2012-03-13 в 14:26, admin, рубрики: async, html, метки: async, html 
По какой-то причине огромное количество проектов с радостью теряет самых хлебных посетителей — белых воротничков в рабочее время.
Большинство работодателей закрывают все социальные сети скопом, начиная, естественно, с контакта. Несмотря на это — у крупных и очень крупных проектов в начале страницы( уже не очень хорошо) можно встретить простую строчку:
<script type="text/javascript" src="http://vkontakte.ru/js/api/share.js?3"></script>
или
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?20"></script>
В итоге пользователи с закрытым контактом не могут открыть сайт, перейтиЧитать полностью »
HTML5 / [Из песочницы] HTML-атрибуты data-* для хранения параметров и получения их в js
2012-03-01 в 14:25, admin, рубрики: css, html, html5, javascript, jquery, плюшки, метки: css, html, html5, javascript, jquery, плюшки В HTML 5 были введены такие атрибуты тегов, как data-*.
Про них вы наверняка слышали или видели в разных проектах.
Например, их используют такие модные товарищи, как Twitter Bootstrap и jQuery Mobile.
Раньше использовали классы, ради сохранения информации в HTML, с целью последующего использования в js.
Например, для сохранения уникального номера блока часто пишут так:
<div class="items">
<div class="item1">...</div>
<div class="item3">...</div>
<div class="item6">...</div>
<div class="item1">...</div>
...
Читать полностью »
Каскадные Таблицы Стилей / Верстка HTML писем: думай как баг
2012-02-14 в 17:52, admin, рубрики: css, gmail, html, mail.ru, верстка html писем, почта, почтовые рассылки, метки: css, gmail, html, mail.ru, верстка html писем, почта, почтовые рассылки
Всем привет!
Продолжая работать над версткой почтовых рассылок, порой натыкаюсь на новые баги, о которых, собственно и хочу рассказать в этом топике. Если не приводить список из прошлых статей, то получится не много, но тем не менее они заслуживают внимания. Так же есть чуточку приятных моментов.
Cellspacing
Как я уже писал более года назад, стОит обнулять все отступы для таблиц, и там где нужны отступы — добавлять новые ячейки с прозрачной .gif распоркой. Я решил упростить себе задачу и поиграться с базовыми отступами для таблицы.
Задача: расположить четыре картинки в таблице — по две на каждой строке. МеждуЧитать полностью »
Каскадные Таблицы Стилей / [Из песочницы] Еще один способ использования условных комментариев
2012-02-13 в 15:06, admin, рубрики: css, html, хаки, метки: css, html, хаки Здравствуйтее, хотел поделиться еще одним вариантом валидного хака для Internet Explorer'а.
Так как выносить стили для IE отдельный файл не всегда удобно, особенно в некоторых проектах, когда стили для определенной страниц хочется видеть в одном файле.
Хочу описать два варианта решения данной проблемы:
1. Вариант с использованием JavaScript:
Мы добавляем для body класс с именем браузера определенной версии, условные комментарии помогают избавиться от проблемы с неверным распознанием User Agent'а
document.body.className='ie7';
Каскадные Таблицы Стилей / Реинкарнация и дополнение одного решения — табы на чистом CSS
2012-02-12 в 13:08, admin, рубрики: html, табы, метки: html, табы
Была на Хабре статья о реализации табов на чистом CSS, которую автор удалил (видимо, из-за незавершённости решения), скрыв при этом все комментарии. На основе решения, благодаря авторской наработке я устранил один из пользовательских недостатков и опукбликовал в комментарии. Поведение табов стало обычным, по клику на табе (или кнопке, смотря как назвать), он подсвечивался без свойства :focus и оставался подсвеченным после отведения мыши. Чтобы не терять из виду то и другое решения и для продолжения их развития, приведу копии их. Решение автора makzimko скопирвано в песочницу, сохранив все необходимые свойства. Дополнение — в модификации там же.(ЧемЧитать полностью »
Каскадные Таблицы Стилей / Красивые табы с помощью CSS и HTML
2012-02-10 в 21:18, admin, рубрики: css, html, tabs, вкладки, табы, метки: css, html, tabs, вкладки, табы
Здравствуйте уважаемые читатели! Сегодня я Вам хочу рассказать о том как с помощью HTML i CSS сделать красивые и очень простые табы, такие как изображённые на картинке ниже.
ШАГ 1: Пишем HTML документ
Начнём с написания HTML-кода. Он довольно простой, рассчитан на 5 вкладок, поэтому в нём будет всего лишь два списка с пьятьма позициями в каждом. В первом списке в каждом пункте вписываем ссылку на вкладку, а во втором — идентификаторы вкладок.
- 1
- 2
- 3
Каскадные Таблицы Стилей / Красивые табы с помощью CSS3 и HTML
2012-02-10 в 21:18, admin, рубрики: css, html, tabs, вкладки, табы, метки: css, html, tabs, вкладки, табы
Здравствуйте уважаемые читатели! Сегодня я Вам хочу рассказать о том как с помощью HTML i CSS сделать красивые и очень простые табы, такие как изображённые на картинке ниже.
ШАГ 1: Пишем HTML документ
Начнём с написания HTML-кода. Он довольно простой, рассчитан на 5 вкладок, поэтому в нём будет всего лишь два списка с пьятьма позициями в каждом. В первом списке в каждом пункте вписываем ссылку на вкладку, а во втором — идентификаторы вкладок.
- 1
- 2
- 3
JavaScript / JavaScript|HTML Preprocessor
2012-02-09 в 6:12, admin, рубрики: html, javascript, Preprocessor, метки: html, javascript, Preprocessor Здравствуйте, дорогие друзья!
В один чудесный день в один чудесный час возникла острейшая необходимость в JS|HTML препроцессоре и как обычно поиск готового решения не увенчался успехом, везде чего-то не хватало (не было глобальных переменных, вставки строк, замены строк, импорта и т.п.). Ну и поскольку я суровый якутский парень, то выход был один — сделать все самому. Ну? что ж, результат моего труда я решил выложить на мнение комьюнити.
Введение
Препроцессор предназначен для js(json) и html(xhtml) файлов, эти файлы должны быть с соответствующими расширениями. Препроцессор поддерживает следующий рядЧитать полностью »