- 19
- 61 501
Playhouse Media Group
South Africa
เข้าร่วมเมื่อ 18 ก.ย. 2012
We are passionate about technology. We teach and better your skills through video tutorials and blog tutorials, giving you hands-on experience. Our main focus is to help you pass your Hexco final exams, we do revision excesses on mainly based on the past exam papers from HEXCO.
We cover various topics such as:
1. Web Design & Development
2. UI/UX Design
3. HTML & CSS
4. ReactJS / NextJS
5. Sanity io
6. VB.NET
7. C#
8. C++ and more.
We cover various topics such as:
1. Web Design & Development
2. UI/UX Design
3. HTML & CSS
4. ReactJS / NextJS
5. Sanity io
6. VB.NET
7. C#
8. C++ and more.
Build a Professional Single-Page CV with HTML, Vite, and Tailwind CSS - Step-by-Step Tutorial
In this tutorial, we'll explore creating a professional single-page CV using HTML, Vite, and Tailwind CSS. Whether you're a beginner or looking to enhance your web development skills, this step-by-step guide will help you build a visually appealing and responsive CV to showcase your skills and experience.
🎯 What You'll Learn:
Setting up a project with Vite and Tailwind CSS.
Writing semantic HTML for a well-structured CV.
Styling with Tailwind CSS for a clean, responsive design.
🛠️ Tools Used:
HTML for structure.
Vite for fast and modern development.
Tailwind CSS for powerful and customizable styling.
📁 Source Code: github.com/jchademwiri/frontend-projects-roadmap/tree/master/01-single-page-cv
💬 Got questions or suggestions? Drop them in the comments below!
👍 Don't forget to like, subscribe, and hit the notification bell for more tutorials.
#HTML #TailwindCSS #Vite #WebDevelopment #ResumeTutorial"
🎯 What You'll Learn:
Setting up a project with Vite and Tailwind CSS.
Writing semantic HTML for a well-structured CV.
Styling with Tailwind CSS for a clean, responsive design.
🛠️ Tools Used:
HTML for structure.
Vite for fast and modern development.
Tailwind CSS for powerful and customizable styling.
📁 Source Code: github.com/jchademwiri/frontend-projects-roadmap/tree/master/01-single-page-cv
💬 Got questions or suggestions? Drop them in the comments below!
👍 Don't forget to like, subscribe, and hit the notification bell for more tutorials.
#HTML #TailwindCSS #Vite #WebDevelopment #ResumeTutorial"
มุมมอง: 109
วีดีโอ
How to Set-up Nextjs, Typescript and TailwindCSS
มุมมอง 53ปีที่แล้ว
Like, Share and comment and click the bell icon for notifications. Thank you for watching. visit www.playhousemedia.net/ #htmlCss #JavaScript #ui #ux Click the link below to view my previous videos. VB.NET - th-cam.com/video/4n_1UKBtOVE/w-d-xo.html Email design using Adobe XD - th-cam.com/video/xTrihbTEXpM/w-d-xo.html Dark mode with Adobe XD - th-cam.com/video/QAEEufrH7ZQ/w-d-xo.html Adobe XD P...
Advice Generator Component
มุมมอง 382 ปีที่แล้ว
Advice generator app The perfect project if you're learning how to interact with 3rd-party APIs. This challenge uses the Advice Slip API to generate random quotes of advice. Like, Share and comment and click the bell icon for notifications. Thank you for watching. visit www.playhousemedia.net/ #figma #uidesign #uxdesign Click the link below to view my previous videos. VB.NET - th-cam.com/video/...
Services Landing Page - Figma For Developers
มุมมอง 3753 ปีที่แล้ว
FlexClip - www.flexclip.com/ Website: www.playhousemedia.net/ Facebook: playhousemediagroup Like, Share and comment and click the bell icon for notifications. Thank you for watching. visit www.playhousemedia.net/ #figma #adobexd #ui Click the link below to view my previous videos. VB.NET - th-cam.com/video/4n_1UKBtOVE/w-d-xo.html Email design using Adobe XD - th-cam.com/video/xTrih...
menu design with adobe xd
มุมมอง 313 ปีที่แล้ว
Like, Share and comment and click the bell icon for notifications. Thank you for watching. visit www.playhousemedia.net/ #uidesign #uxdesign #adobexd Click the link below to view my previous videos. VB.NET - th-cam.com/video/4n_1UKBtOVE/w-d-xo.html Email design using Adobe XD - th-cam.com/video/xTrihbTEXpM/w-d-xo.html Dark mode with Adobe XD - th-cam.com/video/QAEEufrH7ZQ/w-d-xo.html Adobe XD P...
Adobe XD Responsive Email Design to html & CSS in visual Studio Code
มุมมอง 2.9K4 ปีที่แล้ว
Like, Share and comment and click the bell icon for notifications. Thank you for watching. visit www.playhousemedia.net/ #VBNET #VisualStudioCode #VisualStudio2019 Click the link below to view my previous videos. VB.NET - th-cam.com/video/4n_1UKBtOVE/w-d-xo.html Email design using Adobe XD - th-cam.com/video/xTrihbTEXpM/w-d-xo.html Dark mode with Adobe XD - th-cam.com/video/QAEEufrH7ZQ/w-d-xo.h...
Card design from #adobexd using #html & #css
มุมมอง 1634 ปีที่แล้ว
now we take our card we designed in #adobexd and we write #html and #css to create the same design Like, Share and comment and click the bell icon for notifications. Thank you for watching. #VB.NET #VisualStudioCode #VisualStudio2019 #hexcoExams #Programming #AdobeXD #CreativeCloud Click the link below to view my previous videos. VB.NET - th-cam.com/video/4n_1UKBtOVE/w-d-xo.html Email design us...
Adobe XD Card Design #UI/UXDesign
มุมมอง 1494 ปีที่แล้ว
Like, Share and comment and click the bell icon for notifications. Thank you for watching. #UIUX #AdobeXD #CreativeCloud Click the link below to view my previous videos. VB.NET - th-cam.com/video/4n_1UKBtOVE/w-d-xo.html Email design using Adobe XD - th-cam.com/video/xTrihbTEXpM/w-d-xo.html Dark mode with Adobe XD - th-cam.com/video/QAEEufrH7ZQ/w-d-xo.html Adobe XD Playlist th-cam.com/play/PLiw-...
Find a Square root using visual studio 2019 #programming
มุมมอง 2.8K4 ปีที่แล้ว
Write a program that calculates the square root of any given number from a text input box and show the answer in a label. Like, Share and comment and click the bell icon for notifications. Thank you for watching. Read the full blog on: bit.ly/3pDp2WE Click the link below to view my previous videos. Email design using Adobe XD - th-cam.com/video/xTrihbTEXpM/w-d-xo.html Dark mode with Adobe XD - ...
Adobe XD responsive landing page
มุมมอง 1124 ปีที่แล้ว
Yet another tutorial using adobe XD, enjoy. Like, Share and comment and click the bell icon for notifications. Thank you for watching. Click the link below to view my previous videos. Email design using Adobe XD - th-cam.com/video/xTrihbTEXpM/w-d-xo.html Dark mode with Adobe XD - th-cam.com/video/QAEEufrH7ZQ/w-d-xo.html
Adobe XD Responsive Email Design.
มุมมอง 27K4 ปีที่แล้ว
Today I would like to show you how to design an email responsive template using adobe XD. 1. Adobe XD Dark Mode: th-cam.com/video/QAEEufrH7ZQ/w-d-xo.html 2. Adobe Illustrator 3D Sphere: th-cam.com/video/jeDujwkNPZ4/w-d-xo.html #adobexd #uiuxdesign #webdesign
How to design Yang Symbol
มุมมอง 184 ปีที่แล้ว
Today I am going to show you how to design a Yang Symbol using adobe illustrator. Watch my previous videos 01: How to make a 3D Sphere in Adobe Illustrator th-cam.com/video/jeDujwkNPZ4/w-d-xo.html 02: Designing dark mode using Adobe XD th-cam.com/video/QAEEufrH7ZQ/w-d-xo.html 03. How to design an Impossible shape using Adobe Illustrator. th-cam.com/video/fTdW6qQh_Sw/w-d-xo.html
How to design an impossible Shape using adobe illustrator?
มุมมอง 2254 ปีที่แล้ว
Today I am going to show you how to design an impossible Shape using adobe illustrator. Watch my previous videos 01: How to make a 3D Sphere in Adobe Illustrator th-cam.com/video/jeDujwkNPZ4/w-d-xo.html 02: Designing dark mode using Adobe XD th-cam.com/video/QAEEufrH7ZQ/w-d-xo.html
How to make a 3D Sphere in Adobe Illustrator
มุมมอง 21K4 ปีที่แล้ว
Hello there, today I will teach you how to design 3D Sphere in Adobe Illustrator. Like, share and subscribe for more tutorials
Designing dark mode using Adobe XD
มุมมอง 6K4 ปีที่แล้ว
Hello there, here I will show you how to design a toggle switch to switch from light theme to dark theme. Subscribe like and comment
Useless, doesn't show you how to export and use this damn thing, no tutorial on youtube seems to think that part is important, when it's the only step most people are actually concerned about. Funnily enough I knew how to drag and drop already. The dull droning music make me tap out in less than a minute.
Pretty good idea 👍
Its recommended to use inline and internal css than external css. Most of the email domains doesnt allow or read external css.
It's always better to avoid rounded corners for images/CTAs since those don't render well on windows outlook domains.
Waste
Balls
Can this work with Klaviyo?
If only you could speak a few words...
Code is not visible 😟
Are tutorials without sound normal? The ambient music didn't help concentration.
that guy was crazy, to put a relaxation bgm in a tutorial video....damn...
thanks
You're welcome!
😔 P r o m o S M!
❤❤❤❤
👍👍👍
interesting~
Glad you think so!
Possible to get or download theae xd files?
I creat email template using adobe xd but I don't know how to export it to gmail , can you help me?
watch this video th-cam.com/video/EVH4fKrRLzI/w-d-xo.html
please tell me , how to send adobe xd design email template in gmail
Watch this video th-cam.com/video/EVH4fKrRLzI/w-d-xo.html
it is not true this program is not coming in vs code
It is from Visual Studio IDE, not vsCode
Thanks! Good video!
Glad you liked it!
painfully slow this
This isn't "how to make a sphere." Rather, this is "watch me make a sphere without uttering a word while leaving the audience to wonder what, exactly, is being done."
It's not even a real 3D sphere. Its just adding gradient color to make it look like a sphere. 💀💀💀
so slow...wtf bro
hi, can you please show us how to export it and use it in gmail for example ?
I will definitely do so, thank you for watching
@@PlayhouseMediaGroup Pleaseeee :(
@@PlayhouseMediaGroup Bro can you do this video please?
Did he do a video yet?
Informative thank you
Amazinggggg Thank you so much
You're welcome 😊
The shape came out really great! Thank you for sharing the video, I leanred a few tricks!
Great work my brother 💪..keep it up
You are so amazing😊
Woow,yu are so talented!!
You are off to great places bro, this is awesome.
Great video Jacob Chademwiri ! I have shared your video on DiziVizi by tagging it to Mutarazi Falls Help people to find your videos and channel. Tag your videos to their locations at DiziVizi.com for free and get more views. dizivizi.com/video/193679/mutarazi-falls1-mtarazi-falls-trail-zimbabwe.html