Оптимизируем CSS: компрессия на PHP

Автор: Роман Чернышов    Опубликовано: 13 января 2011

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

Категории: CSS, PHP     Теги: css, php, компрессия, оптимизация

Меню на JavaScript или CSS

Автор: Роман Чернышов    Опубликовано: 3 января 2011

Прежде всего хочу поздравить всех с уже наступившим Новым 2011 годом! Ну и перейду сразу к сути, дабы не погружаться в долгие повествования, о том как прошло празднование сие события. И так к делу. Сегодня ко мне обратился с просьбой мой давний приятель. Просьба его заключалась в переделки навигационного меню, а так же в проверке работы плагинов на его сайте, которые отвечают за генерацию файла sitemep.xml — карта сайтов. подробнее

Категории: CSS, JavaScript / jQuery, Мысли вслух     Теги: css, javasript, меню

CSS хаки. Секреты верстки.

Автор: Роман Чернышов    Опубликовано: 23 декабря 2010

Каждый начинающий верстальщик рано или поздно сталкивается с необходимостью запрещать или разрешать различным браузерам обработку каких либо CSS стилей. Это связанно с тем, что несмотря на стандарты, браузеры порой отображают различные элементы страницы по своему. Самым «особым» браузером заслуженно считается Internet Explorer 6. Приводящий в ужас начинающих верстальщиков (веб-мастеров, программистов), и раздражающий всех бывалых. подробнее

Категории: CSS, HTML     Теги: css, css хаки, ie6, верстка

Прогресс бар CSS

Автор: Роман Чернышов    Опубликовано: 22 ноября 2010

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

Категории: CSS, HTML     Теги: css, прогресс бар

Узнать CMS сайта

Автор: Роман Чернышов    Опубликовано: 17 ноября 2010

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

Категории: CSS     Теги: определить cms, система сайта, узнать cms

Увеличение фото. jQuery

Автор: Роман Чернышов    Опубликовано: 17 ноября 2010

Существует огромное количество способов решения задачи «Увеличение фото при клике по нему», но мне больше всех приглянулся метод с использованием jQuery и библиотеки fancybox. При данном подходе все реализуется достаточно просто, кроссбраузерно и эффективно. подробнее

Категории: CSS, JavaScript / jQuery     Теги: fancybox, jquery, увеличение фото

Что лучше блочная или табличная верстка?

Автор: Роман Чернышов    Опубликовано: 4 ноября 2010

На протяжении последних двух лет я только и слышу от заказчика (ов), что он желает сверстать имеющийся у него макет дизайна сайта с использованием блоков. Т.е. ему нужна блочная верстка построенная на DIV и CSS. Но так ли хорош такой код? Об этом я задумываюсь уже на протяжении длительного времени. Мне приходилось создавать разные сайты, многие из которых были сверстаны с применением таблиц, блоков или третьего варианта блоков и таблиц. подробнее

Категории: CSS, HTML     Теги: div, table, блочная, верстка, табличная

Кросбраузерная двух колоночная блочная верстка

Автор: Роман Чернышов    Опубликовано: 3 ноября 2010

Очень часто приходиться верстать двух-колоночные сайты с использованием блоков <DIV>, на мой взгляд это один из самых распространенных вариантов представления информации на сайте. Во первых нет излишней перегруженности, во вторых простота реализации. Так как мне приходиться часто верстать сайты именно в таком формате я решил поделиться с вами способом построения такой конструкции. подробнее

Категории: CSS, HTML     Теги: div, валидная, две колонки, кросбраузерная верстка

Делаем из Social Engine 2.7 конфетку

Автор: Роман Чернышов    Опубликовано: 1 ноября 2010

Несколько дней назад, при обсуждении очередного проекта, а именно построения «Детской социальной сети» было решено использовать CMS Social Engine 2.7. выбор пал на эту систему далеко не из-за ее функциональности, а исключительно из-за ее доступности. В интернете сложно найти, что-то действительно стоящее и стабильно работающее совершенно бесплатно, весь качественный продукт стоит денег. Данная же CMS попалась под руку в виде нуленой версии =), да еще в придачу к ней шло несколько удобных и прилично расширяющих функционал, на мой взгляд, плагинов. подробнее

Категории: CSS     Теги:

Кросбраузерная трех-колоночная блочная верстка (Opera, FF, IE6)

Автор: Роман Чернышов    Опубликовано: 12 октября 2010

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

подробнее

Категории: CSS, HTML     Теги: css, html, ie6, валидно, верстка, кросбраузерно