Пять талантов, на которые стоит обратить внимание на Лондонской выставке-ярмарке 2019 года

Ярмарка возвращается в Лондон уже шестой год в ноябре, здесь Неделя дизайна говорит с куратором и соучредителем Аластером Эландом о тех, кто будет наблюдать за событием этого года. Автор Молли Лонг 4 октября 2019 г. 10:43 утра 4 октября 2019 года 10:45 утра Основанная в 2013 году, лондонская выставка-ярмарка была создана для того, чтобы дать…

Победители конкурсов на Freelance.Boutique за 19 сентября-3 октября 2019

Пришло время познакомиться с победителими конкурсов графического дизайна за последние две недели. Работы очень разнообразные и интересные. Убедитесь сами! Artist Graphic  Разработать логотип и фирменный стиль   Татьяна Козловская  Логотип и фирменный стиль для проекта Alyssa Светлана Конычева  Дизайн упаковки игрушек для девочек Ирина Протазанова  Необходимо создать яркий дизайн-макет этикетки для нового проекта по фасовке…

Сайты на базе топовой WordPress темы

Monstroid2 — самый популярный WordPress шаблон на маркетплейсе TemplateMonster. Веб-разработчики называют его мега-шаблоном, с которым можно создать современный сайт абсолютно любой тематики. И мы вам сейчас это покажем! Для этого мы собрали несколько успешных веб-проектов, разработанных на базе Monstroid2. Давайте посмотрим на прекрасные детища этой топовой WordPress темы! Печь «Охота»   Сайт для продажи универсальной…

Kinsta: хостинг на WordPress стал проще

Наличие сильного присутствия в Интернете жизненно важно для художников и дизайнеров, чтобы добиться успеха в постоянно конкурентной творческой индустрии. Но хотя построить красивый дом в WordPress относительно просто, поддерживать его в сети может быть непросто для тех, кто не знаком с методами работы в Интернете. До сих пор. Представляем Kinsta хостинговый сервис WordPress, который делает…

Какие тренды влияют на цвета, которые выбирают дизайнеры? — Новости

Отчет «Прогрессивные палитры» Джеймса Кроппера проливает свет на цветовые тренды для брендинга, упаковки и социальной сферы. Грядущий конец творческого года известен так называемыми «прогнозными тенденциями», руководителям от таких компаний, как Shutterstock и Getty, до дизайнеров с трюками в цветах, возможно, нужно знать о наступающем Новом году. Отрадным и вызывающим мысли противоядием является нечто вроде Прогрессивных…

Руководство по реализации темных режимов на веб-сайтах

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

Я добавил темы со смесью Javascript и CSS. В этом посте я шаг за шагом расскажу о том, как я это сделал и чему научился.

Установка

Темы активируются классами CSS в корневом элементе, . Когда страница загружена, я хочу применить тему, которая наиболее подходит посетителю (вам!) Лучше всего. В конце концов, большинству людей не нравится настраивать веб-сайты до того, как они смогут прочитать сообщение в блоге, поэтому вся функция создания тем, скорее всего, останется неиспользованной. Поэтому я должен сделать предположение о том, что посетитель хочет и ожидает. Я делаю это в следующем порядке:

  1. Я предполагаю, что люди не хотят, чтобы тема менялась при переходе между страницами. Поэтому, если загруженная страница — не первая, которую они посещают, я хочу использовать тему, которая использовалась ранее.
  2.   

  3. Если это первая страница, которую они просматривают на моем сайте, их браузер может определить их предпочтения.
  4.   

  5. Если предпочтения нет, мы можем основывать выбор на основании того, день это или ночь.

Я также хочу реагировать на изменения:

  • Когда тема изменяется в одной вкладке браузера, все остальные вкладки с веб-сайтом должны меняться вместе с ней
  •   

  • Когда посетители меняют свою ОС со светлой на темную или наоборот, веб-сайт должен реагировать на это.

Превращение этой логики в Javascript:

  
 1
2
3
4
5
6
7
8
9
  (  функция   initializeTheme   () {
   syncBetweenTabs   () 
   listenToOSChanges   () 
   enableTheme   (
     returnThemeBasedOnLocalStorage   ()   || 
     returnThemeBasedOnOS   ()   || 
     returnThemeBasedOnTime   (), 
     ложно  ) 
} ())  

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

Это базовая настройка, теперь давайте углубимся в детали!

Состояние сохранения и загрузки

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

Каждый раз, когда страница загружается, в текущей или новой вкладке, она проверяет, была ли тема установлена ​​ранее. Поскольку предпочтения для светлой или темной темы могут изменяться в течение дня, при каждом изменении я добавляю отметку времени к сохраненной настройке. Только когда состояние было сохранено менее двух часов назад, оно применяется:

  
 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
  function   returnThemeBasedOnLocalStorage   ()   {
   const pref = localStorage . getItem [1945934] 'предпочтения-тема' )
   const lastChanged = localStorage . getItem предпочтение-тематический последнее изменение " )
   пусть сейчас = новый Дата ()
   сейчас = сейчас . getTime ()
   const минутПройдено = ( в настоящее время -

ВОПРОС: Какой шрифт вы на самом деле?

Если бы вы описали себя как шрифт, какой бы вы выбрали? Вы традиционная, прямая середина, как Helvetica? Или вы немного нравитесь людям, как Джонстон 100? Учитывая, что в нашем руководстве о лучших бесплатных шрифтах для дизайнеров содержится около 80 стилей, существует множество вариантов на выбор. Чтобы помочь вам определить, какой шрифт лучше всего отражает вашу…

Скидки на 20 доменных зон!

Сегодня мы совсем щедрые, то есть невероятно. Целых 20 доменных зон можно приобрести и продлить с большой скидкой, смотрите. Там, кстати, даже есть .poker и .top, а еще .red и .promo. Разве это не промо? Такое у нас редко бывает, потому что мы бережливые и злые, НО – иногда и зайца можно научить курить. Бегите…

Что добавить на сайт для привлечения клиентов

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

«Это не организация, которая хочет стоять на месте» — новый генеральный директор D & AD Патрик Бургойн

Бывший редактор Creative Review заменит нынешнего генерального директора Тима Линдси в декабре и планирует продолжить миссию организации в области разнообразия. Автор Молли Лонг 27 сентября 2019 года 14:58 27 сентября 2019 года 14:58 Руководство по дизайну и искусству (D & AD) объявило о назначении Патрика Бургойна новым генеральным директором благотворительной организации, заменив нынешнего руководителя Тима…

Go to Top