Верстка \ HTML&CSS

ошибки верстки сайта

Изучаем ошибки при верстке сайтов

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

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

Читать далее

Верстка \ HTML&CSS

OOCSS

От автора: Вы когда-нибудь слышали выражение (Билла Гейтса, 1996г., прим. переводчика) «контент – это король»? Будучи веб-разработчиком и, следовательно, занимаясь делом, часто связанным с созданием содержимого, наверняка слышали. Это – слишком частоупотребимое, но верное утверждение относительно того, что привлекает на сайт посетителей.

Читать далее

Верстка \ HTML5

советы html5

От автора: статья об описании HTML5, эта отрасль развивается действительно очень быстро! Если вы не будете осторожны, вас оставят за бортом. Если вы чувствуете себя немного пораженным происходящими изменениями и обновлениями HTML5, воспользуйтесь этой статьёй, как примером того, что вы должны знать.

Читать далее

Верстка \ CSS 3

введение в css3

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

Читать далее

Верстка \ HTML&CSS

флеш-уголок для сайта

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

Читать далее

Верстка \ HTML&CSS

переходы css3

От автора: вам когда-нибудь хотелось оживить цвет элемента (например, шрифта) при проведении над ним мышью? Можно подумать, что это легко делается с помощью jQuery, но он совсем не поддерживает анимацию цвета, если только не применяется плагин или jQuery UI (пользовательский интерфейс jQuery). Вам нужен быстрый и легкий способ добавлять элементу простую анимацию цвета, и тут в дело вступают переходы CSS. Они являются частью проекта спецификации CSS3 и обеспечивают средство анимации изменений свойств CSS, а не немедленный эффект этих изменений. Благодаря чему мы сможем делать на своих сайтах, плавный переход цвета в CSS.

Читать далее

Верстка \ HTML&CSS

закругленные углы css

От автора: Не редко случаются ситуации, что нужно сделать меню с закругленными краями в CSS и с последующей интеграцией с CMS. А чем проще разметка страницы, тем проще интегрировать в любую CMS.

В данном уроке мы создадим элегантное меню с закругленными краями в CSS, при наведении на него курсора мыши. HTML разметка будет такой же простой, как и у любого меню, реализованного с помощью списков. А все исполнение по закругленным углам в меню мы передадим во внешний CSS файл.

Читать далее

Верстка \ HTML&CSS

создание слайдшоу

От автора: из этого исчерпывающего учебника по веб-разработке вы узнаете, как создать удобный и доступный виджет слайдшоу для своего сайта с помощью HTML, CSS и JavaScript (jQuery). В процессе создания вы увидите в действии концепцию Progressive Enhancement (прогрессивное улучшение).

Читать далее

Верстка \ CSS 3

CSS3-анимация

От автора: модулю CSS ‘Animations’ от консорциума W3C не сразу удалось завоевать популярность. При своей ограниченной поддержке браузерами не утверждаю, что он является одним из самых широко используемых свойств CSS3. Он сто лет доступен в браузерах, основанных на Webkit – в Chrome’е начиная со второй версии и в Safari с версии 4, но не имеет поддержки в Opera, IE и Firefox…до сих пор. Недавно, впрочем, вышел Firefox 5, а вместе с ним появилась и поддержка модуля анимации. Поговаривают, что следующим будет Opera. Когда глобальная поддержка свойства оценивается уже примерно в 25%, самое время немного с ним поразвлечься!

Читать далее

Верстка \ HTML&CSS

техника кодирования

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

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

Читать далее