Устаревшие теги. HTML5 атакует!

Устаревшие теги. HTML5 атакуетВеб-стандарты движутся в сторону жесткого разделения структуры и оформления. С появлением HTML5 и CSS3 это разграничение еще больше усилилось и на фоне этого многие теги и атрибуты были признаны устаревшими, их не рекомендуется использовать при разработке сайтов и веб-приложений.

HTML5. Устаревшие теги

<applet> — добавляет Java-апплет в документ. Вместо него следует использовать <embed> или <object>.

<acronym> — этот тег вызывал постоянные вопросы, что такое акроним и чем он отличается от аббревиатуры. Для упрощения остался единственный тег <abbr>.

<bgsound> — определяет музыкальный файл, который будет проигрываться на веб-странице при её открытии. Для воспроизведения музыки используйте новый элемент <audio>.

<dir> — создает список, содержащий названия директорий, вместо него используйте <ul>.

<frame>, <frameset>, <noframe> — фреймы более не поддерживаются. Если они вам требуются, используйте другую версию HTML или <iframe> совместно со стилями.
Продолжить чтение

Отмена учета ссылок при ранжировании сайтов

Отмена учета ссылок при ранжировании сайтовIBC Russia 2013 компания Яндекс сообщила о том, что в следующем году поисковая система Яндекс перестанет учитывать ссылки в ранжировании по коммерческим запросам. Немного конкретнее эта тема была раскрыта в блоге компании.

Эта новость взорвала мир SEO, многие оптимизаторы говорят о крахе индустрии SEO как таковой. В ближайшее время ссылки не будут учитываться только по коммерческим запросам и только по московскому региону, понятно, что данное нововведение очень быстро распространится на другие категории запросов и регионы.

Яндекс давно борется с черными методами оптимизации, но отмена учета ссылок при ранжировании сайтов — самый мощный удар по индустрии SEO.
Продолжить чтение

Яндекс включил двустороннее шифрование писем

Сегодня Яндекс сообщил в своем блоге на хабре о том, что в сервисе «Яндекс.Почта» было запущено SSL/TLS-шифрование сообщений для межсерверных SMTP-соединений как на прием, так и на отправку электронных писем. Шифрование осуществляется и работает как с входящими, так и с исходящими сообщениями, но применяться оно будет лишь в случае, когда его поддерживают оба сервера: и отправителя, и получателя письма.

Отличные иллюстрации к этой новости придумали сами сотрудники Яндекса.

Gmail поддерживает SSL/TLS-шифрование как для входящих, так и для исходящих сообщений. Вот как будут вести себя почтовые сервера при отправке и получении электронных писем:

Яндекс.Почта было запущено SSL/TLS-шифрование сообщений для межсерверных SMTP-соединений как на прием, так и на отправку электронных писем
Продолжить чтение

Как сделать скриншот?

Как сделать скриншот в различных операционных системахСкриншот — это точное изображение того, что вы видите на экране монитора в данный момент. В данной статье присутствует описание создания скриншотов во всех операционных системах.

Для того чтобы сделать скриншот, необходимо:

Как сделать скриншот в Windows XP

— Открыть страницу или программу, изображение которой необходимо получить;
— Нажать на клавиатуре клавишу PrintScreen (PrtSc) — данная кнопка расположена чаще всего в правом верхнем углу клавиатуры, в одном ряду с функциональными кнопками F1-F12;
— Открыть один из графических редакторов, например стандартную программу Paint;
— Выбрать пункт меню «Правка» — «Вставить» или же нажать сочетание клавиш Ctrl+V, после чего изображение появится в графическом редакторе;
— Дополнить изображение необходимыми элементами — подписями, линиями и пр.;
— Сохранить полученное изображение: «Файл» — «Сохранить как».
Продолжить чтение

HTML 5 теги для верстки основных блоков страницы

HTML 5 теги для верстки основных блоков страницыHTML 5 потихонечку вливается в жизнь верстальщиков, но многие продолжают пользоваться привычными тегами и классами. Пора забыть о разметке страниц тегами <div class= «header» >, <div class= «footer» > и начать использовать новые теги, появившиеся в HTML5.

Зачем использовать теги HTML 5 для верстки основных блоков

1. Это уменьшает общее количество кода;
2. Это упрощает работу с CSS, облегчает классификацию элементов и их свойств;
3. Это улучшает понимание кода поисковыми роботами;
4. Это хороший тон в современной верстке.

Какие HTML5-теги можно использовать для разметки основных блоков страницы

<header> — шапка сайта, а также заголовок страницы, статей и других материалов сайта. Таких блоков на странице может быть несколько.

<nav> — навигация по сайту. Обязательно заключать в этот тег главное меню, желательно — любую другую навигацию на сайте.

<aside> — сайдбар, список рубрик, облако тегов.
Продолжить чтение

Единицы измерения в CSS

Единица измерения Краткая запись Прим. в коде Описание Пример кода
Абсолютные единицы
Сантиметр см cm Стандартный метрический сантиметр span {margin-left: 5cm;}
Дюйм дюйм in Стандартный северо-американский дюйм p {word-spacing: 3in;}
Миллиметр мм mm Стандартный метрический миллиметр p {font-size: 25mm;}
Пика пк рс Стандартная издательская единица, равная 12 пунктам p {font-size: 22pc;}
Пункт пт pt Стандартная издательская единица, за­нимающая 72 пункта на дюйм body {font-size: 16pt;}
Относительные единицы
Ems em em Ширина прописной буквы «М» для текущего шрифта (обычно совпадает с размером шрифта) p {letter-spacing: 10em;}
Exs ex ex Высота буквы х для текущего шрифта p {line-height: 3ex;}
Пиксель пикс рх Размер пикселя данного монитора p {padding: 14px;}
Проценты % % Устанавливает размер шрифта относительно базового размера (150% озна­чает увеличение размера шрифта в 1,5 раза относительно базового) div {width: 80%;}

Продолжить чтение

Новые возможности и фишки HTML5

Новые возможности и фишки HTML5

Основные преимущества HTML5

1. Нативная поддержка

Браузеры, поддерживающие HTML5 (а на сегодня это современные версии всех популярных браузеров), делают это нативно, из коробки, то есть без необходимости устанавливать дополнительные плагины. За надежность и интеграцию встроеного функционала отвечает производитель браузера, он же следит за обеспечением безопасности и приватности. Для встроенного функционала проще обеспечить доступ к системным ресурсам — будь то данные или вычислительные мощности.

2. Полноправные элементы

В отличие от плагинов, работающих как черный ящик, вставленный на страницу и в лучшем случае взаимодействующий с ней через специальные интерфейсы на javascript, встроенный в браузер функционал полноправно интегрируется во всю экосистему технологий и поддерживаемых стандартов. Например, это означает, что видео-элементы HTML5 можно стилизовать через CSS, к ним можно напрямую обращаться через DOM и javascript. Это единая хорошо связанная экосистема.

3. Открытые технологии

Открытость — штука двоякая и есть палка о двух концах. Открытые стандарты, доступные любому для изучения, использования и реализации, — с одной стороны, и необходимость в стандартизации и стремлении к совместимости разных реализаций — с другой. И, вместе с этим, относительно легкий доступ к коду (благо в каждом уважающем себя браузере сегодня есть встроенные средства разработки, ну или популярный плагин :)). Открытость, да! Но, с побочными эффектами.
Продолжить чтение

Оптимизация MySQL, optimize table — как не надо делать

Оптимизация MySQL, optimize table - как не надо делатьВ блогосфере советы по ускорению работы сайта и оптимизации разносятся с бешеной скоростью. При этом мало кто из авторов проверяет реальную полезность полученных советов. Это вдвойне странно, потому как возможность проверить правильность той или иной идеи и сравнить разные мнения по одному и тому же вопросу в Интернете представлена очень широко.

В одном из блогов встретила вот такой текст:

Конкретный пример из жизни: 2 таблицы по 50 000 записей, в которых постоянно идут update, insert, delete. Ясное дело, что при таком подходе данные фрагментируются. Поэтому, когда мы делаем JOIN, то запрос выполняется 0.2 секунды — довольно много для базы данных. После optimize table запрос стал выполнятся 0.015 сек. Никаких дополнительных индексов, покупки железа — просто упорядочили данные на диске. Команду можно поставить в cron раз в сутки, например.

Продолжить чтение

Продуктивность и занятость — это не одно и то же

Если вы тратите много времени на выполнение какого-то дела – оно не становится от этого важным (с)

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

Пасхалки от веб-разработчиков

Пасхалки от веб-разработчиковСуществует мнение что юмор айтишников понятен только айтишникам, сейчас я докажу, что наши шутки могут быть понятны всем. Предлагаю вашему вниманию подборку пасхалок от веб-дизайнеров и разработчиков различных сайтов. В списке представлены только рабочие ссылки, убедитесь что у вас не отключены скрипты и флеш-плеер.

bobrikov.net — на логотипе нажмите на язык бобра.

www.lazurnoe.com — нажмите на чайку.

www.gazon-avangard.ru — подождите пока рабочий и колхозник встретятся и нажмите на серп.
Продолжить чтение