Для чего нужен CSS3 я в принципе понимаю: всякие там скругленные углы, тени, градиенты, повороты текст и картинок - и все без использования рисунков и сторонник скриптов, разве что применение PIE.htc для того, чтобы это все работало в IE6. Но вот нужен ли сейчас HTML5, по крайней мере в ру- инете.

Давайте смотреть трезво на вещи: да, HTML5 и верстка по последним технологиям - это звучит круто и добавляет стоимости к работе, но реально - сколько из ваших клиентов использует последние браузеры? Ведь по факту большинство из них сидят на IE6 или 7. Да, ВКонтакте может спокойно игнорировать пользователей ишака. Но будущий сайт клиента - это далеко не контакт. Необходимость в HTML5

Уделим сегодня немного внимания оптимизация HTML кода, но не seo (это отдельный разговор), а обычной оптимизации, т.е. что можно сделать с кодом, чтобы он легче читался и не утяжелял страницу. Я понимаю, что у доброй половины человечества давно уже стоит выделенка со скоростью по 4, 10, а то и все 30 Мб, но тем не менее! Google пару лет назад обозначил, что скорость загрузки страницы влияет на ее ранжирование. Так что делаем выводы, после чего открываем редактор (будь то DreamWeaver, Notepad ++ или блокнот) и начинаем вносить правки. 6 способов оптимизировать html код

Если вы еще не забили на отображение сайта (вашего или клиента) в Internet Explorer 6 (имеется в виду ie6, версии ниже в данной статье рассматриваться не будут), то наверняка уже сотню раз сталкивались с тем, что какой-нибудь мелкий “косяк” там да вылезет. Кроссбраузерная верстка, легко реализуемая в Opera, FireFox и Chrome, у вебмастеров порождает только чувство ненависти к Эксплореру, для коего приходится придумывать всякие ухищрения.

Вообщем, будьте готовы занести эту статью в закладки, ибо она будет предельно информативной и полезной:)

Итак, для получения кроссбраузерной верстки, мы можем использовать:

1. условные комментарии
2. хаки для CSS

Список условных комментариев и хаков для IE и CSS

Человек использует свой мозг далеко не на 100%, и даже не 50% (как правило, ученые называют цифры от 3 до 7%). Аналогичная ситуация творится практически во всех сферах. Мы предпочитаем использовать те приемы, с которыми работали ранее, тем самым не давай себе развиваться и забывая то, что знали ранее.

Например, если вы лет 5 назад учились играть на гитаре, а потом бросили, то какие-то базовые навыки у вас останутся, но пальцы по струнам уже не будут бегать так быстро, как если бы вы продолжили развиваться. Вариант второй: вы могли остановиться на трех аккордах и одном переборе (в принципе большинство песен можно сыграть на этой универсальной комбинации), но согласитесь - результат будет гораздо лучше, если количество аккордов возрастет хотя бы до 20, переборов - до 3 и плюс пару боев. Тут же в качестве бонуса к развитию навыка вы получаете толпу заказчиков фанатов и поклонниц, которые бегают за вами умоляя сыграть:)

Эта статья для тех, кто только начал изучать HTML, или уже давно практикует верстку, но у него не хватает времени/желания для того, чтобы освежить свою деятельность новыми приемами. Список полезных HTML тэгов »

Большинство вебмастеров давно уже отказались от IE в пользу Mozilla FireFox. И дело даже не в том, что продукция мелко-мягких постоянно глючит, сколько в том, что Лиса очень хорошо настраивается и помогает оптимизировать работу. Но суть этого поста не хаять InternetExplorer (хотя 6 версия, думаю, уже порядком всех достала), а предоставить список из 9 FireFox плаггинов, которые ощутимо облегчат вам работу с ежедневными и местами рутинными процессами, благо скачать и установить их можно бесплатно

1. Firebug. Самое популярное дополнение. Легко интегрируется в браузер, позволяет вживую редактировать, отлаживать и изучать CSS, HTML и Javascript на любой странице.

Остальные 8 плаггинов для FireFox…

Неделю назад был опубликован урок о том, как красиво оформить посещенные ссылки с помощью CSS. И на пятом шаге мы использовали символы unicode в качестве элемента ссылки. Собственно как дополнение к этому уроку выкладываю список unicode символов, но не всех подрях, а наиболее интересных и которые могут пригодиться в дальнейшем. Unicode символы, таблица…

Сегодняшний пост является гостевым, автор статьи - компания Optimism.ru:

• Продвижение сайтов
• Создание сайтов
• Контекстная реклама
• Анализ юзабилити

Email для связи: info@optimism.ru

———————-

Новейшие исследования интернет-аудитории показывают: более 90% разработчиков популярных интернет-браузеров, а также веб-дизайнеров и рядовых пользователей, часто используют устаревшие версии браузеров и операционных систем, которые не в состоянии предоставить пользователю возможность в полной мере использовать достижения новых технологий.

Например, в Internet Explorer не поддерживается «официальный» XHTML: даже если код написан на этом языке, IE всё равно обрабатывает его тем же синтаксическим анализатором, что и устаревший HTML, лишая самого себя шанса продемонстрировать все преимущества XHTML.

Невероятно, но факт: сегодня Интернет прекрасно обходится и без новых технологий. Сайты исправно обрабатывают информацию, работают поисковые системы и сотни самых разных сервисов.
Что нам даст появление HTML 5 и кода это будет

Тема поста на сегодня “Все через Alt…”, которой я начинаю серию шпаргалок для повседневнего использования. Конечно, вряд ли вы каждый день ломаете голову как поставить ♪ или ™ и уж тем более ╞. Но по закону подлости, именно когда нам нужно вставить что-то этакое, оно не находится.
Таблица комбинаций значков и символов с Alt

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

Недавно и мне понадобилось проставить такие ссылки в одном из проектов. Чтобы решить, казалось бы, такую простую задачу, пришлось поискать ответы в google и отсортировать кучу ненужной информации. Найти сразу все ответы в одном месте не получилось, поэтому восполню этот информационный пробел в своём блоге.
Как поставить ссылку на скайп и аську

Base href - тэг, помогающий сократить количество повторяющегося текста в вашем документе. Определяя base href, вы даете браузеру понять, что все внутренние ссылки в документе идут как бы от начала (т.е. от заданного адреса). Это позволит нам сократить время при разработке и просмотре сайте на компьютере - вы сразу сможете проанализировать, как он будет выглядеть в сети и были ли допущены ошибки в адресации.

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


<head>
<title>Base Href</title>
<base href="http://www.yoursaitename.ru">
</head>


<body>
<p>Проверяем работу base href для ссылок</p>
<p><a href=html>Base Href</a></p>
<!-- Получаем нужную ссылку -
http://<code>www.yoursaitename.ru</code>/html.
Без base href мы были бы перенаправлены на поддерикторию.
Например, http://www.yoursaitename.ru/where-we-now/html -->


<p>Проверяем работу base href для картинок</p>
<p><img src=picture1.jpg></p>
<!-- Полный url - http://www.yoursaitename.ru/picture1.jpg.
Для проверка жмем правой кнопкой и Свойства.
Опять же без base href картинка лежала бы по адресу
http://www.yoursaitename.ru/where-we-now/picture1.jpg,
т.е. там, где ее теоретически нет -->
</body>
</html>