Tailwind Toots — The Size Utility #tailwindcss
simonswiss
2024. 7. 15.
If you have a square CSS shape, instead of using the `w-*` and `-h-*` utilities combined, you can use the `size-*` utility. It will keep a square aspect ratio (1/1) ✨
Recommanded Videos
Cloud Engineer vs DevOps Engineer - Differences and Overlaps of tasks and responsibilities
Differences and Overlaps of Cloud and DevOps Engineer Roles as well as deep dive of Cloud Engineer Tasks and Responsibilities DevOps engineer and Cloud engineer are 2 popular roles in software engineering. But there is a lot of mix up of these two roles and many people and many companies often use them interchangeably. They mix the tasks and responsibilities of these two very often. For example there are plenty of job descriptions for "DevOps Cloud Engineer" or "Cloud DevOps Engineer", which would naturally make you think that they are the same role, but then why would you have two names for the same role? And that's exactly what I'm going to discuss and clarify in this video. 🔗💡 What is DevOps and DevOps Engineer Tasks and Responsibilities ► https://youtu.be/0yWAtQ6wYNM 🔗💡 From Zero to DevOps Engineer - Roadmap ► https://youtu.be/G_nVMUtaqCk 🔗🚀 Become a DevOps Engineer in 6 months ► https://bit.ly/3BPxlGf 🔗🚀 Become a Kubernetes Administrator ► https://youtu.be/pDrjQWo3CxI 🔗🚀 Become a DevSecOps Expert and 10x your value ► https://bit.ly/45gUXQU ▬▬▬▬▬▬ Thank you JetBrains for sponsoring this video 👏 ▬▬▬▬▬▬ How to Use the Space Git Flow With TeamCity – https://jb.gg/space_git_flow Get started with Space for free – https://jb.gg/jetbrains_space Try TeamCity for CI/CD – https://jb.gg/jetbrains_teamcity ▬▬▬▬▬▬ T I M E S T A M P S ⏰ ▬▬▬▬▬▬ 0:00 - Intro and why people mix up these two roles? 01:47 - DevOps Engineer role 02:46 - Different Objectives of DevOps and Cloud Engineer 04:02 - The need for Cloud Engineers 08:42 - Cloud Engineer Task: Configure with Best Practices 10:35 - Cloud Platform specific knowledge 13:36 - More Cloud Engineer Tasks and Responsibilities 15:58 - Infrastructure as Code 17:10 - Differences between DevOps and Cloud Engineer 17:39 - Overlaps between Cloud and DevOps Engineer 20:25 - Wrap Up ▬▬▬▬▬▬ Want to learn more? 🚀 ▬▬▬▬▬▬ Full Python course ► https://youtu.be/t8pPdKYpowI Full Docker course ► https://youtu.be/3c-iBn73dDE Full K8s course ► https://youtu.be/X48VuDVv0do DevOps Tools explained ► https://bit.ly/2W9UEq6 ▬▬▬▬▬▬ Connect with me 👋 ▬▬▬▬▬▬ LINKEDIN ► https://bit.ly/3hWOLVT INSTAGRAM ► https://bit.ly/2F3LXYJ TWITTER ► https://bit.ly/3i54PUB ▬▬▬▬▬▬ Courses & Ebooks & Bootcamp 🚀 ▬▬▬▬▬▬ ► Become a DevOps Engineer - full educational program 👉🏼 https://bit.ly/45mXaer ► High-Quality and Hands-On Courses 👉🏼 https://bit.ly/3BNS8Kv ► Kubernetes 101 - compact and easy-to-read ebook bundle 👉🏼 https://bit.ly/3Ozl28x
2023. 5. 8.
Adobe Firefly Video Beta, Better Siri & Free Flux!
I've got some stunning AI tools for you this week. First up, I'll show you my early access to Adobe Firefly's video model and its impressive capabilities. Then, I'll demonstrate how n8n is a great tool for AI workflows with a better Siri (thanks to a guide from Oleg Ivaniv) and free access to Flux AI image generation (thanks to a template from Max Tkacz). ✨ Weekly AI Newsletter: https://mrc.fm/creatormagic 🎨 Get Adobe Firefly Video Beta: https://mrc.fm/fireflyvideo 🔧 n8n: https://mrc.fm/n8n 🖼️ Free Flux (via n8n): https://mrc.fm/freeflux 0:00 Intro 0:05 Week Recap & IBC Amsterdam 0:26 Adobe Firefly Video Demo 3:17 How to Get Adobe Firefly Video Beta Access 3:41 n8n Meetup in Prague 4:21 Making a Smarter Siri with n8n 7:05 Free Flux AI Image Generation 9:14 Outro Shoutouts to some of the lovely people I met this week! Here they are: Premiere Gal: https://www.youtube.com/@PremiereGal Lila from Youtube: https://www.youtube.com/@lilafromyoutube Boris FX: https://mrc.fm/crumplepop Suhail Idrees (from Firecut AI): https://mrc.fm/firecutai Zara Paul and Aaron Morris (from Choppity): https://mrc.fm/choppity Bart Veldhuizen, Oleg Inaniv and Max Tkacz (from n8n): https://www.youtube.com/watch?v=s--VFttOQP8
2024. 9. 20.
Can you steal something that's already free?
🚀 https://neetcode.io/ - A better way to prepare for Coding Interviews 🧑💼 LinkedIn: https://www.linkedin.com/in/navdeep-singh-3aaa14161/ 🐦 Twitter: https://twitter.com/neetcode1 ⭐ BLIND-75 PLAYLIST: https://www.youtube.com/watch?v=KLlXCFG5TnA&list=PLot-Xpze53ldVwtstag2TL4HQhAnC8ATf #neetcode #leetcode #python
2024. 10. 3.
비전공자가 혼자 개발을 배워서 직접 만든 사이트 소개 | 비전공자 개발 입문자 대상 서비스 교육 과정 | 기술 노트 알렉 X 서울 유 에듀
#1인창업 #개발공부 #서비스개발 #개발강의 1인 서비스 개발을 위한 강의를 소개합니다. 접수링크 : https://seouluedu.com/bootcamp/itbusinessestablishment?cache=clear 안녕하세요. 유투브 기술노트 채널을 운영하고 있는 알렉입니다. 서비스를 만들어서 수익을 내본다는 것은 여전히도 매력적인 일입니다. ‘개발을 배우게 되면 내가 생각하는 것’을 만들어볼 수 있습니다. 이는 살아가는데 있어 매우 좋은 무기를 얻는 셈이죠 ‘유투브를 하면서 자주 받은 질문 중 하나가 개발을 해서 만들고 싶은데, 어디서부터 어떻게 해야 할지 모르겠다’였습니다. 그러면서 이러한 것을 오프라인으로 만나서 교육이라는 형태로 하면 좋겠다 생각을 하고 있었고, 올초에는 구체적인 구상들을 하고 있었습니다. 그러다가 이번에 비전공자인데, 스스로 매우 훌륭한 서비스(사이트)를 만든 것을 보면서 확신을 하게 되었습니다. 많은 분들이 배울만한 아주 좋은 기회이고, 본격적으로 만남을 준비해도 좋겠다 생각했습니다. 자신의 아이디어를 실현해보고, 요즘같은 시대에 나만의 먹거리를 찾을 준비를 한다면 생존이 필요한 시대를 살아가는 준비가 아닐까 생각합니다. 비전공자분들 가능하고, 나이 상관없습니다. 바로 시작해볼 수 있습니다. 도전해보세요. 좋은 만남 기대하겠습니다. 여러분들의 성공에 도움이 되어드리겠습니다.
2024. 8. 20.
EKS + AWS Secrets Manager Tutorial (Env & Files): AWS EKS Kubernetes Tutorial - Part 10
🔴 - To support my channel, I’d like to offer Mentorship/On-the-Job Support/Consulting - me@antonputra.com 👉 [Playlist] AWS EKS Kubernetes Tutorial: https://youtube.com/playlist?list=PLiMWaCMwGJXnKY6XmeifEpjIfkWRo9v2l&si=wc6LIC5V2tD-Tzwl 👉 Kubernetes Tutorial for Beginners [Full Course]: https://www.youtube.com/playlist?list=PLiMWaCMwGJXkYKFa_x0Ch38uznuv-4c3l 👉 AWS EKS Tutorial for Beginners [Full Course]: https://youtu.be/kwq9EfELYII 👉 Other Kubernetes Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXnKY6XmeifEpjIfkWRo9v2l 1. Create AWS VPC using Terraform 2. Create AWS EKS Cluster using Terraform 3. Add IAM User & IAM Role to AWS EKS 4. Horizontal Pod Autoscaler (HPA) on AWS EKS 5. Cluster Autoscaler Tutorial (EKS Pod Identities) 6. AWS Load Balancer Controller Tutorial (TLS) 7. Nginx Ingress Controller Tutorial (Cert-Manager & TLS) 8. CSI Driver Tutorial (ReadWriteOnce) 9. EFS CSI Driver Tutorial (ReadWriteMany) 10. AWS Secrets Manager Tutorial (Env & Files) Based on the feedback, I’ll add the following sections (let me know if anything else is missing): - Autoscaling with Karpenter - Autoscaling with Keda - Private Ingress with Private DNS & VPN - Monitoring with Prometheus - EKS self managed group - EKS Fargate - EKS Pod Identities vs. EKS IRSA (oidc) vs. Node roles ▬▬▬▬▬ Experience & Location 💼 ▬▬▬▬▬ ► I’m a Senior Software Engineer at Juniper Networks (12+ years of experience) ► Located in San Francisco Bay Area, CA (US citizen) ▬▬▬▬▬▬ Connect with me 👋 ▬▬▬▬▬▬ ► LinkedIn: https://www.linkedin.com/in/anton-putra ► Twitter/X: https://twitter.com/antonvputra ► GitHub: https://github.com/antonputra ► Email: me@antonputra.com ▬▬▬▬▬▬ Related videos 👨🏫 ▬▬▬▬▬▬ 👉 [Playlist] Kubernetes Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXnHmccp2xlBENZ1xr4FpjXF 👉 [Playlist] Terraform Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXmJdmfJjG3aK1IkU7oWvxIj 👉 [Playlist] Network Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXluySjXqWG6fg1H1hzd-zWz 👉 [Playlist] Apache Kafka Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXlL8-E-xu8RBwyC5YfS3V5e 👉 [Playlist] Performance Benchmarks: https://www.youtube.com/playlist?list=PLiMWaCMwGJXl-h2RgOSpdO-pQaSRwlVjd 👉 [Playlist] Database Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXnhmmh5pu9sdWekdRwAzV5f ▬▬▬▬▬▬▬ Timestamps ⏰ ▬▬▬▬▬▬▬ 0:00 Overview 0:52 Install CSI Drivers 2:57 Demo ▬▬▬▬▬▬▬ Source Code 📚 ▬▬▬▬▬▬▬ ► Up-to-date code, updated regularly once a month: https://github.com/antonputra/tutorials/tree/main/lessons/196 ► Original code: https://github.com/antonputra/tutorials/tree/main/lessons/195 #AWS #EKS #Kubernetes #K8s #EFS
2024. 6. 10.
AI Game Development Template for Next.js
Download the full code for free: https://ko-fi.com/s/abe25c5e70 Give the game a try 👉 https://meteor-dash.vercel.app/ Github repo: https://github.com/KoushikJit/meteor-dash.git Welcome back to our six-part series on building a gesture-controlled game using Google’s MediaPipe.js library on Next.js! 🎮🖐️ In this second video, we take the next step by adding interactive elements and controlling them with hand gestures. Next episode here 👉 https://youtu.be/ZcsV50k25Qo Previous episode here 👉 https://youtu.be/jb25cEOT-rA Here is the link to the complete tutorial 👉 https://www.youtube.com/playlist?list=PLhiuRfXhpqSbEApUrmq04ATAuwlxdWwSl In this series, we'll dive deep into creating a web app that utilizes hand detection to control game actions. This guide will help you make a cool computer vision project on Next.js that will make you stand out as you learn to create AI apps. Don’t forget to like, and subscribe to stay updated with the latest videos in this series. Hit the bell icon 🔔 to get notified whenever a new episode drops! Find other cool Next.js + AI projects A here 👉 https://youtube.com/playlist?list=PLhiuRfXhpqSbwM0rCuv7-mrCUSiIVyzAz&si=RinnIxuHdvQLnpzD Episode 2: Moving a Rocket with Hand Gestures In this episode, we dive into: 1. Creating the Rocket Element: We'll design a small rocket that will be the centerpiece of our game. 2. Hand Gesture Integration: Using the hand detection data from MediaPipe.js, we'll calculate the tilt and degree of rotation between hands. 3. Controlling the Rocket: Learn how to move the rocket on the screen left and right based on hand gestures, making it super responsive to hand movements. 4. I’ll show you some tips to make sure the hand recognition model can run on edge devices without using too much computing power. Connect with Me: - [LinkedIn](https://www.linkedin.com/in/koushik-sarkar-iimc/) - [GitHub](https://github.com/KoushikJit) Enjoy the video, and happy coding! 🎉
2024. 7. 3.