Lecaw

Учимся создавать Web-сайты

Главная - Lecaw

Плоский дизайн - это концепция в дизайне, которая была популярна много лет назад, а теперь снова возвращается.

Для модернизации новых сайтов использовалась плоская схема дизайна, тенденция проявляется практически везде, как на сайтах так и в дизайне приложений.

Зачем использовать эту библиотеку, когда есть множество других похожих библиотек? Мы создали эту библиотеку, потому что другие не предоставляли всех необходимых нам функций, здесь мы установили возможность глубокой настройки без переписывания кода. У некоторых библиотек присутствует огромное количество условных выражений, у некоторых были узкие рамки настроек. После того как мы рассмотрели большое количество существующих решений, было определено, что в плагине должен присутствовать гибкий API, чтобы можно было создать любой вид jQuery таймера или jQuery часов (и большим плюсом будет Flip эффект). Ниже приведены необходимые требования, которые были рассмотрены при создании API.

Сегодня я хочу поделиться некоторыми простыми hover эффектами при наведении для иконок. Идея состоит в том, чтобы создать тонкий и стильный hover эффект, используя CSS переходы и анимацию с псевдо-элементами. Для иконок мы используем шрифт (Eco Ico by Matthew Skiles, созданный при помощи приложения IcoMoon), который мы устанавливаем при помощи псевдо-класса :before.

Pure - CSS фреймворк который содержит несколько небольших, адаптивных модулей, которые можно использовать в любом веб-проекте.

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

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

Сегодня я расскажу Вам, как создать адаптивное навигационное меню, используя только CSS3. Как вы знаете, многие люди используют Интернет с мобильных устройств (таких как iPad, iPhone или Android). И важно чтобы эти пользователи, могли с комфортом посещать Ваш сайт. Вы можете найти, некоторые способы реализации адаптивного меню, но большинство из них используют jQuery или JavaScript. Но сегодня я покажу Вам, как создать адаптивное меню без использования JavaScript.

Если вы ищете полнофункциональный визуальный редактор - наш пост будет для Вас очень полезен. Я провел исследование существующих визуальных WYSIWYG  редакторов и выбрал лучшие из доступных решений. Термин "WYSIWYG" расшифровываться как “What You See Is What You Get”. Это система (редактор), в котором содержание (таблицы, текст, изображения и т.д.) отображается на экране в реальном времени, соответствующий внешний вид при печати или отображается в виде готового результата (как пример - веб-документ, печатная копия или даже презентация).

В этом уроке мы вернемся к практическим занятиям по HTML5. Я покажу вам, как создать панель для рисования которая вращается вокруг своей оси (на объекте HTML5 canvas). Каждая из ваших нарисованных фигур будет вращаться в псевдо 3D режиме. Здесь определяются два объекта (прототипы): точка и форма (каждая фигура состоит из нескольких точек). Основная идея - спроектировать и вращать точки фигур, а также нарисовать кривую линию между этими точками.

Страница 6 из 22