Благодаря CSS3, мы можем добиться практически любого нужного нам на экране эффекта. В этом уроке рассмотрим, каким образом можем стилизовать чекбоксы и радио кнопки.

Input:checked + label:before { content: "\2022"; color: #f3f3f3; font-size: 30px; text-align: center; line-height: 18px; }

Теперь когда мы нажмём на радио кнопку, в основном сером круге должен появиться маленький белый кружок.

Стилизуем чекбоксы

Теперь давайте займёмся оформление чекбоксов. Для начала снова спрячем элемент:

Input { display: none; }

Поскольку мы убираем стандартное отображение чекбокса при помощи псевдо-элемента:before, просто добавим рамку:

Checkbox label:before { border-radius: 3px; }

Затем добавим символ “галочка”, который появится при клике по чекбоксу. Сделаем это по аналогии с радиокругом. На этот раз нам понадобится преобразовать HTML символ? ✓.

Input:checked + label:before { content: "\2713"; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); font-size: 15px; color: #f3f3f3; text-align: center; line-height: 15px; }

В итоге, вот что у нас должно получиться:

Итоги

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

a! Часто ли Вы создаете различные формы, опросы на своих сайтах? Если да, то наверняка Вам хотелось изменить стандартные элементы. В этой статье покажу как можно легко и просто заменить стандартные элементы checkbox (флажки) и radio button (переключатели) на свои. Использовать будем средства только CSS3 !

То что получилось посмотрите и опробуйте на демо-странице или скачайте исходники:

HTML разметка

Расположим элементы на странице:

Здесь ничего особенного, каждому элементу задаем id и name , также используем label для описания элементов «переключателя» и «флажка». Внутрь тега label , вставляем span . Для чего именно, написано ниже.

Правила CSS

Сейчас начинается самое интересное. Разберем создание только элемента «флажок», «переключатель» формируется аналогичным путем. Первое что мы делаем, это скрываем стандартный флажок из виду:

input[ type= "checkbox" ] {
display : none ;
}

Теперь, становится ясно, для чего нужен элемент span . Вместо скрытого стандартного флажка организуем новый, используя span :

1
2
3
4
5
6
7
8
9

input[ type= "checkbox" ] + label span {
display : inline-block ;
width : 19px ;
height : 19px ;
margin : -1px 4px 0 0 ;
vertical-align : middle ;
background : url () left top no-repeat ;
cursor : pointer ;
}

С помощью CSS селектора выбираем все span внутри тега label , которые принадлежат элементам input с типом checkbox (т.е. выбираем все «флажки»). И используем вот такой спрайт (одно общее изображение, вместо множества):

Для выбранных span задаем высоту и ширину в 19px , и располагаем фоновое изображение.

Осталось только организовать правило для активного «флажка» (псевдо-селектор :checked ). Для этого просто смещаем данное изображение влево на 19px :

input[ type= "checkbox" ] : checked + label span {
background : url () -19px top no-repeat ;
}

Вот таким не хитрым способом, с применением нескольких тактик можно организовать на сайте, элементы на свой вкус. Для «переключателей» правила выстраиваются подобным образом, только соответственно фоновое изображение смещается еще на 19px и немного изменятся css селектор, вместо type=»checkbox» используется type=»radio» .

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

Давайте рассмотрим 9 лучших фреймворков с помощью которых вы сможете создавать удивительные адаптивные сайты.

1. Symfony 2

Этот фреймворк определенно не для новичков. Со всеми его многочисленными функциями моделей, объектов, маршрутов, контроллеров он может показаться сложным. Но если у вас есть солидный объем знаний по PHP и HTML , можно создавать с его помощью невероятные веб-приложения.

Symfony — это открытый проект, размещенный на GitHub , и более 300 000 программистов работали и улучшали свой код с его помощью.

Symfony 2 состоит из набора многоразовых PHP-компонентов , которые легко устанавливаются на большинство платформ. И, как известно, он очень стабилен и гибок.

2. Phalcon

Это фреймворк, написанный на C , самая быстрая PHP-платформа. Он предлагает большое количество новейших функций, таких как маршрутизация, просмотр шаблонов, кеширование и ORM , контроллеры, язык запросов и т. д.

Phalcon всегда на шаг впереди конкурентов благодаря низким системным требованиям, которые позволяют использовать намного меньше ресурсов. А также за счет внедрения зависимостей, наборам помощников PHP , PSR-4 автозагрузчику и продвинутым функциям маршрутизации. Он подходит неопытных пользователей, так как на его изучение не уходит много времени. Вот какой фреймворк нужно выбрать в PHP .

3. Laravel

Laravel — самый популярный фреймворк 2016 года. Это также и самый простой для изучения фреймворк. Самой мощной его функцией является собственный механизм шаблонов, называемый «Blade », который не потребляет дополнительных ресурсов на вашем сайте.

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

4. Yii

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

Когда речь заходит об обеспечении безопасности, Yii работает просто удивительно . Gii , доступный в рамках Yii , это мощный генератор кода. Благодаря ему вы можете легко создавать формы, модули, CRUD , модели и т. д.

5. CodeIgniter

Надежный полнофункциональный инструмент для создания веб-приложений. Он занимает всего 2 МБ места на диске, а руководство для пользователей подробно описывает компоненты, благодаря которым можно легко обойти сложный MVC .

CodeIgniter предоставляет инструмент подстановки с шаблонами и плагинами.

6. Cake

Наш рейтинг фреймворков PHP продолжает современная среда, которая также поддерживает 9 языков, хотя она была выпущена еще в 2005 году. CakePHP 3.3 позиционируется, как мощный фреймворк.

С его помощью даже начинающие программисты смогут создать визуально привлекательные сайты. Фреймворк шаблон MVC , который представляет собой модельную поддержку для более эффективного управления данным. А также функции ORM и множество компонентов, плагинов и помощников.

CakePHP больше всего подходит для коммерческих сайтов и не требует конфигурирования, так как не содержит сложных файлов YAML или XML .

7. ZendPHP

Данный фреймворк был выпущен 9 лет назад, и до сих пор не теряет актуальности. Это объектно-ориентированный фреймворк, поэтому лучше всего использовать его для наследования или интерфейсов. Его последняя версия оптимизирована под PHP7 , но также прекрасно поддерживается и PHP 5.5 .

Zend заменил стек MVC более простой альтернативой, построенной на шаблонах промежуточного программного обеспечения, таких как Apigility .

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

8. FuelPHP

Fuel рекомендован, как для начинающих, так и для профессионалов. Это популярный фреймворк PHP , который поддерживает HMVC . Он признан во всем мире за свою простоту, гибкость и современные функции.

Его авторы подготовили мощный раздел документации , чтобы разработчики могли создавать профессиональные сайты с использованием чистого синтаксиса. Фреймворк характеризуется расширенными возможностями импорта, так как любой пользователь может работать с Fuel с любого сервера.

9. Slim

Гибкий PHP-фреймворк , который можно отнести к категории микрофреймворков. Он поставляется с оптимизированным маршрутизатором, функцией рендеринга шаблонов с пользовательскими представлениями, безопасными куками, функциями мгновенных сообщений, кеширования HTTP , обработки ошибок.

На этом наш список лучших PHP фреймворков для создания адаптивных сайтов заканчивается. Теперь вы должны понимать, что качество создаваемых сайтов определяется не только уровнем вашего мастерства, но и правильным выбором фреймворка.

Перевод статьи «9 Best PHP Frameworks to Build Awesome Responsive Websites » дружной командой проекта .

Выбор правильного фреймворка для проекта на PHP - первый шаг для его успешной реализации. Из нашей статьи вы узнаете о лучших PHP-фреймворках 2016 года.

Slim

Slim - микрофреймворк, идеально подходящий для небольших проектов или приложений, где полноценный фреймворк покажется лишним. Его используют многие PHP-разработчики для создания RESTful API и сервисов. Среди функций Slim - кэширование HTTP на стороне клиента, URL-маршрутизация, шифрование сессий и cookie, а также мгновенные сообщения по HTTP-запросам. Документация полная и сделана качественно.

Phalcon

Phalcon был создан в 2012 году и быстро стал популярным среди PHP-разработчиков. Его считают очень быстрым, так как он написан на C и C++, чтобы достигать наивысшего возможного уровня оптимизации производительности. Но не волнуйтесь, учить С не придется - вся функциональность заключена в PHP-классы, которые можно использовать для любых целей.

Так как Phalcon изначально был создан как расширение на С, его архитектура оптимизирована на низком уровне, что значительно снижает расходование ресурсов, типичное для приложений, основанных на схеме MVC. Phalcon не только повышает скорость выполнения, но и снижает уровень затрат ресурсов. У этого PHP-фреймворка есть и много других замечательных функций: универсальный автозагрузчик, менеджмент ресурсов, безопасность, перевод, кеширование и т. д. Документация для Phalcon довольна обширна, а использовать его несложно.

Интересный факт: еще в году Phalcon был вторым по популярности фреймворком, согласно данным sitepoint.com. А уже в 2015-м он заметно сдал позиции и переместился ближе к концу списка.

CakePHP

Фреймворку CakePHP уже десять лет, а он все еще в топе. Работе с ним легко обучиться, а шаблонирование - быстрое и настраиваемое. Встроенная функция CRUD очень помогает при взаимодействии с базой данных. В последнем релизе - CakePHP 3.x - улучшилось управление сессиями и модульность (они разъединили несколько компонентов), а также расширились возможности создания большего количества отдельных библиотек.

Среди проектов, реализованных на CakePHP, - сайты BMW и Hyundai . Выбирайте его, если вашему веб-приложению требуется высокий уровень безопасности, потому что функций для этого здесь предостаточно:

  • валидация ввода;
  • Защита от атак с использованием внедряемого SQL (SQL injection);
  • предотвращение межсайтового скриптинга;
  • защита от подделки межсайтовых запросов и многое другое.

Zend Framework 2

Zend Framework 2 - фреймворк с открытым исходным кодом, использующийся для разработки веб-приложений и сервисов на PHP 5.3+. Он использует на 100% объектно-ориентированный код и большинство новых функций PHP 5.3: пространства имен, позднее статическое связывание, лямбда-функции и замыкания. Zend - надежное решение со множеством вариантов конфигурации. Обычно его не рекомендуют использовать для небольших приложений, а вот для крупных проектов это самое то.

Среди функций Zend Framework 2: инструменты криптографического кодирования, простой в использовании drag-and-drop-редактор с поддержкой фронтенд-технологий (HTML, CSS, JavaScript), мгновенная онлайн-отладка, инструменты для unit тестирования, мастер конфигурации базы данных. Создатели этого фреймворка учли методологию Agile, что позволяет создавать высококачественные приложения для корпоративных клиентов.

В партнерах Zend - IBM, Microsoft, Google и Adobe. Год назад Zend объявил о следующем крупном релизе - Zend Framework 3, оптимизированном под PHP 7, но все еще поддерживающем PHP 5.5 и выше. Все ждали новинку еще осенью 2015-го, но и сейчас, в апреле 2016-го третьей версии все нет.

Yii 2

Выбирайте Yii , чтобы повысить производительность сайта. Он быстрее всех остальных PHP-фреймворков, так как использует технологию загрузки по требованию (lazy loading). Yii 2 полностью объектно-ориентированный и основан на принципе Don’t-Repeat-Yourself («не повторяйся»), так что основа для кода будет чистая и логичная.

Yii 2 интегрирован с jQuery и поставляется с набором AJAX функций. Механизмы скиннинга и выбора тем здесь просты, так что фреймворк понравится тем, кто ранее занимался фронтенд-разработкой. Здесь также есть мощный генератор исходного кода - Gii , который способствует объектно-ориентированному программированию и быстрому прототипированию, а также предоставляет веб-интерфейс, в котором можно интерактивно генерировать нужный код.

PHPixie

PHPixie - сравнительно новый фреймворк, созданный в 2012 году для сайтов-визиток. Как и FuelPHP, PHPixie поддерживает схему HMVC. Он построен на независимых компонентах , которые можно использовать даже без самого фреймворка. Модули компонентов PHPixie полностью протестированы и требуют минимум других компонентов для своей работы.

На официальном сайте PHPixie есть обучающее видео, в котором заявляют, что обучиться работе с фреймворком вы сможете всего за полчаса . В их блоге также много практический кейсов. Среди функций:работа с БД на уровне объектов (ORM), кеширование, валидация ввода, аутентификация и возможности для авторизации. Можно использовать язык разметки HAML, легко вносить изменения в структуру БД, а также есть продуманная система маршрутизации.

Интересный факт о PHPixie: согласно исследованию Sitepoint 2015 года, это любимый фреймворк украинских PHP-разработчиков. Компания «Культпросвет» тоже находится в Украине, но мы почему-то не можем поставить этот фреймворк на первое место, рука не поднимается. PHPixie также популярен среди группы респондентов до 18 лет. Мы думаем, это благодаря картинке с феечкой на сайте:D

CodeIgniter

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

CodeIgniter не совсем опирается на схему MVC. Использование контроллеров обязательно, а моделей и представлений - нет, так что можно применять собственные стандарты оформления кода и найменований. Этот фреймворк подойдет тем, кому тесно в рамках, - тут море свободы. По сути это простой фреймворк на 2 МБ, но при желании можно добавлять сторонние плагины, если требуется более сложная функциональность.

Symfony 2

Компоненты фреймворка Symfony 2 используются во многих замечательных проектах, например , phpBB и Laravel - (внимание, спойлер!) победителе нашего рейтинга. Symfony может гордиться обширным сообществом разработчиков и большим количеством преданных поклонников.

Компоненты Symfony - это PHP-библиотеки, которые можно использовать повторно и выполнять с их помощью множество задач: создание форм, конфигурацию объектов, маршрутизацию, аутентификацию, создание шаблонов и много чего еще. Любой компонент можно установить с помощью Homestead , которая по сути является надстройкой над Vagrant.

Сравнительная таблица PHP-фреймворков

Laravel Symfony 2 Codeigniter PHPixie Yii 2 Zend Framework 2 CakePHP Phalcon Slim Fuelphp
требуемая
версия php
5.5.9 5.5.9 5.4 5.3 5.1.0 5.3 5.5.9 5.3 5.5 5.3.3
ТИПы
поддерживаемых
баз данных
MySQL Postgress SQLite SQL Server MySQL
Postgress
SQLite
Qracle
MySQL
Postgress
MySQL
PostgreSQI
SQLite
MongoDB
MySQL
Postgress
Qracle
Sqlite
MySQL
SqLite
SQL Server Oracle Postgress
MySQL
SQLite Postgress
SQL server
Oracle
MySQL
SQLite Postgress
Oracle
MySQL
SQLite Postgress
Oracle (через
плагин
Slim-PDO)
MySQL
SQLite Postgress
Облачное
хранилище
Amazon S3
Rackspace
Amazon S3
(плагин)
Amazon S3
(плагин)
- Amazon S3 Amazon S3
Rackspace
Windows Azure
Amazon S3
(плагин)
Amazon S3
(плагин)
- Amazon S3
(плагин)
документация на
официальном
сайте
Пошаговое
руководство,
справка по API, видеоуроки
Пошаговое
руководство,
справка по API
Небольшое
пошаговое
руководство,
справка по API
Пошпговое
руководство
Пошаговое
руководство,
справка по API
Пошаговое
руководство,
подробная справка
по API с