Настройка SASS в PhpStorm с поддержкой Compass

Настройка SASS в PhpStorm (LESS / SCSS) выполняется в несколько простых действий. Однако, есть небольшая проблема с подключением Compass Framework, при работе под управленим ОС Microsoft Windows.

В статье описываю способ установки поддержки LESS / SCSS для PhpStorm и способ решения проблемы с импортом ресурсов Compass Framework и сообщением об ошибке: File to import not found or unreadable: compass/reset.

Приведённый способ предполагает установку на платформе Microsoft Windows, однако может быть легко адаптирован для OS X. Читать далее…

Как изменить шрифт JCE под Joomla

Изменить шрифт по-умолчанию в редакторе JCE под CMS Joomla, к сожалению, через настройки расширения нельзя. Рулит всем этим процессом css-файл темы редактора. Причем файлик поставляется, что называется в release варианте, т.е. вытянут в одну строчку так, что там черт ногу сломит.

Кто сталкивался с редактором JCE под Joomla знают, что сам редактор удобный но шрифт там катастрофически мелкий. Установки в параметрах меняют только представление в пользовательской части сайта, а в админке все остается мелким.

Читать далее…

Как работает свойство CSS float left и float right

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

В любом случае, я решил вместо постоянных ответов на одни и те же вопросы, как работает свойство CSS float left и float right, написать пост и отправлять всех страждущих к нему.

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

Читать далее…

Закругленные углы с помощью CSS

Большинство программистов при фразе «закругленные углы» начинает бить нервная дрожь. Это конечно, дизайнерское решение. Иногда бывает вполне прилично смотрится, но рисуя закругленные углы, многие дизайнеры раньше не задумывались насколько увеличивается html код страницы.

Читать далее…

Градиент средствами CSS

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

Читать далее…