순정 CSS 좋아하는 사람들 희소식~! (Open Props의 등장👍)
코딩셀러 - Build and Sell
2023. 4. 17.
순정 CSS 좋아하시는 분들~! Open Props를 사용해보세요. Open Props라는 도구는 CSS variables 문법을 이용해서 수많은 스타일을 미리 정의했습니다. 이걸 쓰면, 순정 CSS를 쓰면서 tailwind를 사용하는 느낌을 갖게 됩니다. 저는 개인적으로 순정을 좋아하는 사람으로서 새로운 tailwindcss 유틸리티 class 들을 외우는 게 너무 귀찮았어요. 똑같은 걸 2번 배우는 느낌적인 느낌? 아무튼 순정 CSS 좋아하는 사람들에게는 희소식입니다. 0:00 인트로 1:28 Open Props 리뷰 #css #openprops #tailwind
Recommanded Videos
커뮤니케이션이란 무엇인가? 어떻게 해야 효과적으로 협업을 할 수 있는가? (한빛미디어 의장 박태웅)
[OKKYCON 2021 : 협업의 기술] 발표 자료는 http://okkycon.com/2021/ 에서 보실 수 있습니다. #협업 #커뮤니케이션 #컨텍스트
2021. 4. 27.
if you're a web developer you need to know webassembly
this is one of many tools you should atleast be familar with. You wouldn't want to be asked about it in an interview and have no idea what wasm is
2024. 1. 12.
돌도끼에서 컴퓨터까지의 이야기
노말틱의 해킹 LIVE에 오신 여러분 환영합니다~! :) 해킹이 이렇게 재밌을 줄 몰랐다구요?! 같이 해킹으로 놀아보고 떠들고 웃는 시간입니다! :D [*] With Normaltic (강연, 방송 섭외 문의) normaltic's Instagram : https://www.instagram.com/normaltic/ normaltic's KaKaoTalk : http://pf.kakao.com/_xkxkbxixb normaltic's Email : normalticpublic@gmail.com
2024. 10. 22.
Build Full Stack Social Media App in React Native #6 - Show Posts
Hello everyone 👋, In this video you will learn how to fetch posts from supabase and show them in the home screen, we will also use supabase realtime changes for new posts. Visit the live website for more cool projects: https://codewithnomi.com Source Code: https://codewithnomi.com/projects/social-media-app 🏞️ Assets: https://drive.google.com/uc?export=download&id=1gfAgQEF38zKe91fvkGm0hTHWA0oSx6QR Supabase User Management (function and trigger): https://supabase.com/docs/guides/auth/managing-user-data Supabase React Native Auth: https://supabase.com/docs/guides/auth/quickstarts/react-native Learn Expo Router: https://youtu.be/jJl-DZ3d8k8 If you appreciate my work and you would like to support my channel: https://www.buymeacoffee.com/codewithnomi 🚨 more videos on react native: Wallpaper App: https://youtu.be/Feqq9e04svw Firebase Auth & Chat: https://youtu.be/wncM96HYcxw Fitness App: https://youtu.be/asMSo4DLq6s Food Recipe App : https://youtu.be/cdnneQjsoT0 Movie App : https://youtu.be/Q1xQuCpYIFE Onboarding UI with Lottie Animations: https://youtu.be/4-GKgqIUBNo AI Voice Assistant with ChatGPT & DALL-E : https://youtu.be/nf3t5p2a5Dg Travel App UI : https://youtu.be/vV9zIDgT4Ik Weather App : https://youtu.be/953vyZMO4cM Coffee App UI : https://youtu.be/mhyuMy4aI-M Food Delivery App : https://youtu.be/v-zxqkz1T8E Youtube Clone App: https://youtu.be/AVovt3gFmsg Login | SignUp UI : https://youtu.be/RhF4iUCiwSs Fast Food App : https://youtu.be/x5hX06YdRvI App Store UI : https://youtu.be/Wp6JtHj4lyM Fruit Shop UI : https://youtu.be/UwW__s37agw Firebase Authentication React Native: https://youtu.be/idPGWpVLHP0 Food Delivery App : https://www.youtube.com/playlist?list=PLKWMD009Q4qReQz5FOcvBik9WBJanJVZd Learn React Native: https://www.youtube.com/playlist?list=PLKWMD009Q4qTGuqXxRq51f8OoDaIoJ1yo #Hashtags #expo #reactnative #javascript #tailwindcss #programming #typescript #speedcode #coding #design #appdevelopment #reactjs #ui #uiux #reactnavigation #reactnativetutorial #react #animation #reactjs #navigation #navigationbar #uidesign #mobiledevelopment #iosdeveloper #buildinpublic #opensource #reactnativeapp #reactjstutorial #typescript
2024. 8. 13.
Fullstack AI Form Builder Tutorial with Next JS, TypeScript, Drizzle ORM, React, OpenAI, Stripe
Let's build an application that generates forms using AI! Tech Stack: - Next-auth - authentication - Shadcn ui - ui library - Open Al - AI Integration - Drizzle - Orm - PostgreSQL - database - Stripe - payments - Tanstack -Table - Typescript - Type Checking - Plausible - Analytics - Vercel - Deployment - Stripe - Payments - Zod - Schema Validation # Features - Authentication ✅ - AI Form Generation ✅ - Form Publish and Submissions ✅ - View your forms ✅ - Admin Panel ✅ - View Results ✅ - Settings & Upgrade Subscription ✅ - Analytics ✅ - Landing page ✅ ✉️Sign up for my newsletter: http://eepurl.com/h4X959 🛤️Host your DB on Railway: https://railway.app/?referralCode=rHmMH3 👾Join my Discord: https://discord.gg/VGTVNvwReW ✍️Full-Stack Roadmap: https://webdecoded.gumroad.com/l/full-stack 🧑🚀Deploy a custom AI agent: https://customgpt.ai/?fpr=webdecoded23 🌐GitHub URL: https://github.com/judygab/ai-form-builder-tutorial 🐥Follow me on X: https://twitter.com/webdecoded_g 🔥Firebase: CRUD - https://www.youtube.com/watch?v=fz3w2m4F_K8 Authentication - https://www.youtube.com/watch?v=Vv_Oi7zPPTw ⚛️More on React: Build a Portfolio Website - https://youtu.be/hYv6BM2fWd8 MERN Stack Project: Food Ordering App - https://youtu.be/x4dIga_3S4I ☕Support the channel: buymeacoff.ee/webdecoded5 - 00:00:00 - Demo & Project Setup - 00:06:38 - Generate a Form - 00:29:25 - Authentication - 00:48:28 - Connect to Database - 01:06:40 - List All Forms - 02:28:00 - Admin Menu Navigation & Layout - 03:18:00 - Results Page & Table - 03:53:51 - Landing Page - 04:08:46 - Payments Integration - 05:25:34 - Deployment - 05:30:03 - Analytics - 05:35:00 - Thank you for watching
2024. 2. 14.
Forms And Validation With Golang, Templ And HTMX
Learn how to handle forms with golang templ and htmx in this video tutorial. Master the art of creating interactive forms for your web applications! ► Join my Discord community for FREE education 👉 https://discord.com/invite/Ac7CWREe58 ► Full Projects, Mini courses, Resume reviews, and Coaching 👉 https://thetotalcoder.com ► 33% OFF on my Go + HTMX + Templ Course 👉https://bit.ly/3UFruxO ► Enjoy a 60% Black Friday Discount on My Golang Course 👉 https://fulltimegodev.com ► Follow me on Twitter 👉 https://twitter.com/anthdm ► Follow me on GitHub 👉 https://github.com/anthdm
2024. 5. 26.