Переходы и анимация. Css-анимации

Фреймворки

Фреймворк (неологизм от англ. framework — каркас, структура) — программная платформа, определяющая структуру программной системы; программное обеспечение, облегчающее разработку и объединение разных компонентов большого программного проекта. Употребляется также слово «каркас», а некоторые авторы используют его в качестве основного, в том числе не базируясь вообще на англоязычном аналоге.

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

• Всем нам очень часто при создании сайтов приходилось использовать сторонние библиотеки с Интернета (css). Многие из таких библиотек которые приходилось использовать в проектах – вы выделяли в отдельную папку и перемещали от проекта к проекту. Если вам знаком данный подход, тогда вы подсознательно нуждались в фреймворке.
• Сам фреймворк предлагает нам уже встроенные классы для. Все эти классы можете легко использовать во всех ваших проектах, при этом их подключение и использование будет максимально простым!
• Еще один из плюсов - структурирование архитектуры вашего сайта. Фреймворк содержит в себе перечень стандартных папок в которых предполагается что вы будете размещать необходимые части вашего приложения (отдельная папка для стиля, js, картинок). Поверьте, это действительно плюс, потому что позволяет вам поддерживать все файлы в порядке на нужных местах!

Попу­ляр­ные фрейм­ворки для веб-раз­ра­ботки

• Попу­ляр­ные php-фрейм­ворки:
• Yii
• Symphony
• Zend
• Kohana
• CodeIgniter
• Наи­бо­лее попу­ляр­ные ruby-фрейм­ворки:
• Ruby on Rails (явный лидер)
• Sinatra
• Padrino

• Попу­ляр­ные java-фрейм­ворки:
• Spring MVC
• JSF
• GWT
• Попу­ляр­ные python-фрейм­ворки:
• Django
• Plone
• Twisted
• Flask
• Tornado
• Фрейм­ворки от Microsoft (муль­ти­я­зы­ко­вые):
• ASP.NET (ASP.NET MVC) и. Net Framework

Framework-и для адаптивного дизайна

• Адаптивный дизайн – это построение вебсайта с разметкой на базе сетки, масштабируемыми изображениями и медиазапросами, как его описывает Итан Маркотт (Ethan Marcotte). После того, как он дал определение этой технике, начали появляться framework-и адаптивного дизайна, объединяющие эти принципы. Основанные по большей части на CSS и JavaScript’е, многие из них с открытым кодом, их можно бесплатно скачать и легко модифицировать под себя.
• Самые популярные сейчас – это Bootstrap и Foundation
• Веб-сайт американского модерниста Пола Рэнда (Paul Rand) был создан с помощью Foundation. http://www.paul-rand.com/
• Веб-сайт ресторана греческой кухни Grk построен с помощью Bootstrap.

http://www.grkfresh.com/home

Несколько популярных в стиле MDL

• https://www.getmdl.io/index.html отсутствует большое количество элементов для функционала сайта, приходится дорабатывать при помощи сторонних библиотек
• https://material.angularjs.org сыроват, присутствуют баги.
• http://kearlsaint.github.io/material-css/ Более сложный, больше функционала
• http://iamsurface.com/docs/tabs.html Более легкий, меньше каши в коде, более стандартный код с классами
• https://www.polymer-project.org/1.0/ хорошо подойдет в качестве движка компонентов и анимаций.
• http://materializecss.com/grid.html Даже есть перевод на русский, довольно легкий. (РЕКОМЕНДОВАНО)

Знакомимся с http://materializecss.com/grid.html

Задание

Сделать 3 сайта на разные темы. Темы вы выбираете сами. Стиль оформления MDL. Далее пригодится для портфолио!

При разработке сайта используем фреймворк: materializecss.com.

жүктеу/скачать 0,79 Mb.

Достарыңызбен бөлісу: