DEV Community

Cover image for The first design iteration of my personal website

The first design iteration of my personal website

Mazen Touati on November 29, 2018

Hi folks Recently, I've shared online my first personal website and asked for feedback and suggestions. Fortunately, I've got what's enough to mak...
Collapse
 
jsn1nj4 profile image
Elliot Derhay • Edited

Love your design, though even more because of the execution. I've only looked at it on mobile, but it looks awesome and flows really well -- and I'm saying this as someone who tends to shy away from Windows in favor of Linux. Lol

Collapse
 
julesmanson profile image
jules manson • Edited

I am primarily a Windows user but I do occasionally go on mac or whatever they are called these days. I never understood why some people gravitate toward linux systems. From my point of view I like windows because it is familiar, it is now very stable. 10 never crashed on me since day one. I am primarily a user of productive apps (engineering 3d software, office, web developing, etc. and yes sometimes porn too lol) so access to my most important applications is critical, and it is now free. So what draws people to a less familiar system that may or may not be as stable as windows, isn't mainstream, has far fewer apps and substitutes that are usually subpar, and probably has poor support? Is it that because you want to be different? Or perhaps you like to dabble with creating apps on it because youre a programmer? I just dont get it.

Collapse
 
jsn1nj4 profile image
Elliot Derhay

Some people prefer more freedom and transparency than Windows gives. Some like to be able to tinker with their OS. There's also affordability and lower resource usage.

In my case, along with some of what's listed above, the tools and such that I work with are actually geared more towards Linux use anyway, so that's just 1 more thing that pulls me in that direction.

Linux definitely isn't a one-size-fits-all environment, especially with the number of Linux distros and DE choices out there.

So, like most things, it comes down to personal preferences and requirements for the most part.

Collapse
 
mazentouati profile image
Mazen Touati

haha there's enough for both linux and windows users 🤜🤛

Collapse
 
julesmanson profile image
jules manson

This is my reply to JSn1nj4. Maybe you can answer it for me:

I am primarily a Windows user but I do occasionally go on mac or whatever they are called these days. I never understood why some people gravitate toward linux systems. From my point of view I like windows because it is familiar, it is now very stable. 10 never crashed on me since day one. I am primarily a user of productive apps (engineering 3d software, office, web developing, etc. and yes sometimes porn too lol) so access to my most important applications is critical, and it is now free. So what draws people to a less familiar system that may or may not be as stable as windows, isn't mainstream, has far fewer apps and substitutes that are usually subpar, and probably has poor support? Is it that because you want to different? Or perhaps you like dabble with creating apps on it because youre a programmer? I just dont get it.

Collapse
 
jess profile image
Jess Lee
Collapse
 
qm3ster profile image
Mihail Malo

What's going on here?
I'm calling the private security company.

Collapse
 
bengreenberg profile image
Ben Greenberg

This looks so great! I love your use of empty space to draw the viewer to the content and your choice of animated text, etc. is just enough to keep it really fun and interesting without being overwhelming. Really well done! Congrats!

Collapse
 
julesmanson profile image
jules manson

It looks a lot better. I specially like your skeleton-like navigation. I won't comment on any other issues others have already written about. But there is a saying that a website is never finished. Here is what I would do with the next iteration. Give the bottom view an authentic-looking Windows 10 crash in every detail. Then after about two seconds fade it out leaving a nice layout with all your contact info. Here is link to an authentic (Windows 10 crash)[windowscentral.com/how-troubleshoo...]. Just a note on 10. It never happened to me. I find 10 to be very stable.

Collapse
 
mazentouati profile image
Mazen Touati

It sounds interesting, I will think about it. Thanks for your suggestion. Though, i got BSOD a couple of times on my Win10 haha.

Collapse
 
mark_nicol profile image
Mark Nicol

Nice work. That is really clear and distinctive without being overpowering. It looks like you've had a lot of fun putting it together. Thanks for sharing the process there are so many good ideas there.

Collapse
 
liltechnomancer profile image
Levi ᕙ(⇀‸↼‶)ᕗ

Holy cow this is so good! The design is really cool without being over the top. I really like it!

Collapse
 
itachiuchiha profile image
Itachi Uchiha

I love this community :)

Collapse
 
mazentouati profile image
Mazen Touati

indeed 🦄

Collapse
 
jrkd profile image
Jono • Edited

Great website Mazen! Love all the little touches (especially the [keyboard-shortcut]).

Will definitely get you far if your looking to catch the eye of lead devs looking to hire.

5/5

Collapse
 
mazentouati profile image
Mazen Touati

Thanks Jono- I hope so, and I'm glad you like it 😊🦄

Collapse
 
ideepaksuryas profile image
Deepak Surya

Hey, awesome website buddy. And thanks for sharing it with us. Nice work, I'm gonna try and make something similar, because this is so damn inspiring.

Collapse
 
mazentouati profile image
Mazen Touati

I'm glad it inspires you. Please reach me out if you have any question.

Collapse
 
ideepaksuryas profile image
Deepak Surya

Yep! 😉

Collapse
 
zerodivider profile image
Zeljka Zivanovic

oh, god, I just love it :D

Collapse
 
larsklopstra profile image
Lars Klopstra ⚡

Cool site, really love that coding look! I might be a bit picky but the navigation menu on mobile should appear from the right since the hamburger is placed there :P Great work!

Collapse
 
mazentouati profile image
Mazen Touati

Hahaha not a problem, I'll consider moving it to the right. Thanks for your remark 😊

Collapse
 
sduduzog profile image
Sdu

I'm jealous 😭😭😭 This is art man. How long did it take? What did you use for everything?

Collapse
 
mazentouati profile image
Mazen Touati • Edited

😂😂, this iteration took about 1 week ( working few hours each night ), the initial version took about 4 days, the planing and idea gathering took a lot of time i was thinking about it since summer. I've re-used some components and code base I had already created for my most recent open source project. So I did not create every thing from scratch which saved me some time.
by components i mean modules, not the components like in react, vuejs ...

The stack is : vanilla JavaScript ( es 2016 ), gulp and sass 3. I'll open the source as soon as I organize the code.

Collapse
 
rohit profile image
Rohit Awate

Great job, very creative!
May I suggest matching the fonts with the actual Windows ones (Segoe or Arial, not sure) for the BSOD?

Collapse
 
mazentouati profile image
Mazen Touati

yeah good idea, I'll think about it, Thanks.

Collapse
 
malek profile image
Malek Ben Halima

Sa7a m3allem!

Collapse
 
mazentouati profile image
Mazen Touati

Y3aychek 🤜🤛

Collapse
 
yashwanth2804 profile image
kambala yashwanth

Great work , mac people might be scared , when they reach bottom 😂😂😂

Collapse
 
mazentouati profile image
Mazen Touati

haha absolutely, they might start asking questions about the bug-free mac ideology 😂

Collapse
 
yashwanth2804 profile image
kambala yashwanth

they can achieve that by closing all their ( 1 or 2 max) ports on their physical mac from Ebola virus entering.

Thread Thread
 
mazentouati profile image
Mazen Touati

😂😂

Collapse
 
exbe profile image
exbe

Is personal website still a thing?

Collapse
 
mazentouati profile image
Mazen Touati

Depends