Archive for the ‘Верстка’ Category


60c1cbd5

«Переезжаем» в офлайн: Web Storage, Application Cache и WebSQL

Чтобы делать приложения, которые могут работать в полностью автономном режиме, нам нужно познакомиться со следующими технологиями: HTML5 Application Cache, Web Storage и WebSQL. Мной уже были опубликованы вводные статьи, касающиеся Web Storage и HTML5 Application Cache. Рекомендую их к прочтению если вы еще не знакомы с основными понятиями. В данной статье будут пересмотрены эти технологии, [...]

Как изменять фон сайта при помощи Javascript

На примере сайта  Aol.com можем посмотреть как изменяется фон на главной странице,  что выглядит очень интересно. Так как применять изменения фона сайта    на ваш веб-проекта, кратко рассмотрим в этом посте. Для этого достаточно написать только 5 строк на  JavaScript. Используйте его и обогащайте ваш веб-проект.

Инструменты для уменьшения размера изображений

В то время как масштабируемость серверной части интернет проекта — сложное дело, требующее тщательного планирования, большинству сайтов можно обойтись существенно более простыми способами для повышения визуального быстродействия с точки зрения пользователей. О небольшой части из них я и хотел Вам сегодня рассказать. Так как же уменьшить  изображение???

Чек-лист вёрстки. Что можно отдавать клиенту, а что надо переделывать

Вы PM. Как узнать – готова ли вёрстка к реальному использованию? Вы заказчик. Как убедиться, что работа выполнена качественно? Когда я стал тим-лидом, а позже PM, передо мной стала задача проверять вёрстку наших проектов. Нужно было выработать формальные, легкопроверяемые критерии, соответствие кода которым, должно было давать некую гарантию, что не будет факапов и ни клиент, [...]

Инструменты для тестирования и отладки в IE

Очень часто, при разработке проекта, его тестирование в Internet Explorer откладывают до последнего. И это вполне нормально, если ваши проблемы в основном связаны с версткой страницы. Однако, во время разработки веб-приложения с большим количеством различных функций, вполне возможно появление другого рода проблем: постоянная отладка, производительность на клиентской стороне, проприетарные проблемы и многое другое. В любом [...]

47 замечательных CSS3 анимации

Вот подборка из 47 потрясающие CSS3 демо анимаций. Они показывают о возможностях CSS3. Некоторые из них очень полезны и могут быть использованы в качестве альтернативы Javascript.  Для того, чтобы увидеть  эти эффекты, необходимо WebKit браузер, например, Safari и Chrome (жаль Internet Explorer пользователей). Наслаждайтесь!? CSS3 Clock With jQuery

Используем упрощенную работу с таблицами стилей, уменьшаем размер css кода и пишем простой для понимания css код.

ВСЕ ДЛЯ НОВИЧКА — cегодня хочу рассказать об одном очень интересном плагине, который позволяет значительно упростить работу с CSS стилями. Есть два плагина less.js и Classy Cassidy. В этой статье мы рассмотрим только один из них — less.js.

Руководство по веб-дизайну для мобильных

Предлагаем Вашему мниманию статью Кристины Уорен (Christina Warren) A Guide to Mobile Web Design Tips and Tricks. Оригинал статьи вы можете посмотреть по адресу Наличие версии сайта, оптимизированной для мобильных устройств, действительно может выделить Ваш сайт из общей массы. Не смотря на то, что такие смартфоны как iPhone и Google Android могут отображать «полноценные» веб-страницы, наличие страниц, отформатированных для небольших [...]

CSS3: Использование атрибута в селекторе

Сегодня мы рассмотрим какие атрибуты могут применяется в селекторах. [ATT ^ = val] Выбирает все элемент с ATT атрибут, в которых с начала совпадает с значением " val " . [ATT $ = val ] Выбирает все элемент с ATT атрибут, в которых с конца совпадает с значением " val " . [ATT *= val [...]

3D куб с помощью CSS

HTML разметка здесь будет очень простая. Каждая из граней имеет свой собственный DIV класса. В принципе на примере все увидим.