I always wondered why people waste their time and energy on just designing for their small websites instead of writing the code directly. But now I understand.
@whosajid
Ай бұрын
Plus, adjusting things is easier in design phase. You don't have to re-write a lot of code to make few layout or design changes.
@mshl114
Ай бұрын
@@whosajid Thanks for letting me know that too!
@whosajid
Ай бұрын
@@mshl114 My pleasure
@user-tg6vl7tj2o
Ай бұрын
So that you'll not end up wasting time to rewrite code if the design you're thinking is not aligning to the one you've visioned.
@landonwjohnson
Ай бұрын
I think that's everyone's thought process. Even when I work with clients, you can see the though of wire framing it out first irritates them, because they want to hit the deadline faster. If you want to go to a whole other level, it's also important to do plan out folder structure, what's going to be in each file, and what's the users journey with sequence diagrams. Every company/client is different, but designing first is super important.
@PigHead
Ай бұрын
Bro this is gold. No fluff, just straight to the point. Thank you sir.
@whosajid
Ай бұрын
Glad it was helpful.
@mavsocc
Ай бұрын
yes
@lancewilliamcatal6870
Ай бұрын
KZitem algo ahs blessed me again. The design approach is a game changer.
@whosajid
Ай бұрын
Yeah, it really is.
@pratikkaranjit1462
2 күн бұрын
ahs
@Diego_Cabrera
Ай бұрын
I can’t stress that enough. The design part is the most important part. It makes the coding part so much simpler.
@GodOfFools
Ай бұрын
Should've told me this 2weeks ago
@GhostBata675
Ай бұрын
Found out in the hard way 🤣
@uaer309
29 күн бұрын
Also more boring, saying that as a UI designer with 10 years of commercial experience. Dev is a lot of fun until you have a well structured design. Then it becomes a boring copy-pasting activity 😅
@internetmarketingwithruno
27 күн бұрын
Just a reminder that design means overall design of website. To many people design means visual design. Design means decode task to semantics which is converted to structured html and css and thus easy to change.
@haveagudday8068
3 күн бұрын
@@uaer309depends on what your goals is tbh, if it's a website build for clients, then you definitely need experienced UI/UX designers. But, if you want to hone your skills, then trial and error is a good way to learn.
@avexrage
Ай бұрын
no music needed, pure gold information. u deserve my subs
@markanderson8066
Ай бұрын
I teach engineering design in college. Wish all my students saw this before the semester! Nice job.
@SpooningTreesap86
14 күн бұрын
Make it the first assignment on week 0 to watch this video 👀
@whosajid
6 күн бұрын
@@SpooningTreesap86 WOW! Thank you so much!
@mahidulislam3103
Ай бұрын
The snap scrolling and scale really did "THE THING" for me. ly brother, u earned urself a sub.
@whosajid
Ай бұрын
Happy to hear that. lyt bro
@augustyng
8 күн бұрын
Snap scrolling is cool, but make sure that the user is not annoyed by that. It’s actually rarely a good idea to use it, it’s the best to use it only for very fancy designed websites with some scrollytelling & parallax
@GabeKMusic
Ай бұрын
I love that you take the extra time and effort to explain things for those with less experience in certain technical domains - Like how you explain concretely what you mean by CSS and code editor. As a software engineer, I wish other educational content would do the same for the programming rabbit holes I fall into while debugging. Too many assumptions about their audience are made by educators
@nathanielreeves_dev
21 күн бұрын
the scroll snapping and scale I didn’t know! Excellent tips.
@consume-news
Ай бұрын
I have this gut feeling that this channel is gonna 3xpl0de in terms of viewers. Quality content brother.
@danielvaega
23 күн бұрын
Never felt so rewarded for sticking around till the end of a video. Mans felt like an Avenger at 10:55 Thank you, Sajid. You are clearly a super-Saiyan-tier of codurr
@ResEnd_-
Ай бұрын
This blew my mind, it's 3am, I got tired from a personal project here but after watching, I look foward to just send my current files to the bin and go to figma and start it over, and right (maybe?). Thanks for making myself want to fail again by driving my to believe I can learn from it, like u said you did. Great work, editing and direction on the video, congrats! ❤
@whosajid
Ай бұрын
You can do it ❤️
@brunosag
Ай бұрын
You're my go-to guide when building a website from scratch now. I love your straight-to-the-point, UX-focused approach on these, and would love to see other videos diving deeper into each one of these steps. Keep up the great work!
@whosajid
Ай бұрын
Yeah, I am thinking of diving deeper. Longer and more useful videos.
@user567-jv3rh
13 күн бұрын
Such a great content I have ever seen in single video.
@nileshjain1090
Ай бұрын
Don't you think my career seems 50 times easier now?
@ally6438
Ай бұрын
Full stack dev here of 15 years. Really enjoyed your video, you've put down in a short clip lessons I've learned the hard way or now intuitively follow without really thinking about why.
@KeneDigital
Ай бұрын
This is my last bus stop. Masterclass content. Thank you Sajid
@whosajid
Ай бұрын
Thanks for writing such a nice comment. I am glad the video was helpful.
@superuserdo476
18 күн бұрын
Infact the best video on KZitem. You planned and designed this video well that's why you attracted me quick. You earned yourself a subscriber bro
@SnakesRaven
Ай бұрын
Should be mandatory to watch. Nowadays I hardly touch a computer when building the structure of a website and its pages, just pen, paper and sticky notes. Here are my two cents: - If you create wireframes keep it simple: just focus on what section goes on what page, on each section write down the purpose and if there's a cta or link provide that as well. Something like "hero title" with description "in the homepage hero section we will have the main value proposition followed by a main call to action button towards page so and so" followed by "button". That's it, you are only structuring your website and its pages, so focus on it. No need to add images, colums, sliders, etc to the sections because if you show it to the client they often get confused and think it's already the design. - Do you really need that fancy animation, goofy slider and sparkling glitter following your mouse cursor or are you just trying to show off? That's right, keep it simple and if it doesn't add value get rid of it.
@dragonprince08
Ай бұрын
Just watched your two most recent videos. I’m in awe at how it explains things which I didn’t know how I wanted them to be explained. The topics and level of technicality is just right. Thank you for these! I’m really excited to see what I can get out of them! 😃
@whosajid
Ай бұрын
I am glad the videos were helpful.
@pleuratpllana
Ай бұрын
Best video I’ve seen this year. Straight to the point.
@Miaccount4617
21 күн бұрын
This was a crash course in 10 mins. I got a lot from this! Thank you so much.
@surgical_17
Ай бұрын
Possibly the best video I have watched recently regarding Website development and design. A real reason to stop and try and approach it differently and better. Thank you needed this :)
@fehane9301
2 күн бұрын
This stuff is gold man! thank you so much
@alenscaria1516
28 күн бұрын
SO thankful to youtube algo to show ur vid in suggestions today!! Thanks !!
@Hari983
26 күн бұрын
Your video is phenomenal. I have been watching coding videos forever, and yet this was still such a fresh perspective. with world class quality. You are the best!
@luqmti6634
27 күн бұрын
Your input is straight to the point. I love this kind of content since im also into web dev. You got a new subscriber. Keep it up
@user-sy4qj2zr1z
6 күн бұрын
That was a boost to my confidence, thanks brother
@arhabersham
21 күн бұрын
One of the best videos on this topic I have seen in a LOOONG time. Thanks for posting!
@matt-cpsc
Ай бұрын
This channel is going to be big, deserved. Awesome content.
@farkliyahya
Ай бұрын
this dude is LEGIT I actually went through this myself and got into this conclusion my guy knows wassup. I completely agree with him
@alanballos6162
Ай бұрын
Wow this is the best! no story telling straigth to the point! thank you so much!
@iluvassembly
27 күн бұрын
Dude I love your channel. Straight to the point and doesn't go into technical details 👍👍👍.
@blessing2757
Ай бұрын
Wait your content is really good wtf.. really appreciated the tips part at last.. love the pure and straight forward content man.. keep it up fr.. ❤
@whosajid
Ай бұрын
Your comment is really good. Really appreciate it. Keep them coming...
@FutureJacket
3 күн бұрын
Great content as always. Taking notes furiously.
@drei5up
Ай бұрын
Damn man, this video is pure gold for people who are begginers like me. Just with the tips trcks at the end of the video you saved my life.
@o_m8717
26 күн бұрын
Bro your content is so helpful and unique. Keep it up. I'm so glad I found your channel right on time.
@RevvyShorts
Ай бұрын
Short n crisp, LOVED it thanks. Now im more motivated to make a website.
@Darvis227
8 күн бұрын
This information is gold
@quentincaldway
14 күн бұрын
What an absolutely fire 🔥 video. From start to finish you gave A1 advice. After building some short projects I’ve found out that when you design first, before jumping right in, when it comes time to code you are able to explore new avenues and create experiences uniquely tailored for a specific goal and/or meet client’s needs. Simply put, you begin to have fun discovering something new in your skills set, while achieving the primary goal, and much faster. Thanks for the awesome tips at the end as well. Each tip you’ll commonly find on professional websites, liked and subbed. 💪🏾
@whosajid
14 күн бұрын
You got it 💪
@rtubiras644
14 күн бұрын
Amazing content, nice sense of humor editing. Liked and subed without a second thought!
@zori2548
Ай бұрын
This is actually such a good video bro. Thank you so much.
@FishSticks-hf5hd
17 күн бұрын
Loving these videos, man! Keep them up. I like how direct and straightforward they are. I do suggest do be a little more enthusiastic with the way you speak but that's just me.
@fluffypanda5405
Ай бұрын
I’m trying to be a ui/ux engineer( fancy term for a person who does design + code + graphic design, it is position im most tech companies in my country) I was stuck in tutorial hell. Your videos showed me a way. Just do it. Thank you
@GeorgeAllenDonayre-ht4oq
Ай бұрын
Underrated KZitem channel, you made me realized my mistakes. Thank you. You earned a subscriber.
@whosajid
Ай бұрын
Wow, thanks
@blazeluminati
Ай бұрын
One of the best web dev videos on KZitem
@christopherc4526
23 күн бұрын
This is so well done.
@hooooman.
Ай бұрын
Subbed! Never expected such a content quality from a new channel 👏
@whosajid
Ай бұрын
Glad you enjoy it!
@justforthevibes3290
Ай бұрын
Thank you for making it quite clear I need to design first. Good knowing this in the beginning of my web journey.
@safiazizi33
14 күн бұрын
Thank you for these great lessons
@gz1236
28 күн бұрын
Now I know what I lack when creating a website, I always stuck at a scenario where I don't have any Idea on what I would create or don't know where to start
@johnronnbioco6465
Ай бұрын
dayummm. so good straight to the point.
@maazshaikh7905
Ай бұрын
Top notch content! Need more like this.
@bukkurusyam878
15 күн бұрын
I really like that way of your explanation, you put it all simple ❤
@rameenana
Ай бұрын
This was very useful man. Thanks. Appreciate your work.
@dhokiarinidh9809
25 күн бұрын
A man in the hot desert truly values drops of water highly. I am in the same situation. I just woke up one day and started building a portfolio website without any plan, and now I am stuck somewhere. Finally I had to abandon this and that and go thru a lot of stress to make things work. I really felt like I made a mistake not to plan... Oh God, I wish I watched this video long before... Thank you for the amazing content... ♥
@Fullstack_LP
Ай бұрын
What a great video. Simple. Concise. Useful. 🙏
@khanhuzaif4986
29 күн бұрын
the most awaited video for me , it solved my core problem just like u said , design and having a clear plan of what we builiding is important .
@honoriusfoly4650
15 күн бұрын
Great content. Thank you so much.
@fassie79
23 күн бұрын
Great stuff man! I used to start coding directly. The website turned out ok but not great. And it took a very long time to build.
@design-vl5xr
Ай бұрын
This is soooo necessary. Great job
@liarleyev8487
Ай бұрын
This is super, freaking, insane helpful. Thanks you. Im watching this for the third time 🎉
@techlitindia
14 күн бұрын
One of the best video I have witnessed.. Thanks bro 😮
@ALL_R0UNDER
Ай бұрын
While writing code I was always thinking what if I had something like blueprint of what I want to build? Then I see the power of planning before writing code, it is timetaking but worth it, because coding is easy but solving problem is hard. This video is just introduction to website-building guideline, but it is wonderful and powerful. Sajid, if possible make video on you use the approach to build website of your clients, and discuss other approaches as well.
@whosajid
Ай бұрын
Noted. Will work on it.
@yoy0179
25 күн бұрын
Help me a lot ! Thank you so muchh.
@henrygreaves4962
Ай бұрын
Brilliant video. Thank you so much for sharing your wisdom Sajid.
@n4vyblueyes377
20 күн бұрын
sweet. thanks for making it quick
@djlclopez128
18 күн бұрын
Thanks, this was very helpful. I'm halfway into my programming journey, and I've been wondering about design elements. Subscribed
@best1games2studio3
Ай бұрын
This feels like youtube premium content. Subscribed.
@abrahamtorty9322
Ай бұрын
Awesome video. It applies to newbies and pros🎉 You've earned a sub!
@Xnight-X
23 күн бұрын
Man, you’re really being a big help🔥✨
@krohnberg
2 күн бұрын
I'm on the fence about the concept of designing websites before coding them. I have worked with both approaches for a long time. For instance, I remember a project where I had a clear vision in my mind and started coding right away. The process was quick, and the end result was satisfactory. On the other hand, in a more professional setting, we once spent several days meticulously designing a website before even touching the code. While the end result was similar in quality, the process was significantly slower.
@whosajid
2 күн бұрын
Yeah, the design will change significantly as you start to build the website/product. But having an outline for basic elements will make the process faster. For example, suppose you don't know what the primary, secondary and tertiary buttons will look in the final design. So, you are going to do 2 things: 1. Try multiple styles and see what looks good at the moment. Which can easily waste hours. 2. Use a library like tailwind or bootstrap, and waste time there. And this is just buttons, deciding the layout and content on the fly is a very time-consuming process, and in most cases you end up re-designing the shit out of everything. Having said that, I myself improvise a lot in the dev process, and it only makes things better. So we can design upfront with some room for creative freedom in the dev phase.
@nashiroyohei5925
Ай бұрын
I didn't know you can use CSS that way. Thank you so much!
@RhythmC
Ай бұрын
Great advice man i thought you had like a 100k subs i was suprised to see only 743 subs.The video was so well made and very informative.
@whosajid
Ай бұрын
I appreciate that!
@thanatp5498
Ай бұрын
One of the best videos about website design I ever watch.👍
@tofikmohammed
Ай бұрын
I’m saving this for everyday reference. Thanks man 🎉
@whosajid
Ай бұрын
Glad it helped
@ankanchakraborty9229
Ай бұрын
Sajid, going good bro. I have experience in this field for 7 years. I love your explanation. It's up to the mark ❣️
@samsloanmusic1749
29 күн бұрын
Couldn’t imagine jumping into code right away without at least a quick mockup in Figma
@o_m8717
26 күн бұрын
Me too. I want to learn Front development but I decided to begin with a solid course on UX/UI to save money, time, and increase efficiency. And to also rapidly test new ideas.
@monat_son
13 сағат бұрын
Thank you for sharing the knowledge bro ❤
@parsahosseini4241
Ай бұрын
Damn… Thank you for sharing all of these mate❤️
@Revanish
Ай бұрын
Thank you I needed this.
@nkanyisogwane6456
Ай бұрын
I spent years learning front-end design, but I always ended up quitting. Why? because I always felt the frustration of not being able to design, always felt like I lack creativity and that is what made me stop HTML and CSS. But after watching this video, I certainly know the way forward and will actually implement it. thanks💯
@dominikandorka
28 күн бұрын
Thank you. Very helpful video!😁
@davidmc971
25 күн бұрын
Beautifully put together 👏
@user-ov8jm5id5p
7 күн бұрын
What a nice insightful video!
@kittubee
28 күн бұрын
So great, to the point, excellent!!! I agreed with all that you said!!!
@xetz
Ай бұрын
Nice video. I really needed it. Thank you so much!
@landonwjohnson
Ай бұрын
God bless you for dumbing this down for everyone to understand, and for including the chapters 👏
@whosajid
Ай бұрын
The chapters are auto generated. But Thanks:)
@harmmie
14 күн бұрын
For font sizes I use clamp, it’s basically min and max put together with one more parameter in the middle to be the “preferred” size :)
@whosajid
14 күн бұрын
yep 😎
@uchihamadara4340
Ай бұрын
new to this channel nice analysis and straight to the point ,no background distraction . keep it up sub added
@christopherlopez2491
Ай бұрын
I’ve been spending time doing this a lot more, it makes everything so much easier. Over plan, get the components, the technologies, how each component interacts with the parent, server side, client side… all of it. Then you break that sucker down to chunks. Also work on your user stories.
@whosajid
Ай бұрын
You got it
@dillon2965
29 күн бұрын
Great video, thank you for taking the time to make this video. Subscribed!
@LightlyLilyAsmr
Ай бұрын
it took me a year to make my first website, a lot of times because I didn't like how something looked. Now I might take about 3 weeks- 1 month depending on what it is. I still take time because I still don't know all the possibilities, and a lot of my time is spent reseaching all the different ways you can design. Understanding the basics like layouts really helped me. However, I notice I still stray from common design practices. My web development portfolio i'm making is very simple, but uses some cool animations. The above the scroll part of the page doesn't follow the common patterns like the Z shape layout, but I really like how it looks, because I love simple single page designs. The problem is maybe other people won't. I'm using react.js and django.
@usamafarrukh1564
Ай бұрын
That's cool
@romeiyu3491
Ай бұрын
Thank you so much for this video!
@monkeee42069
Ай бұрын
Bro you are a LEGEND!
@junnel2608
25 күн бұрын
this is really good, i appreciate it. stream lining the work flow and design. how about a cms or a dashboard for a like say inventory or more specific like a car care center? kinda like inventory management system. not the functionality it self but the design flow. can it be streamlined?
@mrcalomari8349
3 күн бұрын
Thanks. Very helpfull
@wormy_coder
29 күн бұрын
Another cool tricks. Thank you
@user-zx1hd6ne2u
25 күн бұрын
great helpful video. this one got up a new sub. thank you very much! 🙏
Пікірлер: 540