основы веб дизайна

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

а вот это прям обязательно два чела, один из которых сын Джефа Раскина (книга ‘The Humane Interface’, сотрудник № 31 в Apple и создатель Макинтош), занимающиеся изучением проблем и последствий современных технологий, рассказывают о том, на что способен AI сейчас (вплоть до чтения мыслей по томограмме мозга) и к чему это может привести (тотальный контроль, воровство личностей и скам скам скам невиданных масштабов) если этим не озаботится сейчас, пока есть время а время есть, потому что мы уже научены неудачным опытом первого столкновения человечества с искусственным интеллектом через социальные сети и системы рекомендаций. которые обещали людям свободу слова, объединение в комьюнити и для бизнеса более точный инструмент коммуникации со своим потребителем, но вместе с этим принесли зависимость, манипуляции, информационные пузыри, цензуру и проблемы с ментальным здоровьем и что сейчас идет вторая волна и важно ее не проспать, потому что она несет куда более серьезные для человечества, как возможности, так и последствия в общем, очень увлекательно. рекомендую. а если с английским не очень или просто лень (как мне было), то можно посмотреть в одном браузере, в котором вшита нейронка синхронного перевода https://www.youtube.com/watch?v=cB0_-qKbal4

если я что-то и знаю о лицевой анимации, так то, что во время разговора у всех людей смешно двигается кончик носа. если не замечали, то присмотритесь сегодня. правда потом это нельзя будет развидеть, но того стоит. поэтому пока не впечатлен https://www.youtube.com/watch?v=EohIA7QPmmE

#tool https://mockup.marco.land/ на вид довольно бесполезная вещь, по крайней мере с таким количеством мест и качеством их, но забавная

#reference https://superiormerchandise.co/products/grass-green-sweatpants внутренние цветные тени это стиль

#reference https://drexler.store/ верстка в одну колонку на всю ширину это стиль

#reference https://selftitled.work черный текст на низкоконтрастном цветном фоне это стиль (а еще логотип, который вместо того, чтобы спокойно висеть в каком-нибудь углу, появляется и изчезает при загрузке страницы)

я не делаю дизайн, но за деньги да

мы? https://youtu.be/kTn0li1q1O0

#reference #portfolio https://taragraphy.com/ круто заверстано. начало из центра экрана и некрупная типографика по колонкам со сдвигами это стиль сейчас. приветливый ховер на аватарке. работы тоже кайф и упакованы кайфово. при этом не сказал бы, что они какие-то супер сложные, но поданы эффектно хорошо работает лоскутность лейаута. когда крупные обрезки из разных работ состыковываются друг с другом или накладываются друг на друга. создает впечатление большого объема завершенных проектов хорошо работаю видео прототипов и особенно хорошо живые видео с рукой. при том что, если всмотреться, то дизайнерской работы там совсем не видно. две кнопки, листающиеся картинки и все. иллюзия, но свое дело делает но жаль видно, что это редимаг. по дерганью залипающих элементов при скролле. надеюсь когда-нибудь они полечат это

#reference #portfolio https://taragraphy.com/ круто заверстано. начало из центра экрана и некрупная типографика по колонкам со сдвигами это стиль сейчас. приветливый ховер на аватарке. работы тоже кайф и упакованы кайфово. при этом не сказал бы, что они какие-то супер сложные, но поданы эффектно хорошо работает лоскутность лейаута. когда крупные обрезки из разных работ состыковываются друг с другом или накладываются друг на друга. создает впечатление большого объема завершенных проектов хорошо работаю видео прототипов и особенно хорошо живые видео с рукой. при том что, если всмотреться, то дизайнерской работы там совсем не видно. две кнопки, листающиеся картинки и все. иллюзия, но свое дело делает но жаль видно, что это редимаг. по дерганью залипающих элементов при сколле. надеюсь когда-нибудь они полечат это

а еще тутор хороший от сплайна

истощенный референсным голодом (а в последнее время как-то совсем ничего интересного не попадается), был вынужден пойти на крайние меры и порыться в своих сохраненках. что обычно не делаю, так как собираю там все и бережно храню на старость где наткнулся на давно мной отложенный ютуб Романа Белякова (@krch_rmn). в котором четыре видео, но все прекрасны. и часовое молчаливое плакатирование солнца в фотошопе под аккомпанемент индийских песнопений. и второе часовое видео про плакат с цветком, но уже с комментариями. и, особенно запавшее мне в сердце, видео как сделать цветы из букв одной кнопкой в иллюстраторе но самое самое, на мой взгляд, это видео как сделать буквы из фото за 10 минут (и 53 секунды). одновременно захотелось и попробовать, и поделиться, и докинуть домашкой в какой-нибудь из моих курсов пока только делюсь, остально как будет время https://youtu.be/HBoQAs5TbGU

смотрю vanok.regular, присмотрелся нет, не vanok.regular baestard.atelier

можно сказать посмотрел от паузы до паузы. всякий раз испытывая острое чувство неловкости перед тем, как должен был случиться очередной акт фотографирования ничего не подозревающего, ни в чем невиновного и, уж точно, ни чем не заслужившего этого случайного прохожего, вплотную и со вспышкой в лицо это у меня с детства, не выношу неловкие моменты, даже на экране. все остальное выношу, а это нет но это стоило того. потому что фильм не про крутость и бесстрашие чувака, который может легко подойти к кому угодно на улице и не спрашивая сфотографировать. а про то, почему мы делаем то что делаем. и что единственный правильный на это ответ — потому что должны, потому что не можем иначе. будь то фотография, дизайн или ведение канала. должны себе и не можем иначе перед собой. и тогда вся эта неловкость и страхи перестают иметь значение ‘If you believe in it enough, people might also believe in what you’re doing’ https://youtu.be/HjuP527Xt2Q

еще кое-что про редик и кастомный код скорее всего выборка по document.getElementById() не пригодится совсем, потому что в коде редика почти не используется id=“”. а вместо этого юзается атрибут data-id=“”, а это другое поэтому для выборки нужно будет использовать document.querySelector('[data-id="”]’). где в квадратных скобочках можно указывать любой атрибут, тот же class=“”, например еще часто нужно выбрать дочерний элемент внутри элемента с data-id=“” и тут можно построить цепочку document.querySelector('[data-id=“”]’).querySelector(‘[class=“”]’), где вместо [class=“”] можно указать просто тег a, div или span. типа так: let ex1Layer = document.querySelector('[data-id="64fd9b4592a4fc002f0abba4"]').querySelector('a'); главное не забыть весь код обернуть в функцию проверки загрузилась ли страница и, на всякий случай, еще в дилей: <script> window.addEventListener('load', winLoad, false); function winLoad(){ window.setTimeout(function() { // твой код }, 1000); }; <script> это что касается js. но в css тоже так можно: [data-id="64fd9b4592a4fc002f0abba4"]{ background: red; } простите за техдухоту. оставляю памятку себе на будущее и надеюсь, что кому-то еще пригодится

https://codepen.io/armandocanals/pen/WWXZMB держите js слежения за курсором. в редике нет такой штуки, нашел на просторах кодпена. очень простой в mouseOverContainer кладем родительский элемент, над которым будет отслеживаться курсор. а в ex1Layer элемент который будет трансформироваться еще есть параметр constrain. тут чем крупнее элемент, тем выше цифра должна быть. у меня 1000, например

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

смешная реклама у спутников