Твит

Для подчеркивания некоторых особенно важных элементов сайта, не помешало бы использовать всевозможные и предусмотренные для этого CSS стили и свойства. Конечно же, с текстом можно особо не заморачиваться и выделить его, к примеру, жирным или курсивом, изменить задний фон или сделать рамку вокруг текста. Но не всегда один из представленных способов является подходящим. Допустим, у вас есть текст, который нуждается в разделении из-за специфики его смысловой нагрузки. Вот тут-то и приходят на помощь html и СSS свойства.

Твит

Здравствуйте, уважаемые посетители моего сайта.

Вас приветствует создатель этого уголка для верстальщиков - Сергей Голубев.

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

Твит

Многие вебмастера хотят зарабатывать на своих сайтах (даже в том случае, если сайт изначально не создавался для заработка). Ведь если вы владеете посещаемым ресурсом, то на одной рекламе уже можно делать неплохие деньги. Один из способов заработка – это размещение рекламных блоков Google Adsense. Преимущества данного способа – сам сервис очень популярен и надежен, с установкой блоков легко справится даже новичок. Кроме того, в Google Adsense принимаются молодые и малопосещаемые сайты.
В статье рассказывается о том, как установить рекламные блоки Google Adsense на сайт (в сайдбар и область основного контента). Кратко описывается плагин Quick Adsense для WordPress.

Твит

Твит

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

Самое главное было поставить цель и начать, а дальше пошло поехало. И у них все получалось. Здесь отчасти срабатывает принцип открытости. Когда вы ставите цель публично (к примеру, у себя в блоге) – на вас лежит в некоторой степени больше ответственности за свои слова.

Твит

Заработок верстальщика, во многом зависит от того как быстро он работает, думаю, это утверждение не нужно доказывать, все и так понятно. Поэтому, вполне логично, что многие, теми, или иными способами, пытаются себя ускорить, и сегодня я расскажу о Emmet –плагине для текстовых редакторов, который позволяет вбивать HTML и CSS c огромной скоростью.

Как это работает?

Очень просто, вместо стандартного HTML и CSS, вы вбиваете заранее заданные сокращения, например, вместо нудного прописывания HTML- списка с ссылками из 10 элементов, вам нужно написать:

ul>li*10>a{item$}

Нажать заранее задданое сочетание клавиш, и вы получите готовый код.

Твит

Даже если вы не профессиональный верстальщик сайтов или программист, вам рано или поздно придется столкнуться с HTML кодами, а так же с каскадными таблицами стилей CSS. Некоторые свойства CSS использую не совсем "беленькие и чистенькие" оптимизаторы. К таким свойствам относится, например, свойство Display, которое, при верном использовании, может помочь скрыть какой-то элемент страницы (или текста) от пользователя, но оставить его (элемент) открытым для робота.

Твит

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

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

Твит

Опытные веб-мастера наверняка знают, как подключать векторные шрифты к веб-сайтам. Этими шрифтами можно выводить заголовки, добавлять к надписям, кнопкам и меню значки. В Интернете существует немало хранилищ бесплатных векторных шрифтов. Подключаются они при помощи конструкции @font-face, а затем объявляется стиль для блочной верстки с помощью команды display: inline-block и перечисляются символы конструкцией content: [код]. Подобная технология используется, например,в популярной CSS-библиотеке Bootstrap. Но что делать если из всех шрифтового набора требуется несколько значков или подходящие значки разбросаны по нескольким векторным шрифтам? Ничего страшного - на помощь приходит веб-сервис icomoon.io, при помощи которого можно собрать в один шрифт все значки и получить необходимые стили.

Твит

На одном из сайтов мне приглянулся прикольный логотип в шапке сайта, хотелось бы его вытащить и переделать под себя, но при просмотре css страниц этого сайта (Сtrl+U) ссылка на эту картинку выглядит так : background: url(../images/logo.png) top left repeat-x; , если бы ссылка выглядела просто /images/logo.png без этих точек то понятно что нужно просто добавить url сайта, а так эти точки сбивают с толку, как же вытащить это logo.png ?

Твит

Не так давно я рассказывал, что в июне месяце этого года у меня состоялись два приятных знакомства. Нет, не с людьми, а с удобными и функциональными расширениями для верстки. Это Twitter Bootstrap и Chosen. Как-то так получилось, что весь июнь я практически не программировал, зато верстал много и с удовольствием.

Уверен, что каждый верстальщик знает о "капризах" элемента select. Если кнопки и поля ввода после появления CSS3 стилизовать стало одно удовольствие, элементы radio и checkbox можно стилизовать подменой их картинками-спрайтами, то вот с select все не так просто. Тут-то на помощь и придет Chosen.