clear:both;

Многие из упомянутых здесь селекторов являются частью спецификации CSS3, поэтому они доступны только в современных браузерах, так что запомните это.

1. *

* {
   margin: 0;
   padding: 0;
}

Несколько проницательных советов главного творческого директора компании Wieden+Kennedy Джона Си Джея (John C Jay). Хоть они и рассматриваются в перспективе проектирования, но я думаю, что они пригодятся всем, кто занимается творчеством. Написано по следам статьи AIGA.

Один из вопросов, который мне задают чаще всего в отношении дизайна моего сайта, следующий:

Как закрасить фон правой колонки сверху донизу?

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

Свойство float мощный и ценный актив для любого веб-дизайнера/разработчика, работающего с CSS и HTML. Но в то же время оно может разочаровать или смутить, если вы не до конца понимаете принципы его работы. Раньше оно было связано с довольно неприятными браузерными багами, поэтому вполне нормально, если вы нервничаете при использовании этого свойства. Так давайте успокоимся и облегчим своё разочарование. Я покажу вам, чего можно достичь, используя свойство float, и как полезно оно может быть.

Вы уже знакомы с элементами <video> и <canvas>, но знаете ли вы, что можно сделать, используя их вместе? На самом деле, эти два элемента прекрасно сочетаются! Я покажу несколько очень простых способа использования этих двух элементов, которые, я надеюсь, внесут свежую струю в ваши будущие проекты. (Все эти методы работают во всех современных браузерах)

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

В этом учебном примере я покажу, как создать на вашем сайте или блоге живой поиск Google. При этом мы будем использовать html, css, jQuery.

Приготовления

В данном примере будет достаточно кода, поэтому я расскажу только о существенных вещах.

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

В html5 появилось два новых объекта для хранения данных на клиенте:

• localStorage - хранит данные без временных ограничений
• sessionStorage - хранит данные в течение одной сессии

До этого данные хранились в cookies. Cookies не подходят для хранения больших объёмов данных, т.к. они передаются на сервер при каждом запросе, что делает их применение не эффективным и медленным.

Т.к. jQuery Templates входят в библиотеку jQuery, но не поддерживают удаленной загрузки, я решил написать небольшое руководство, как сделать это самому. Как я уже упоминал ранее, ввиду наличия удобного взаимодействия между API jQuery Templates и методов jQuery AJAX, мы можем реализовать удаленную загрузку проще, чем вы думаете.