Підтримка css3 за допомогою php
Одним з основних пунктів, з якими доводиться мати справу, коли впритул підступає до використання СSS3, є необхідність підтримки різних префіксів, що визначають браузер. В даному уроці пропонується метод для вирішення проблеми повторення однакових властивостей знову і знову.
PHP для генерації CSS
Використання PHP для генерації CSS не є чимось новим.
У вашому HTML має бути присутня наступна рядок, щоб можна було використовувати запропонований метод:
У цьому рядку тільки одна відмінність від звичайного посилання на CSS файл - замість вказівки файлу з розширенням ".css", ми викликаємо PHP файл. На початок вашого PHP файлу потрібно вставити наступні рядки:
Це вказівка для PHP файлу, що його будуть пересилати клієнтові як CSS. Очевидною перевагою такого підходу замість використання статичного CSS файлу є те, що генерується PHP файл CSS дозволяє використовувати переваги функціональності PHP (що, звичайно, означає однакове використання для різних клієнтських частин).
Функція для генерації CSS3
Напишемо просту функцію для побудови секції коду CSS3, яка буде містити всі основні префікси властивостей CSS3. Тепер, якщо виникне необхідність вставити CSS3, потрібно буде тільки викликати дану функції у відповідному місці коду. Функція використовує два аргументи. (1) стандартне ім'я властивості, і (2) значення (включаючи одиниці виміру).
Ось код функції:
Ця функція повинна бути розміщена в самому верху вашого PHP / CSS файлу (або підключатися як зовнішній файл), а в коді CSS можна буде використовувати її виклик наступним чином:
Перші три рядки (width, height, padding) наведені для прикладу. Ключова рядок - остання, в якій здійснюється виклик функції css3_props.
Функція css3_props будує рядок у змінній $ css3. Рядок має правильний синтаксис, щоб властивість CSS виглядало звичайним після генерації. До цього рядка включаються префікси, відповідні браузерам. Аргументи, які передаються функції повинні відповідати властивостям CSS, які будуть будуватися. Останній рядок виводить остаточне сформований значення.
Переваги даного методу
- Легко підтримувати, так як потрібно буде міняти значення тільки в одному місці
- Встановлює всі специфічні властивості в потрібному порядку для всіх властивостей CSS3 в вашому CSS файлі
- Встановлює стандартне властивість останнім, що є хорошою практикою застосування CSS
- Встановлює весь набір відповідних властивостей CSS разом
- Якщо потрібно буде додати ще який-небудь префікс, то потрібно буде змінити лише тільки код функції
очевидні недоліки
5 останніх уроків рубрики "PHP"
Коли мова йде про безпеку веб-сайту, то фраза "фільтруйте все, екрануйте все" завжди буде актуальна. Сьогодні поговоримо про фільтрації даних.
Expressive 2 підтримує можливість підключення інших ZF компонент за спеціальною схемою. Не всім подобається це рішення. У цій статті ми розповімо як поліпшили процес підключення декількох модулів.
Припустимо, що вам необхідно відправити якусь інформацію в Google Analytics з серверного скрипта. Як це зробити. Відповідь в цій замітці.
Підбірка з декількох видів PHP пісочниць. На деяких ви в режимі online зможете потестить свій код, але є так само рішення, які можна впровадити на свій сайт.
truehazard
як на мене так код тепер не дуже виглядає.
+1 попереднього коментаторів, дюже контрастно
+1. дико і очі ріже :)
Цей урок дійсно цікавий. за одне можна і оптимізувати продумати оптимізацію всього CSS файлу через функцію, щоб він користувачу йшов в зменшеному розмірі. +
To MaximusFT: CSSTidy тобі в допомогу =) А щодо коду, на пох на вигляд, аби працював
подібну функцію є резон використовувати виключно разом з іншими, для поліпшення css. таким чином у мене був файлик 1 який збирав все css з певної папки, прибирав все зайві прогалини, \ t і \ n. і збирав єдиний файл з css. Однак великого сенсу в даній функції я не бачу. "Повторення мати навчання." (С)
ЕвгенійСтиценков
to Kesha_php сайт нікуди не подівся, evgeniypopov.com правильно (у тебе літери переплутані)
приберіть цей чорний фон на коді. кошмар какой-то
Ну я хотів сказати шановний ЕвгенійСтиценков що побільше б уроків як там) Там же є верстка сайту) мега цікаво
За рахунок отримання інформації відразу по двох каналах (зір і слух) ефективність навчання значно перевершує навчання по книгах. А домашні завдання і онлайн-тести дозволять вам постійно думати на мові, що вивчається і відразу перевіряти свої знання!
Якщо ви давно хочете як слід вивчити HTML, то у мене для Вас є чудова новина!
Якщо ви вже вивчили HTML і хочете рухатися далі, то наступним кроком буде вивчення технології CSS.
Якщо ви хочете розібратися з поняттями домену і хостингу, навчитися створювати бази даних, закачувати файли сайту на сервер по FTP, створювати піддомени, налаштовувати поштові скриньки для свого сайту і стежити за його відвідуваністю, то цей курс створений спеціально для вас!