2024 Portfolio design TEMPLATE
Just finished 4 style design for personal portfolio websites. All in RESPONSIVE
Like, RT and Comment "Link" for free FIGMA file
Last week i completed Google UX design certificate
can officially call me a UX designer
i make notes of whole this ux program in one Notion file
7 courses
35+ weeks
150+ ux articles
Within next 24 hrs I'm giving you; FREE
Like & Rwt
must be following) so I could share you
UI/UX is high demand skill for 2023
but most people don’t know where to start
So I built the Ultimate UI/UX Design Roadmap
100% FREE for the next 24hrs!
if you want? just:
1. RT
2. Reply "UI/UX"
3. Follow me (so I can DM you)
FREE UI/UX Design courses
1: HOW TO BECOME A UI/UX DESIGNER (For Complete Beginners)
2: UI/UX DESIGN (Complete Pack)
3: UI/UX FREE COURSES
RT for those learning UI/UX
12 YouTube channels to learn UI/UX design
1. The Futur
2. UX Design
3. DesignCourse
4. UX Mastery
5. Google Design
6: Flux Academy
7: Sketch together
8: AJ & Smart
9: Jesse Showalter
10: Malewicz
11: Design Course
12: Ansh Mehra
Who were you unaware off ??
Want To create buttons this effect using CSS ?!
⇾first accept this challenge,
⇾just go on Google,search & learn, how to?!
⇾use hover effect in CSS
⇾use transition & it's delay
property
⇾use box shadows
⇾after code, share it here I'll rate on completing your challenge !
2024 Portfolio design TEMPLATE
Just finished 4 style design for personal portfolio websites. All in RESPONSIVE
Like, RT and Comment "Link" for free FIGMA file
The biggest UX Cheatsheet
Found an incredible resource for UI/UX Designers. it'll cover all about
→Typography
→Design Principles
→Design Process
→Visual & UI Design
→UX Research
→UX Laws
& much more
Website →
small step! but big win for me
Complete January with finishing first course of UX Design from Google 🥇 1/7
If you want me to write a blog upon what I've learnt throughout the course, let me know about :)
⚒️ CSS responsiveness trick!
Want to have a error free layout in webpage,
✅Use this in CSS for whole page
* {
padding: 0;
margin: 0;
max-width: 100%;
overflow-x: hidden;
position: relative;
display: block;
}
Finally has completed gumroad clone with Html and CSS
It's static, but pretty responsive
A big thanks to
@danish__an
for giving this challenge, it has boost my confident after coding a big website on my first time ever :|
you have 24 hours || Stay healthy || Stay productive
🟥🟥🟥🟥🟥🟥🟥 Sleep
🟪🟪🟪🟪🟪🟪🟪 Study/Work
🟦🟦🟦🟦 Code
🟩🟩Eat
🟫Prayer
🟨🟨🟨 Family
If you want success, align yourself with Time!
⚒️ CSS responsiveness trick!
___ keep your element with "fixed width" becoz an element with its actual width by default always responsive.
___ if you want to reduce the width of an element
❌ .box{
width:200px;
}
✅ .box{
width:50%;
}
"%" make element responsive for every device
hey everyone !
i designed 17+ twitter headers in figma, nd today i'm sending you all this for Free in next 24 hrs
p.s: you'll get light & dark both version
if you want ?
Like
Rtw (must)
Follow (so i could dm you)
I was always like wondered to see
#100devs
tag everywhere on Twitter, but today after watching the whole Class 1 myself, I realized how worthful 100devs is.
@leonnoel
is really a great personality. 💜
⚒️ CSS responsiveness trick!
If you want to make media scalable on every device automatically,use max-width property for images/video and set value to 100%
✅ Use max-width
.img , .video {
max-width:100%;
}