Loading

3D меню для сайта со смещением на CSS3 и HTML

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

Создаем эффект снега с эффектом параллакса

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

Переносим описание (description) категорий в OpenCart

Переносим описание (description) категорий в OpenCart

Студия дизайна «Движок» в данной небольшой статьи опишет как разместить описание категорий в нижнюю часть страницы (под товары). При этом фотография раздела и его название останется сверху. Пример магазина сделанного студией — где именно такое размещение.

Какой язык программирования выбрать новичку: инфорграфика

Какой язык программирования выбрать новичку: инфорграфика

Студия дизайна и веб-разработки «Движок» нашла перевод крутой инфографики Which Programming Language Should I Learn First. Здесь наглядно, в виде простого алгоритма показаны варианты выбора языка программирования, с учетом того, что выбирает новичок в IT. Программирование определяется как «написание очень...

9 отличий адаптивного дизайна от «резинового»

9 отличий адаптивного дизайна от «резинового»

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

20 обучающих YouTube-каналов по веб-разработке на русском языке

20 обучающих YouTube-каналов по веб-разработке на русском языке

Если вы решили стать веб-разработчиком, но не знаете, с чего начать, предлагаем пойти самым простым и распространенным способом — учиться на YouTube. Здесь можно найти уйму полезной информации, причем абсолютно бесплатно. Вам все расскажут (иногда даже доступным человеческим языком), а...

Полезные трюки по CMS Wordpress

Полезные трюки по CMS WordPress

Студии дизайн «Движок» нравится WordPress, но не все из нас готовы принять все его настройки по умолчанию — в частности, то, как отображаются Записи. Сегодня мы сконцентрируемся на трюках, которые вы можете использовать для улучшения отображения вашего WordPress поста. Хотите...

Создаем итересную игру с встиле Warehouse

Все мы знаем, что разработчики в сфере веб-верстки заходят за грани привычным нами граней, и создают удивительные примеры, к примеру: игры, анимации или объемные модели. Сегодня мы бы хотели вам рассказать, и показать как создать замечательную игру для создания которой нас вдохновила легендарная warehouse. Логическая игра которая заставит пользователя погрузиться в игровой процесс. Идея состоит в…

Создаем анимированный футер для сайта на CSS

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

Создаем адаптивный слайдер с помощью SVG

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

Дизайн радио-проигрывателя для сайта на CSS3

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

Большой список 100+ ресурсов где можно найти финансирование для вашего социального проекта

Большой список 100+ ресурсов где можно найти финансирование для вашего социального проекта

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

Что делать, если греется ноутбук?

Что делать, если греется ноутбук?

Хотя бы раз в жизни каждый владелец ноутбука узнавал о нагреве или перегреве компьютера. Когда большое количество деталей спрятано в небольшой «коробке» без достаточного места для воздуха, нагревание неизбежно. Учитывая, что некоторые ноутбуки имеют теплопроводящий корпус из алюминия или другого...

Приятные фичи для Opencart часть 2

Приятные фичи для Opencart часть 2

В данной статье наша студия веб-разработки «Движок» решила собрать основные настройки, советы, фичи которые накопились при опыте создания Интернет-магазинов на CMS Opencart. Это продолжение первой части фичей. Надеемся это будет полезно. В данной статье Вы найдете: ускоряем обработку кода на...

Посторонние баннеры на сайте. Вирус на сайте Opencart

Посторонние баннеры на сайте. Вирус на сайте Opencart

В студию разработки сайтов «Движок» обратился заказчик. У него в магазине который был создан на CMS Opencart 1.5.5 на сайте появился новый стиль внизу страницы появился вредоносный-рисунок ссылка (Myopencart.net is coming soon). было понятно что на сайте вирус. В данной...

Как создать семантическое ядро сайта

Студия «Движок» которая занимается продвижением сайтов — решила написать небольшую статью про сервисы которые помогут Вам — создать правильное семантическое ядро сайта. То есть список поисковых запросов по каким будет проводится Продвижение сайта.

Обновление CMS Opencart 1.5.x.x на 1.5.5.1.2

Обновление CMS Opencart 1.5.x.x на 1.5.5.1.2

Студия разработки сайтов «Движок» в этой небольшой статьи хочет рассказать как обновлять «движок» для создания Интернет-магазинов Opencart. Мы опишем простые шаги как правильно сделать upgrade opencart.

Графические символы UTF-8

Графические символы UTF-8. Коды Юникод (таблица специальных символов, значки, звездочки, циферки)

Графические символы UTF-8 обязательно понадобятся для визуализации на сайте. Или просто для забавных статусов в соц.сетях. ❄-🍊-🎄-🎁-🎅-✅ ✅-⭐-⭐-⭐ -🚻-➡ — 👰-💥-‼-✔ — ♦ — ✖ — ♈ -♉ -♊ -♋ -♌ -♍ -♎ -♏ -♐ -♑ -♒ -♓

читать полностью

Скрыть частично текст на сайте (читать полностью). При этом, что бы он индексировался

Для своего Интернет магазина Respectum наша дизайн студия «Движок» решила seo-текст внизу страниц сделать в скрытом варианте. В спойлере, но так что бы поисковые роботы индексировали текст. Все сделано через скрипт.

Авторизация
*
*
Войти с помощью: 
Регистрация
*
*
*
Войти с помощью: 
Генерация пароля