#typescript
Puck is an open-source visual editor for React that lets you build drag-and-drop interfaces using your own React components. It works smoothly with React environments like Next.js, and you keep full control of your data without vendor lock-in. Puck supports advanced layouts with CSS Grid and Flexbox, enabling flexible, design-in-browser experiences. It’s easy to start by installing the package and configuring your components. Puck is MIT licensed, so you can use it for both personal and commercial projects. This tool helps you create custom page builders or editors quickly and efficiently within your React apps.
https://github.com/puckeditor/puck
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