Я в интернете

В Телеграм публикую анонсы на самые интересные заметки.

В Твиттер помимо ссылок на заметки пишу всякую ерунду.

По РСС и Джейсон-фид трансляции для автоматических читалок.

Если хотите, можете подписаться на рассылку или включить push-уведомления.

Обещаю не надоедать и не отправлять рекламу. 😉

Мой блог переехал на главную страницу. В архиве новые заметки больше публиковаться не будут.
7 заметок с тегом

#веб

Daily UI. Day 4. Calculator

На данный момент это моя любимая работа из серии Daily UI.

Calculator

Нужно было придумать интерфейс калькулятора.

Первый вариант:

Финальный вариант:

Итоги

  • Сетка в фигме — это круто и удобно, но при работе с ней обнаружилось множество нюансов
  • Некоторые элементы выглядят неровно
  • Обнаружил, что Daily UI не присылают задачи в выходные дни
 Нет комментариев    28   1 мес   #веб   #челлендж

Daily UI. Day 3. Landing Page

Сегодня работу делал очень долго — постоянно отвлекался на разные дела.

Landing Page

На эту простенькую работу потратил почти весь день (чтобы идею найти). Реализация заняла всего 30-40 минут:

Итоги

  • Неплохо, хотя я ожидал, что могу сделать что-то более крутое
  • Долго
 Нет комментариев    28   1 мес   #веб   #челлендж
 1 комментарий    33   1 мес   #веб

Daily UI. Day 2. Credit Card Checkout

Интересно, сколько в итоге смогу продержаться. Сто дней подряд делать интерфейсы — это определённо круто, но у меня иногда бывают с этим проблемы. В общем, посмотрим.

Credit Card Checkout

За пару часов набросал что-то такое:

И конечный результат:

Сегодня не верстал, только сделал прототип в фигме. Мне нравится. Получилось лучше, чем вчера, если смотреть на концепцию.

Научился использовать «маски», чтобы «вкладывать» слой в другой слой с наследованием формы слоя-маски — это пригодилось, когда мне нужно было сделать закруглённые края формы и вложить туда другие слои.

Итоги

  • Сегодня уже выглядит лучше (чисто ощущенчески)
  • Всё ещё никак не доберусь до нормальной вёрстки, одной фигмой нельзя ограничиваться
 Нет комментариев    37   1 мес   #веб   #челлендж

Daily UI. Day 1. Sign Up

Что это?

На протяжении 100 дней (≈ 3 месяца) Daily UI будет присылать мне различные идеи для веб-дизайна, а я буду их реализовывать на практике.

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

Решил для себя, что заниматься буду дизайном. Уже есть неплохой бэкграунд для быстрого старта, но не хватает практики. Будем исправлять.

Sign Up

Окей, сегодня буду делать форму для регистрации.

Это мой субъективный выбор. Кстати, если видите, что я делаю какую-то откровенную хрень — пишите, мне важен фидбэк

У меня стоял выбор между Adobe XD и Figma, но первое решение — платное, поэтому пока за неимением больших денег выбрал Figma.

Это такая программа для проектирования интерфейсов вместе с другими людьми, но пользоваться можно и одному.

Вот такую форму сваял:

После работы с CodePen понял, что совершенно не умею в адаптивную вёрстку:

Результат:

Итоги

  • Понял, что не умею в адаптивную вёрстку. Надо научиться
  • Немного подзабыл технологию БЭМ. Надо освежить в памяти
  • Получилось слишком скабрёзно, сыро, просто и неинтересно

В общем, есть, над чем поработать. В будущем буду больше времени уделять этим проектам, нужная и интересная вещь.

Подписку на Daily UI можно оформить здесь

 Нет комментариев    31   1 мес   #веб   #челлендж

Про кастомные элементы в HTML5

HTML5 позволяет создавать кастомные элементы типа <mono>, например, чтобы делать шрифт текста внутри элемента моноширинным.

Но это делает ваш код менее читаемым — например, другому веб-разработчику будет понятнее, что <div class="mono"> — это блок с классом mono, а не новый или незадокументированный элемент.

В общем, не всё дозволенное следует использовать, не оценив возможные последствия.

 Нет комментариев    42   1 мес   #веб   #мысли