DEV Community

Cover image for Windows 12, but for Web
Abdul Rehman
Abdul Rehman

Posted on

Windows 12, but for Web

Windows 12 ui Design using HTML,CSS, JS

Hey Devs,
From few days after making Windows 11 design i tried my best to make Windows 12 ui.
I make it by using Html,Css,Js
As a beginner, I tried my best in it.

Live demo : https://window-12.netlify.app/

You can also try Windows 11 is it also a very awesome project.

Window 11 dev_to: https://bit.ly/3FdcPij
Window 11: https://window-11.netlify.app/

By :Abdul Rehman

About Me:
I am 14 years old boy From Lahore, Pakistan. I belongs to a middle class family. I am interested in things related to computer and internet. I started my journey as a Web Developer From April, 2021 and start learning web development from YouTube and created Windows 11 clone that is really awesome please Try once. I make Windows 11 on my PC(Which is too much slow) with 2gb ram and 32gb HDD.
Thank You.
I need your support.
Your one comment is a source of motivation for me.

Discussion (43)

Collapse
jeremymonatte profile image
Mbenga • Edited on

honestly the development work is really good. A big thumbs up.

On the other hand, I think that imagined the interface of a potential Windows 12 could be too ambitious. It's a different job than being a developer, where you seem genuinely good at. This is a very thorough job of ui / ui designer. And we can find small flaws in this ux / ui work.

For example I think it is unlikely that windows 12 readopt the bar fixed to the left while windows 11 pushes the bar centered. Similarly, it is unlikely to see applications like "groove music" when its support is already decreasing (yes I know it is very precise as a default but it is this kind of point that makes the diference between a cool project, andan excellent project).
Likewise, it is probable, given the direction taken by windows 11, that interactions lead to ever smoother animations, whereas on your project we find a lot of change of aspects without real transitions. Finally, the differences in vertical alignments in the task bar appear to be a fairly notable defect.

Okay it's time to jump to the conclusion, and I know my comment sounds harsh. But in truth I am quite admiring. It's a really great job, especially for someone so young. You really have potential and I want to encourage you. I think you can become a really good dev. If I have brought you so many points that appear to be flaws, it is above all because everything else is very, very clean. Suddenly, the defects are necessarily visible. My conclusion will therefore be: "BRAVO"

Collapse
whippingdot profile image
Sanjaay R.

Amazing response I agree with everything (thought I don't understand the vertical alignments thingy)

Collapse
jeremymonatte profile image
Mbenga • Edited on

what I meant was than if i draw the line of the icones' top and bottom (windows and middle ones), the ones of the searchbar, the is a lot of line.
Lines of alignment

Ideally, it should have one at the botom of both icons, serach bar and notif block on right, on for the top of those elements, and of for both text and icon of the searchbar

Collapse
abdulrrehman0 profile image
Abdul Rehman Author

Thank you

Collapse
aloha20 profile image
Aloha20 • Edited on

Wow, so lovely. You child these days do great things. My proper respect, and keep creating and changing the IT world. I have a quick question, tho, as I am not too much into technology. I have Windows 10 Enterprise from mysoftwarekeys.com at my workplace, and my boss tells me I could use it for my one use, like storing my data there. Should I accept this offer? As I understand, he paid once for this package for 5000 users, but is it worth it? Maybe I should buy the new version and use it, but I do not quite make the difference at the moment. Thanks for any help.

Collapse
ddasb profile image
Damien Da Silva Bregieiro

You can accept and upgrade to Windows 11, it's free ;)
Windows 11 is not currently compatible with all computers, installing windows 10 first may be a better choice

Collapse
roxlukas profile image
Łukasz Poźniak

Amazing work and I encourage you to continue your work. I started my web dev journey at roughly the same age and it's great you are already way better than I was :-) You will certainly learn a lot if you follow mbenga's advice :-) good luck!

Collapse
abdulrrehman0 profile image
Abdul Rehman Author

Thank you

Collapse
davido242 profile image
Monday David S.

This is awesome Abdul.... keep it up! It's usually tough in all great begginings!

Collapse
abdulrrehman0 profile image
Abdul Rehman Author

Thank you

Collapse
jfbrennan profile image
Jordan Brennan

Nice work dude!

Collapse
abdulrrehman0 profile image
Abdul Rehman Author

Thank You.
Have a nice day

Collapse
hazratalibit profile image
Hazrat Ali

Wooo. This is so cool.
You will grow so much faster.

Collapse
abdulrrehman0 profile image
Abdul Rehman Author

Thank you

Collapse
khalidsaifullahfuad profile image
Khalid Saifullah Fuad

Very impressive. Keep it up. 👍

Collapse
abdulrrehman0 profile image
Abdul Rehman Author

Thank You.
Have a nice day

Collapse
atlx profile image
λtlas

Great job! I can tell it took a lot of hard work.

Collapse
abdulrrehman0 profile image
Abdul Rehman Author

Thank You

Collapse
yinkamac profile image
yinkamac

Nice work , Keep it up 👍

Collapse
abdulrrehman0 profile image
Abdul Rehman Author

Thank you

Collapse
jwenjian profile image
Jiang Wenjian

👍

Collapse
harryadney profile image
Martin Dimmock

It's so inspirational seeing a young designer/developer take their first steps in this industry. Well done.

Collapse
abdulrrehman0 profile image
Abdul Rehman Author

Thank you

Collapse
kosoko_daniel profile image
Daniel

Welldone. Keep it up

Collapse
abdulrrehman0 profile image
Abdul Rehman Author

Thank you

Collapse
thisisazeez profile image
Abdul Azeez

Biggest Thumbs UP! Great Work

Collapse
abdulrrehman0 profile image
Abdul Rehman Author

Thank you

Collapse
jzombie profile image
jzombie

Keep up the great work.

Collapse
abdulrrehman0 profile image
Abdul Rehman Author

Thank you

Collapse
walterwoshid profile image
WalterWoshid

My friend, you are 14 and you accomplished such a great thing. You have my greatest respect. Keep up your work!!!

Collapse
abdulrrehman0 profile image
Abdul Rehman Author

Thank you
Thank you
Thank you

Collapse
abhishekbedi profile image
Abhishek Bedi

Hi Abdul,
Great work. People like you inspire us all ! Developing with 2GB of RAM? That shows your dedication to learn, keep up the good work.

Collapse
abdulrrehman0 profile image
Abdul Rehman Author

Thank you
Thank you
Thank you

Collapse
incognitadev profile image
Luis Sousa

Great!

just a suggestion to windows 11 for web, and possible to windows 12, the github app button can redirect to your github.

Collapse
abdulrrehman0 profile image
Abdul Rehman Author

Thank you
ok i will try to do it

Collapse
kushagra113 profile image
Kushagra113

Great work dude. That's really outstanding. I dont even know me as a web developer would be able to create the clone or not.

Collapse
abdulrrehman0 profile image
Abdul Rehman Author

Thank you

Collapse
lord483 profile image
Murlidhar Bhardwaj

Great! I love it.

Collapse
abdulrrehman0 profile image
Abdul Rehman Author

Thank you

Collapse
shinobisaad profile image
Syed Saad Ul Kabir

You nailed it in the UI! Keep it up

Collapse
abdulrrehman0 profile image
Abdul Rehman Author

Thank you

Collapse
mohammad_mahdi profile image
Muhammad Mahdi

Good job my friend :)
just keep going 👌
I'm 14 years old too, if you like check my post.

Collapse
abdulrrehman0 profile image
Abdul Rehman Author

Thank you
Sure ,i will definitely check your post