Веб дизайн за 4 минуты

Скажем у вас есть продукт, портфолио, или просто идея которой вы хотите поделиться со всеми на своем собственном сайте. Перед тем, как опубликовать её в Интернете, вы хотите чтобы она выглядела привлекательно и профессионально.

Продолжить

CSS Эффекты при наведении элемента Caption

Сегодня я хотел бы показать вам, как создать несколько стильных эффектов при наведении для элемента caption. Идея состоит в том, чтобы создать сетку и применить к ней различные эффекты при наведении, которые будут содержать заголовок, автора и кнопку. Для некоторых эффектов, будем использовать 3D transforms.

Продолжить

Обзор Pure.css / Альтернатива Bootstrap

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

Продолжить

Как установить свой шаблон на свой сайт Webflow / Уроки Webflow

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

Продолжить

Глубокое погружение в Axure RP 8: Часть 1 - Обзор / Скачать Axure

За каждым великим изобретением лежат десятки неудавшихся прототипов. Для Michele Ferrero потребовалось почти пять лет, чтобы усовершенствовать сферическую пластину до одних из самых узнаваемых конфет, которые носят его имя. Большинство великих продуктов или изобретений формируются со временем, и это также относится к веб-сайтам и программному обеспечению. Работаете ли вы с цифровыми продуктами или с шоколадными конфетами, макетирование играет важную роль в любом успешном проекте.

Продолжить

Креативные стили кнопок на CSS

Сегодня я хотел бы рассказать вам про некоторые интересные стили кнопок для вашего сайта. Этот набор состоит из простых, креативных кнопок с простыми стилями и эффектами. На определенных кнопках эффекты можно увидеть при наведении, на некоторых при нажатии. Главным образом используются CSS переходы, CSS анимация и для некоторых кнопок мы используем JavaScript для добавления/удаления классов.

Продолжить

Сочетание цветов: Красный дизайн сайта

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

Продолжить

Структурирование Sass: Скажите пока неоднозначности атомарного дизайна

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

Продолжить

Как создать адаптивную форму на Flexbox

В этом уроке я покажу вам как создать адаптивную форму при помощи Flexbox. Что самое интересное, Flexbox позволяет разрабатывать нашу форму без использования каких-либо медиа-запросов.

Продолжить

Вход

Уважаемый пользователь! Мы обнаружили, что вы используете AdBlock и вынуждены скрыть часть материалов на нашем сайте. Siteacademy существует и развивается за счет доходов от рекламы. Просим внести наш сайт в список исключений или отключить Блокировщик рекламы на нашем сайте.