Автоматично префиксиране и компресиране на CSS
Има много начини за компресиране на CSS файл или автоматично генериране на префикси на браузъра за CSS3. Обикновено за решаването на такъв проблем е необходима допълнителна помощна програма, която може да бъде доста неудобна за използване. В този урок ще разгледаме как подобна задача може да бъде решена с помощта на PHP.
Нека да разгледаме три въпроса:
Нека дадем пример, който показва колко лесен е за използване резултатът от нашия урок.
CSS файлът използва долна черта вместо префикси:
Кодът на скрипта ще генерира пълен списък с префиксирани свойства:
Един етикет за връзка зарежда три CSS файла наведнъж. Скриптът css.php чете изброените файлове ( css_file1.css , css_file2.css и css_file3.css ), комбинира ги и връща един единствен файл.
Сега да видим как работи скриптът.
Създайте файл css.php със следния код:
Скриптът първо получава списъка с CSS файлове за обработка като низ от URL параметър (наличен в PHP като $_GET["f"]). Всеки файл е разделен с вертикална лента. Функцията explode() разделя низ на знака за тръба и връща масив от имена на файлове.
Фигурата описва модела за регулярния израз:
След това се използва друг регулярен израз за премахване на ненужни интервали и нови редове.
Свойствата, които съответстват на регулярния израз, ще бъдат силно компресирани:
Резултатът в променливата $contents е CSS файл, готов за изпращане. Първото извикване на функцията header() информира браузъра, че предадената информация трябва да се третира като CSS файл. Второто извикване на функцията header() казва на браузъра, че файлът е валиден за един час, така че браузърът да постави копие в своя кеш и да не изисква файла.отново от сървъра.
Използване на скрипт
Нека дадем прост пример за използване на нашия скрипт. Нека поставим файла css.php в css директорията на вашия проект заедно с три CSS файла.
Първи файл header.css:
Вторият файл е center.css:
Третият файл е footer.css:
Забележете как са написани свойствата на CSS3. Тези, които изискват префикси на браузъра, се дефинират само веднъж, с долна черта пред името.
Сега нека създадем файл index.html, който използва тези стилове.
Обърнете внимание на атрибута href на етикета за връзка. Всеки CSS файл е разделен с вертикална лента.
Заключение
Този урок показва някои основни CSS операции с PHP. Скриптът се основава на използването на регулярни изрази - мощен инструмент за манипулиране на низове. Кодът се оказа много прост, но доста ефективен.
Този урок е подготвен за вас от екипа на ruseller.com Източник на урока: phpmaster.com/automatic-css3-prefixer-and-compressor/ Превод: Сергей Фастунов Урокът е създаден: 28 април 2012 г. Прегледан: 19591 Правила за препечатване
5 последни урока от рубриката "PHP"
Филтриране на данни с zend-filter
Когато става въпрос за сигурност на уебсайтове, фразата „филтрирай всичко, проверявай всичко“ винаги ще бъде актуална. Днес ще говорим за филтриране на данни.
Контекстуално избягване с zend-escaper
Свързване на Zend модули към Expressive
Expressive 2 поддържа възможността за свързване на други ZF компоненти по специален начин. Не всеки харесва това решение. В тази статия ще ви разкажем как подобрихме процеса на свързване на няколко модула.
Съвет: изпращане на информация до GoogleАнализ чрез API
Да предположим, че трябва да изпратите някаква информация до Google Analytics от сървърен скрипт. Как да го направим. Отговорът е в тази публикация.
Селекция от PHP пясъчници
Селекция от няколко типа PHP пясъчници. На някои можете да тествате кода си онлайн, но има и решения, които можете да приложите на сайта си.