verstka.pro

Плагин для jQuery «Input Blur-Focus»

CSR — Tue, 17 Jan 2012 19:06:40 +0400

Не так давно я публиковал скрипт, который мог обрабатывать focus и blur для input, для автоматической замены текста. Но тот формат, в котором был опубликован скрипт, был недостаточно удобен для использования, т.к. имел значительные ограничения, заложенные в архитектуре. Поэтому я оформил его в виде плагина для jQuery, устранив старые проблемы и добавив новый функционал.

Практика вёрстки: сложные заголовки

CSR — Sat, 10 Dec 2011 15:12:27 +0400

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

Универмаг

CSR — Wed, 09 Nov 2011 21:31:13 +0400

Бутик брендовой одежды

Смена текста в input при фокусе

CSR — Wed, 05 Oct 2011 19:13:44 +0400

Данная версия скрипта устарела. Новая версия опубликована здесь.

Не секрет, что большинство современных сайтов имеют на своих страницах формы для ввода логина и пароля, поиска и другие. Часто в ТЗ на вёрстку вы можете увидеть требование, чтобы текст в input был подсказкой, а при клике (фокусе) пропадал, давая пользователю ввести свои данные. Способов реализации такой задачи в вёрстке огромное множество. Но я опишу один, который, на мой взгляд, является самым удобным и функциональным.

Об оформлении кода

CSR — Tue, 23 Aug 2011 19:50:54 +0400

Просматривая вёрстку различных сайтов я часто убеждаюсь в том, что практически каждый верстальщик использует свой определённый подход к оформлению кода. Одни варианты довольно удобны, а другие — просто ужасны и непонятны. Казалось бы, проблема надуманная, ведь структура на кроссбраузерность не влияет. Но любую вёрстку будет кто-либо поддерживать в дальнейшем (не факт, что именно вы), и чем лучше будет оформлен ваш код, тем больше людей скажут вам своё «Спасибо». Здесь я постараюсь освятить все наиболее известные методики структурирования кода, а также выявить их особенности, достоинства и недостатки.

Шпаргалка по CSS3

CSR — Sun, 14 Aug 2011 12:05:38 +0400

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

Этическая сторона html-вёрстки

CSR — Mon, 08 Aug 2011 14:59:31 +0400

Обычно мало кто задумывается о мелочах: мы стараемся сделать свою работу как можно быстрее, строго по ТЗ (а иногда и ТЗ выполняем не полностью, что уж тут таить). Тем не менее, мелочи важны. Даже если задание на вёрстку отсутствует и вам предоставлен лишь макет (или в случае если ТЗ имеет очень скудное содержание) вы всегда должны держать в голове определённые принципы и неукоснительно их соблюдать.

7 полезных штучек

CSR — Fri, 17 Jun 2011 07:07:00 +0400

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

О валидности и невалидности

CSR — Sat, 11 Jun 2011 18:29:08 +0400

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

Подписи для картинок на HTML и CSS

CSR — Sat, 11 Jun 2011 12:41:10 +0400

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