Я заметила, что многие (и не только новые стажеры) меня боятся 😨. Поэтому очень захотелось поделиться одним из своих затупов или комплексов.


Мне страшно и стыдно общаться с людьми, которые успешно создали себя как хорошего бизнесмена/фрилансера и так далее. Ощущение, что мы стоим на разных берегах и им не о чем будет со мной разговаривать {я буквально могу выглядеть как дитё, которое непонятно как попало в компанию к взрослым тётям и дядям}. И дело не в количестве просмотренных курсов, прочитанных книг. Просто где я — человечек, работающий обычным разработчиком и где ребята, открывающие свои фирмы, успешно ведущие свой бизнес.

Мне было настолько дискомфортно, что я не говорила это даже психологу {я очень хорошо маскируюсь}. Мне трудно общаться с людьми из-за ШРЛ шизоидное расстройство личности и вместе с данным комплексом получается ядерная бомба. Когда приходится ехать в офис (на ежемесячные планерки) и кто-то подходит ко мне со словами: "О, я так хотела тебя увидеть" — я долго нахожусь в шоке от того, что ребята из фирмы читают меня и хотят со мной пообщаться. Потому что жизненно я всё ещё Гарри Поттер под лестницей ⚡️. Это очень тормозит моё развитие, создание коллабораций с другими дизайнерами, заведение связей и простое общение. Но несмотря на это в среду я иду на конференцию предпринимателей-хэндкрафтеров, на которую пригласили мужа (он делает гитары, а я продала 74 шапки на фестивале, норм же 🤪) чтобы навязаться с сайтами к кому только можно.


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

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


*️⃣ O-dan.net
Ищет изображения на Unsplash, Pixabay, Picography, Negative Space и других стоках. Для некоторых стоков рекомендую включить VPN в браузере (я использую Planet VPN)

*️⃣ Everypixel.com
Можно выбрать только бесплатные изображения или вариант с покупкой. Помимо простого поиска можно отсортировать изображения: векторные, графику, вариант раскладки, цвет и свободное пространство.


Не забываем жмакнуть ❤️ под пост ❤️

#ссылки

Надо ли сжимать коды на тильде и немного о минификации 🤔

Я для себя решила, что все что касается оптимизации остается для обучения по оптимизации без бесплатных гайдов и прочего. Но есть вещь, бесящая меня до чертиков — а именно железное утверждение, что именно сжатие кодов спасет ваш сайт на тильде (примерно половину сайтов вообще не спасти потому что человек умеет картинки двигать, а не делать сайты). Давайте по пунктам рассмотрим что такое сжатие.


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

Процесс минификации CSS (все, что внутри <style>) и JS (все, что внутри <script>) разный. В случае с JS компрессор может произвести не только удаление лишних символов в рамках синтаксиса, но и сократить названия переменных, заменить некоторые методы из ECMAScript на старые.


Нужно ли железно сжимать всё, что вы самостоятельно пишите?
Стоит, если вы не хотите чтобы клиент увидел знакомое слово и пошел там что-то тыкать. Для сравнения я взяла все коды, написанные для этой страницы. Их вес составляет 21 килобайт, после сжатия 9 килобайт. Много, скажете? Да, если вы до сих пор носите с собой дискету. Следовательно пытаться писать стили в одну строчку заранее без пробелов тоже не нужно. Потому что культуру кода придумали не только для того, чтобы это красиво выглядело, но и для того чтобы это читать после было удобно.


Другая проблема в том, что блоки T123 напихивают в огромном количестве на страницу и так передают клиенту (для одной строчки — один блок T123). Это еще сильнее бесит, но углубляться не буду :D И про обфускацию тоже не спрашивайте :D

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

В былые времена при поиске вакансии веб-дизайнер или дизайнер веб-интерфейсов вы могли видеть в списке навыков: базовые знания HTML и CSS. А на собеседовании могли спросить вопросы, которые буквально относятся к веб-разработке. Опыт показывает, что многие из моих бывших коллег в итоге могут написать самостоятельно простую страницу (кто-то и вовсе почти от меня не отстал), им просто общаться с разработчиками и их развитие в дизайне я вижу более глубоким. Лид-дизайнер в нашей фирме как раз из старичков {мы с ним оба кайфовали от Тёмы Лебедева в юности 😄}, с которым мне наиболее приятно работать.

После появления первых конструкторов многие дизайнеры стали делать упор только на дизайне, ведь учить основы уже не обязательно — можно ведь просто расставить элементы и загрузить картинки. А порог вхождения в профессию был значительно снижен. Одновременно с этим я заметила как на дизайнеров стали наваливать дополнительные навыки (чтобы сделать универсального сотрудника): были веб-дизайнерами, после UI/UX (и неважно, что это другое), теперь срочно все становимся продуктовыми дизайнерами. В этой постоянной гонке за знаниями просто не найдется время на то, что кажется другой сферой деятельности.

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

Просто напоминаю, что это моё личное мнение и мой личный блог. Вы можете не согласиться с ним и даже вступить спор. Что нормально 👍

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


Если смотреть поверхностно то: у нас есть своя трёшка {у меня есть кабинет, мать его 😡}, машина; муж арендует место в мастерской с классными ребятами; у нас есть свой ЧПУ-станок, покрасочная и основные инструменты; к мужу приезжают люди из других городов со словами, что он лучший мастер в Сибири. Звучит как успех, начавшийся с жизни в однушке и ремонте инструментов на кухне, подработке в ДНС (я работала днём, а муж разгружал технику ночью), чтобы сделать заказ на стьюмаке. Так и хочется рассказать о себе после на какой-то конференции. Начали бизнес в 19, это самое {получается, мы тоже тогда бесили тех, кто в 30 еще не начал своё дело}.

Но вместо успеха у нас какая-то жопа: кредит за кредитом, чтобы оплатить инструменты, машину, квартиру и свою жизнь. Работа и жизнь на антидепрессантах. Отказ в кредите на развитие бизнеса потому что "делать гитары" — это не перспективно для нашего региона. Какой-то пездюк, решивший чинить гитары и постоянно демпингующий рынок (два человека на наш город уже много). Желание собственника снести нахой мастерскую, в которую было вложено дохе‌ра денег, здоровья и сил.

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


Это была моя терапия в круге доверия (т.е. среди вас), я выговорилась и мне стало легче 😡

Сегодня я начинаю день с самого короткого выпуска уверстки {но это не точно}, ибо мне надо рассказать полезную вещь, которую многие не знают 😏

Когда мы хотим задать элементу внутренние отступы (пусть будет слева) — можем использовать два варианта записи:
[1] padding-left: 20px;
[2] padding: 0 0 0 20px;

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

Но когда нам нужны разные скругления углов, то чаще все пишут так (кто-то вовсе не знает, что можно скруглять углы по-разному):
border-top-left-radius: 20px;
border-bottom-right-radius: 10px;

Кажется, слишком много слов в одном свойстве, правда? Долгое время свойство border не имело сокращенной записи, но скажем спасибо ребятам, топящих за развитие css.

Потому что сейчас мы можем писать следующим образом:
.класс_элемента {
border-radius: 0 0 0 20px;
overflow: hidden!important;
}

Думаю, вы уже поняли зачем я рассказала в начале про padding и как не писать кучу свойств вместо одной строчки. Зачем мы пишем overflow в значении hidden? Чтобы контуры объекта на тильде действительно обрезались. Обратите внимание, что в некоторых случаях нужно после класса элемента добавить .tn-atom, чтобы работать не с самим элементом, а с его внутрянкой.


Уже привычно буду рада вашим реакциям под постом — это поддерживает мой дух и желание делать полезные посты дальше ❣️ Оставляйте комментарии катягдеканал и советуйте меня знакомым. Если вы хотите поддержать меня копеечкой и сказать "Спасибо" за какое-то решение, то это можно сделать по этой ссылке: кинуть на общак.

Похожее:
➡️ прием со свойством border-radius и обводкой

#уверстка

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

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

Здесь можно пробежаться по тегам: #работа #халявное #стрим #катяучится #ссылки #уверстка #переверстка #личное

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

На данный момент я работаю над платными крутыми решениями для тильды (не типикал решения как у всех), переписываю полностью программу оптимизации сайтов на тильде, делаю закрытый канал по развитию блога и консультации по нестандартной вёрстке на тильде. А еще я, иногда, веду стримы, на которых делаю реальные проекты и очень хочу развить это направление чуть дальше. Будем знакомы, если не знакомы 😃

Сейчас будет очень спонтанный вечерний {у меня вечер, простите} пост с очень помятой мной и мыслями о том, что я немного молодец 🥹

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

Выписывать свои достижения в блокнотик — хороший способ успокоить себя, но не всегда работающий. С начала лета бег спасает меня от кучи паскудных мыслей, поэтому я просто пошла бегать. Я не пропустила ни одной тренировки (кроме дней, в которые болела), пробежала за сентябрь 96km, начала с темпа 8:20/km, а дошла до 5:28/km. Сегодня на тренировке я чуть не откинула лапки из-за непривычной температуры и отсутствия зимнего обвеса, но считаю себя молодцом {голосом Хэнкока}. А еще уже 117 дней мы кушаем по методу тарелки и впервые за кучу лет мне не надо осенью принимать витамины дополнительно.

Достала и примерила свои зимние джинсы с прошлого года, а они мне страшно большие. И это после того, как все вокруг всегда называли меня худой 😐 Захотелось похвалить себя и навернуть круассанов 😆 (пруф кину в комментарий потому что стесняюсь)

Хочется подытожить, что у меня не все хорошо в жизни. Но я заметила как это "не хорошо" уменьшается от того, насколько лучше становится всё остальное. В одной из книг автор называл это законом вселенской компенсации. И я впервые в жизни согласна с чем-то отдаленным от науки.

#личное

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

Начну с предыстории: я впервые с прошлогоднего суда с клиентом нарвалась на деструктивную критику от артдиректора, который сейчас курирует студийный проект. Сверну суть под кат, чтобы никого не смущать: работа говно, я малолетка, которая не смеет с ним спорить. Пришлось напомнить человеку, что подобная культура общения неприемлема. Работа, кстати, после небольших правок другого артдиректора была направлена клиенту.

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


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

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

Я, кстати, на третьем курсе словила сильное выгорание от комментариев преподавателя и пропустила все его пары за год. Жизнь прошла в ритме: вроде танцуем, но непонятно зачем и для какой цели 😕

Сейчас я работаю над созданием сайта косметики для дома, которая кардинально отличается от привычных средств, стоящих на полках в супермаркете. Отличается всем: необычной упаковкой (я лично очень люблю коричневые флаконы, вспоминаю сразу мамину косметику аптечную из Германии которую я вымазала на себя как-то разом), стильной этикеткой не в духе каноничного средства для стирки, крутым составом и ароматами. Последнее вообще является яркой чертой бренда, делая упор на том, как важно нам не просто закинуть триканцы в стирку, но и ощутить приятный аромат средства для стирки.


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

Как думаете, обошлось в этот раз без кучи вариантов первого экрана или не они меня победили? 🤔

#работа

Хочу сказать большое спасибо за донат для Сёмы ❤️

После случая, когда вы оплатили лечебный корм на 2 месяца (собрали за 30 минут) я решила сделать сберегательный счет для котов, чтобы не бояться экстренных случаев. И откладывала туда с каждой зарплаты пару тысяч. В итоге это помогло сделать обследование, вылечить зубы Семёну и Серёже без ожидания голодной смерти {пост можно посмотреть тут и получить мотивацию чистить зубы котам}. Но счета размером в 62 тысячи за 4 дня стационара, анализы и лечение я не ожидала (это просто моя зарплата, остановитесь!). И самое неприятное, что нам нужно доехать с Семёном до Новосибирска и оставить его еще на 2 дня прокапать тем, чего у нас нет (купить в аптеке не вариант, ибо по рецепту и стоит как крыло боинга за банку).

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

блог опять мутировал в кошачий

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

Я закончила сегодня очень большой проект со студией (которой меня посоветовал кто-то из вас). И в качестве фидбека команда сказала, что если бы я имела чуть больше практики чем сейчас — давно не сомневалась бы в своих силах и занимала должность lead-дизайнера.

За этот год я научилась у Санёчка нормальной структуре проекта и важной мысли, что делать все самостоятельно в момент затупа — это кал (хотя я живу по принципу "сдохни но сделай"). Я вообще поняла, что написать о своем состоянии и неспособности работать в данный момент — это нормально {хотите расскажу, как я на созвоне по крупному проекту защищала концепт в 39.7, а после вырубилась и ребята в панике искали номер моего мужа? Ну и я лекцию Санёчку читала со вскрытой ногой с лужей крови под ней 🫣}. Во вторник у меня был дедлайн по проекту, но я продлила его на день по причине выше. Я просто не успела и не хочу скидывать работу, которая меня саму не устраивает.

Я поняла насколько важно в большом проекте работать на компонентах, когда пришлось править стили в сделанных 12 страницах за вечер 🥲 Узнала как делать хороший UI-кит для масштабного и растущего в дальнейшем проекта. Следила за масштабными UX-исследованиями впервые в жизни. После верстки пары чужих проектов на тильде я осознала насколько хорошо это делаю 😅 Реально, без копий блоков и чужих модификаций, максимально пиксель перфекто насколько это возможно.

В общем, в последнее время я усиленно бегу куда-то по ощущению🏃‍♀️ Мне нравится чувствовать себя более живой, несмотря на все трудности.