Оптимизация загрузки CSS и JavaScript на странице

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

Сегодня речь пойдет о небольшой оптимизации загрузки файлов стилей и скриптов на странице веб-сайта. Пожалуй любой сайт включает в себя несколько файлов стилей и несколько файлов JS скриптов, на загрузку которых уходит как драгоценное время, так и ресурсы сервера отдающего статику. А что делать если файлов стилей и скриптов несколько десятков? (на моей памяти их бывало с пол сотни). подробнее

Категории: PHP     Теги: css, js, php

Оптимизируем 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, прогресс бар

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

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

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

подробнее

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

Прозрачный Png в IE6

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

При верстке шаблона, перед нами очень часто встает проблема корректного отображения прозрачных / полупрозрачных изображений в формате PNG, в нашем «любимом» браузере IE6. Проще говоря, прозрачности вообще нет, вместо нее мы видим сплошной фон определенного(как правило, серого) цвета. Отказываться от формата PNG в пользу GIF не хочется, а иногда это просто невозможно. И дизайнеры в последнее время стали нас все чаще баловать полупрозрачными тенями, отливами и прочими фишками художественной графики. подробнее

Категории: CSS, JavaScript / jQuery     Теги: css, ie6, png, прозрачность