#окр@clockstackwheels
Это проект потребовал несколько месяцев проб и ошибок, но я очень доволен тем, как вышло.
Сначала для организации ящиков хотел взять популярную систему Gridfinity. Это набор спецификаций и генераторов моделей для 3D-печати, предлагающий укладывать на любую плоскость сетку с ячейками 42мм и ставить в неё коробочки, кратные по размерам шагу сетки. Система продумана очень хорошо, потому что коробочки лёгкие, прочные, укладываются в любых комбинациях и штабелируются. А ещё она опенсорсная, и комьюнити круто её развило. Меня смущал только один момент: ряд предметов не требуют вытаскиваемую коробочку. Да, охапку шурупов удобно сложить в такую и доставать целиком. Но, скажем, если у вас в ящике лежит тюбик клея, зачем вам вытаскивать всю конструкцию, в которой он размещается? Вы просто берёте тюбик. Я подумал, что, возможно, смогу придумать систему, в которой коробочки держатся друг за друга, и только иногда их можно сделать вытаскиваемыми, когда такое требуется.
Дальше были десятки дней экспериментов и прототипов. Коробочки с крючками, с защёлками, волнистыми стенками, защёлки на дне, защёлки на боку... Всё это оказывалось хуже, чем Gridfinity: тратило больше пластика и времени печати, а основную цель во многих ситуациях не закрывало.
Тогда я понял, что подходил к задаче вообще не с того угла. Не нужно стараться заменить Gridfinity, она слишком хороша, слишком здорово продумана. Нужно дополнить её, сделать для неё расширение, которое будет добавлять фиксированные секции. И тогда я заменил дно-сетку на платформу с пазами типа «ласточкин хвост». Она спроектирована с той же ячейкой 42мм, можно составить плоскость любого размера, печатая из частей, а в пазы вставляются либо стенки-перегородки, либо посадочные упоры для Gridfinity-коробочек.
В дополнение быстро пришёл к решению, что у стенок можно минимизировать расход пластика, не потеряв прочность, если применить гексагональную сетку. Не просто так пчёлы делают свои соты такой формы.
Как и любая верная инженерная идея, эта сразу оказалась гармоничной и автоматически решила ряд других проблем:
1. Расход пластика там, где не нужно вытаскивать секции, в разы меньше, чем если делать секции коробочками. А создавать сетчатые стенки можно быстро и беспроблемно, потому что печатаются они плашмя, в отличие от стенок стандартных коробочек, которые неизбежно печатаются вертикально.
2. Можно делать секции не прямоугольной формы. И секции такого размера, который превышает область печати принтера.
3. Печатаются одинаковые стенки-перегородки, и из них собирается нужная схема уже под каждый конкретный ящик. Не нужно сначала прикидывать размеры требуемых коробочек.
4. Но в любую секцию ставится стандартная Gridfinity-коробочка заменой целых стенок на половинные и установкой упоров.
5. Стенки или упоры под коробочки автоматически являются и способом соединения участков дна между собой.
Сделал так уже два ящика, и пока во всех вариантах получается удобно. Подшлифую, оформлю и выложу все файлы в опенсорс (главным образом это генератор в формате OpenSCAD).
#diy@clockstackwheels
https://www.youtube.com/playlist?list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ
Google Chrome的这一系列 GUI Challenges视频很有意思。去讲各种基础的前端组件如何实现。每个视频都不到30分钟。目前已经有21个组件
> There is no one way to approach UI. In this series, we'll be challenging ourselves and each other to find multiple ways to solve interface challenges and expand the diversity of our skills.
#frontend
«Переносим дизайн из Figma в код за один промпт»
После моего поста про Figma MCP, мы заколлабились с участником канала и решили написать статью-гайд, чтобы у каждого дизайнера был понятный тутор: как перекинуть свой дизайн в код без геморроя и сложностей
Но оказалось, что сделать генеративный процесс, который стабильно выдаёт одинаково хороший результат (а не кусок кала), довольно сложно. Мы пробовали разные подходы: от простых промптов до написания агентов, которые контролируют отдельные блоки. Более того, я даже прорабатывал альтернативный способ для ребят, которые хотят вытащить свой сайт из Framer в чистый HTML, с компонентами и отдельными CSS/JS файлами. Сегодня мы пришли к выводу, что универсального способа пока нет
💀
Чтобы получить действительно качественный результат, нужно потратить примерно столько же времени, сколько разработчик потратил бы на обычную вёрстку. Если блоки простые — всё становится намного легче, но даже там нужен свой регламент: структура, md-файлы, описание компонентов и т.д.
Есть и хорошая новость. Никогда раньше перенос дизайна в код не был таким простым, как сейчас. Думаю, через неделю-другую сяду с новыми силами и начну выкатывать хоть какие-то рабочие гайды, порционно и без воды
#AI#frontend
Даже не знаю, кажется мы ещё не готовы думать о работе...
Но глобал не спит))
И вот вам подборка вакансий от DVS!
Data Visualization Sr. Consultant at Eigen X | Philadelphia, PA
Front End Engineer at Vizzuality | Remote (Spain, UK, Portugal)
#foreign
#frontend
Подборка вакансий от DVS
Accelerated Improvement and Inquiry Manager (AIIM) at Boston Public Schools | Boston
Data Visualization Designer at StudyTravel Ltd | Anywhere
Teaching/Research Postdoctoral Fellow – Data Visualization at Department of Computer Science at James Madison University | Harrisonburg, VA, USA
#foreign
#frontend
Вакансии из подборки ДВС!
Data Coordinator Consultant, Racial Equity Tools at Equity In The Center | United States
SENIOR PLANNER SPATIAL ANALYSIS SIPA at City of Toronto | Toronto
Graphics Intern at Scientific American | New York City
#foreign
#frontend
DVS шарит датавиз вакансии из своей подборки
Research Software Engineer II at Center for Digital Humanities at Princeton University | Princeton, NJ
Data Journalism/Multimedia Designer at Energy Policy Institute at the University of Chicago | Chicago, Ill
#foreign
#frontend
Подборка работы от DVS
Sports Data Visualization Engineer at Joe Gibbs Human Performance Institute | Charlotte, NC
Civic Innovation Lab Manager at BetaNYC | New York, NY
Senior Data Visualisation Developer (up to 2 roles available) at Office for Local Government | London / Wolverhampton / Manchester / Bristol / Darlington / Leeds - UK. Some flexibility
#foreign
#frontend