Новости

Как правильно применять в JavaScript асинхронные функции: примеры работы с ES 2017
От автора: возможность писать на JavaScript асинхронные функции является важным обновлением в ES2017. Что такое асинхронные функции? Асинхронные функции — это функции, которые возвращают promise. Мы

WordPress JavaScript — как правильно подключить файл скрипта к шаблону сайта
Использование в шаблонах WordPress JavaScript скриптов давно стало обычным делом. Их подключение возможно несколькими способами, начиная с классического варианта с использование голого HTML. Но чтобы все

Как исправить JavaScript error "ВКонтакте"? Что делать при ошибках JavaScript в "ВКонтакте"?
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Правильное использование Tor Browser
Tor Browser полностью анонимен – Миф или реальность? Многие считают, что Tor — это полностью анонимное и безопасное средство для интернет-серфинга, которое не дает никому возможность контролировать то,

Javascript error object is not a function вконтакте как исправить
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Как исправить ошибку javascript error вконтакте
На сегодняшний день «Вконтакте» является наиболее удобным русскоязычным ресурсом, который представляет собой не только крупнейшую социальной сеть, но и сервис для просмотра видео и прослушивания аудиозаписей.

Что такое JavaScript и для чего он используется?
Подробности декабря 10, 2015 Просмотров: 20225 В интернете миллионы веб-страниц,

Практика javascript синтаксис написания
Javascript — это язык программирования, который активно используется для построения динамических веб страниц. Собственно с этой целью он и был изобретен. У нашего с вами языка еще есть такое интересное

JavaScript учебник
Код функций в JavaScript начинает выполнение после их вызова. Функции являются одним из наиболее важных строительных блоков кода в JavaScript. Функции состоят из набора команд и обычно выполняют

Рекомендации решившим начать изучать JavaScript
Если вы решили начать изучать JavaScript , то эта статья для вас. Надеюсь, что её прочтение избавит вас в будущем от множества ошибок и сделает его изучения более простым, быстрым и эффективным. В статье

40+ лучших дизайнов сайтов о еде и кулинарии

Опубликовано: 01.09.2018

У тех, кто готовит обеды и вкусные лакомства, обычно есть любимый сайт о еде и кулинарии. Фуд-ниша активно осваивается, но всегда остается спрос. Нередко, блог о приготовлении вкусных блюд, перерастает в кулинарный портал… к примеру . Из множества сайтов с поварскими советами всегда можно выбрать наиболее крупный… к примеру1 , к примеру2 , с формализованным содержанием рецептов (сжато-лаконично объясняющих порядок приготовления)… к примеру или пошагово / подробно описывающий блюда и поварскую кухню. Но, прежде чем  поделиться полезным рецептом, кулинарный сайт или блог должен сперва привлечь внимание и заинтересовать пользователя (дизайн-оформлением / красивым контентом / дружественный интерфейсом).

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

Кулинарные сайты с красивым дизайном

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

L’atelier des Chefs

Крупный посещаемый сайт кулинарной тематики

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

The Rawtarian

Популярный вегетарианский сайт с рецептами живой кухни от автора книги Cook Lively (2017 год) и мобильных приложений о сыроедении.

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

Food Curated

Обладателеьница награды Webby Award, Liza Mosquito из Нью-Йорка основала сайт в 2009-м.

Плоский дизайн для food-сайта это отличное решение, чтобы ярко представить себя, искусство готовить, предлагаемый товар и кулинарный контент (поварское видео, крупные аппетитные изображения блюд).

Ms.Michelle’s

Персональный сайт Ms.Michelle’s с кулинарными рецептами.

Автор начинала деятельность на кулинарном рынке с 2004 года в качестве фуд-инструктора. Она открыла свое кафе, овладела секретами безглютеновой выпечки и предлагает ее оценить на персональном продающем сайте о кулинарии.

Eat Right

Красиво оформленный сайт академии питания и диетологии (Academy of Nutrition and Dietetics), основанной в 1917 г.

Единый фирменный стиль используется в дизайне проектов PRO и STORE (логотип, фирменные сочные цвета, hover-эффект в стиле material design).

Chowhound

Старейший интернет ресурс кулинарной направленности основан в 1997 году. Основная аудитория из англоязычных стран.

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

Вкусно Же

Российский кулинарный сайт

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

FOODNEWS-PRESS

Интернет журнал о том, как правильно питаться, чтобы быть в форме.

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

The Pioneer Woman

Сайт беспробудной домохозяйки из сельской местности (USA) имеет кулинарный уклон.

Красивый адаптивный дизайн. Благодаря хорошо организованному меню , навигация по сайту проста на любом устройстве.

Simply Recipes

В 2003 году Elise Bauer, работая в Силиконовой долине на руководящей должности, нашла время завести этот food-сайт.

Навигация на главной странице напоминает фильтр по ингредиентам и критериям. На внутренних страницах появляется вертикальное меню аккордеон, раскрывающееся по клику.

Сайты фуд-бизнеса и продуктовых линеек

Некоторые компании занимающиеся фуд-бизнесом, имеют свой фирменный кулинарный сайт. Его продуктовые страницы и разделы о полезной еде или с рецептами, могут послужить образцом дизайна. Также важны: продающее и обучающее видео / визуальный контент / привлекательные заголовки-призывы, все что создает нужное эмоциональное настроение.

Foodlovers.filippoberio.com

Продуманность – пожалуй, главная особенность сайта, представляющего компанию. Хотя оригинальность и красота дизайнерских решений тоже впечатляют.

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

Indilight

«ИНДИЛАЙТ» это бренд крупнейшего российского с/х холдинга с продуктовой линейкой деликатесов из мяса индейки.

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

Популярные кулинарные порталы

В современном Интернете наметилась тенденция к росту количества развитых порталов. Тематику приготовления вкусных блюд, это направление не обошло стороной. Портал о еде, это не просто платформа публикации поварских рецептов. Крупный тематический ресурс, такой как eater.com , всесторонне охватывая нишу кулинарии, по максимуму удовлетворяет интересам аудитории. Другой вариант – широкая, но связная тематика (жизнь, дом, диеты …) с кулинарными рецептами, как eva.ru или журнал для женщин passion.ru . Для рассмотрения, примеры зарубежных и русских food-порталов, имеющих практически полезную значимость и сумевших привлечь внимание публики.

Кулинарион

Кулинарион – развивающаяся в Европе и Азии кулинарная студия. Ее сайты располагаются в различных доменных зонах с неймингом Culinary On (стартовая страница culinaryon.com)

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

The Daily Meal

Этот кулинарный портал по производимому контенту и его полноте превосходит многих.

Всесторонне охвачена ниша кулинарии с такими разделами как: лучшие рецепты, напитки, развлечения, путешествия. Затрагиваются темы полезной кухни, похудения, питания на отдыхе, мифы-факты диет – все, что сегодня актуально и интересно целевому посетителю.

Гастроном

Известный российский фуд-портал.

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

Eda / school

На микросайте реализована интерактивная поварская школа, обучающая авторским методикам в режиме онлайн.

Страницы оформлены качественным фоновым видео и фото во весь экран. Еда Ру внедряет новый дизайн с возможностью пользоваться старой версией. Спец-проекты портала привлекают внимание лендинговым оформлением.

Kuking

Старейший кулинарный портал функционирует с 2000 года.

Широко представляет рецепты своей аудитории (не только из рунета). Интерес к публикуемым рецептам и ресурсу стимулируется опросами, отзывами, обсуждениями на форуме. Хорошо структурированы тематические разделы.

Едим дома

Популярный в рунете кулинарный портал с мощным функционалом фильтров в каталогах рецептов.

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

Готовим дома

Российский кулинарный портал с упорядоченной и формализованной структурой контента.

Судя по комментариям вида «Очень вкусно, быстро и самое главное так просто», больше всего впечатляет последнее. Логично предположить, пользователь не мечтает столкнуться с громоздкой структурой и таким-же описанием. Структури́рованный   контент (ингредиенты, общая информация, фотоотчеты…) и формализованные лаконичные тексты рецептов повышают интерес к сайту (глубину просмотра). Навигация сконцентрирована в хедере и футере, а в центре – панель ссылок для перемещения по странице.

Escoffier

Образовательный портал о кулинарии.

Яркий выразительный дизайн в плоском стиле. Удачно подобраны цветовые и шрифтовые контрасты.

The Spruce

Посещаемый и хорошо просматриваемый портал широкой тематики.

Плиточный дизайн в стиле Material с геометричными элементами UI, выполнен в пастельных цветах. Занимательные анимации и рисунки от руки (тех же оттенков) развлекают пользователя в начале, середине и подвале страницы. Красиво реализовано меню-гамбургером.

Serious Eats

Портал поддерживает команда издателей собственных рецептов классической домашней кухни.

Разнообразный контент о еде, свойствах напитков и продуктов с разнообразием рецептов – от приготовления коктейля до копчения в гриле. Плоский дизайн с карточками на страницах разделов и главной.

Food52

Популярный в буржунете кулинарный портал с интернет–магазином .

Здесь широко охвачена food ниша. Компактный ресурс с приятным дизайном привлекает мягкими цветами, простым удобным интерфейсом. Просто – выбери рецепт, прочти и готовь! Аудитория, которая ценит эту ненавязчивость, составляет почти четверть миллиона посетителей в день.

Блоги о еде (с кулинарными рецептами)

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

Готовим вместе

Русский кулинарный блог с дизайном под ретро.

Красочное оформление винтажными элементами и тематической иллюстрацией в шапке. Все рецепты последовательны, фото на каждом шаге.

Memorie di Angelina

Блог о секретах итальянской кухни.

Блог оформлен под ретро. Фуд-контент упорядочен, есть глоссарий терминов национальной кулинарии.

Local Milk Blog

Фуд-блог разработчика кулинарных рецептов, фотографа и стилиста.

Елизавета Кирби создала на своем персональном сайте bethkirby.com, в отдельным разделе и домене кулинарный блог. Local Milk Blog имеет уникальный минималистичный стиль с акварельным дизайном шапки и полупрозрачным липким меню навигации.

Deliciously Ella

Хорошо посещаемый кулинарный блог с e-commerce функционалом.

Доменное название соответствует продаваемой автором книге о вкусной и здоровой пище «Deliciously Ella». На своем блоге о полезной кухне она делится безопасными рецептами для потенциально вредных блюд. В красивом адаптивном дизайне использованы контрастные шрифты и призрачные кнопки .

Lavender and Lovage

Кулинарный блог фрилансера, фуд-райтера и разработчика рецептов.

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

Follow Me Foodie

В travel-блоге про еду автор пишет о кулинарных увлечениях и путешествиях со вкусом.

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

Kochbar

Немецкий блог с рецептами и видеорецептами, разделом для сообщества.

Приятное цветосочетание зеленого и оранжевого придает свежести выразительному дизайну.

Budgetbytes

Популярный в англоязычном сегменте интернета кулинарный блог.

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

Твой Поваренок

Красочно оформленный российский кулинарный блог.

Фуд-блог имеет выпадающее меню навигации. кулинарный словарь и каталог диет.

Arborio

Блог российского кулинара и фотографа с красивым выразительным дизайном.

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

rss