How to Properly Layout A Website (For Beginners)

  Рет қаралды 671,027

The Website Architect

The Website Architect

Күн бұрын

Пікірлер
@kishangautam7506
@kishangautam7506 2 жыл бұрын
Layout is one of the most important aspect of a website. You explained it beautifully.
@tyreerobinson2016
@tyreerobinson2016 2 жыл бұрын
Especially that part where he just says add a two column paragraph but doesn't specify what it should talk about.
@dopedaddy667
@dopedaddy667 Жыл бұрын
Mother of algorithms brought me here while im stuck at designing myfirst few babysites. Thank you
@ldl6147
@ldl6147 Жыл бұрын
Couldn’t have said it better myself
@karanvyas9931
@karanvyas9931 8 ай бұрын
When a noob like me wanted to design a website by my self... Looking for help everywhere and found this gem suddenly . I guess same force working better for me😅
@bevinjason5026
@bevinjason5026 4 ай бұрын
Same here
@RajibTFvlog
@RajibTFvlog 3 ай бұрын
😂
@adeyemiowolabi6062
@adeyemiowolabi6062 2 ай бұрын
😂😊😂😂
@uplink-on-yt
@uplink-on-yt 10 ай бұрын
Backend developer here. It took me a few searches to find your video after realising that the abstract notion of layout is important, rather than how to write CSS and HTML. I wasn't interested in how to make layouts, but how to think of them, and this video fits that interest very well. I was vaguely aware that first and foremost a webpage flows from top to bottom (major axis, your first principle), and then secondarily from left to write (minor axis), but that was about it. The reference to Pinterest webpage building blocks is very useful. I'm saving this for future reference.
@namangupta7131
@namangupta7131 10 ай бұрын
Basically the Hieracrchy
@xyz-bx5et
@xyz-bx5et 4 ай бұрын
@uplink-on-yt how have you got started in backend development brother? can i help you out in anything by any chance? i have decent knowledge about development and can learn new stuffs quickly if required i would be very grateful if you could guide me bro i am literally confused on how to get into this development thing i am just learning and learning and not able to get a definite how to get into development
@uplink-on-yt
@uplink-on-yt 4 ай бұрын
@@xyz-bx5et - I studied many computer programming things for many years since the age of 10, mostly in a structured manner (in school) and with a lot of curiosity and not going outside to play with other kids. 10 years later, I started to use my knowledge in low paid freelance projects on sites like Upwork (then Rent-a-Coder). Backend is just one of many things I know. I also know Linux admin, network admin, C, C++, Python, database admin, web server admin, shell scripting, design patterns, data structures - at various levels. Then I found the Symfony PHP framework, and I loved it, as it removed a lot of boilerplate and got me very productive. I'm not sure what the best way to talk to you would be. KZbin doesn't have a chat feature.
@bcampera
@bcampera Жыл бұрын
I am studying HTML and CSS but oftentimes I don't know what to build with it. Finding this is a blessing. Thank you my friend.
@abusufyan1352
@abusufyan1352 3 ай бұрын
Yoo it's been 8months now Give us Update?
@syedkaleem5866
@syedkaleem5866 25 күн бұрын
Yoo it's been 11months now Give us update?
@mickenilsson
@mickenilsson 2 ай бұрын
I have to stop and thank you. You made let go of the belief that I could build a website exactly as I want. It was hard to swallow but I finally did and now my work is so much easier. Really glad you decided to upload this and show it to the world.
@nffgxz289getim
@nffgxz289getim 2 ай бұрын
Same here. I started a few months ago by "trying" to design my website and had the toughest time ever. I had a layout in mind but just didn't know there were specific rules to go by. I'm glad I found this video.
@pepilearnlearn
@pepilearnlearn Жыл бұрын
After watching different videos, taking courses, read books, I can say this is the best video I've ever seen about web layouts, it's pretty straightforward while instructional. Thank you so much! You should keep posting more stuff like this
@NextToken
@NextToken Жыл бұрын
I agree. It's very well done and to the point. Exactly what i was looking for when i searched "clean website tutorial."
@ZariusIRL
@ZariusIRL Жыл бұрын
This concept is perfect. The putting everything in its own row is a gem.
@s1ngularities
@s1ngularities Жыл бұрын
i'm someone who severely struggle on focusing on something but your simple yet non-uniform(cutesy) styled graphic reeled me in very effectively. it simplifies the point to it's core with enough detail to distinguish itself from the others as it's own thing. it's been a long while since i've focused on something and i didn't left empty handed either. now i'm very interested in your content! :D
@dj-yv7oi
@dj-yv7oi 15 күн бұрын
Do you use tiktok maybe?
@s1ngularities
@s1ngularities 15 күн бұрын
@@dj-yv7oi nope! i don't use tiktok and prefer yt over it since i can see more of my options of videos to watch :)
@s1ngularities
@s1ngularities 12 күн бұрын
@@dj-yv7oi nope! that app feels too restrictive for browsing around content. i like to see my options rather than just swiping :)
@litnookyt
@litnookyt 7 ай бұрын
Just completed wireframing a website, then algorithm brought this video to me. I feel happy that most of my website was based on this principle but I never actually knew these as basic principles. Algorithm worked well. This is a perfect video to revise fundamentals
@76ers
@76ers Жыл бұрын
3:07 - Pro tip: instead of using a plain grey like #f7f7f7, use a hint of Blue e.g. #f3f6f9 You just need to remember “369”. The initial “F” stays the same, while the next number increments by “3”. So… 036 = #f0f3f6 369 = #f3f6f9 58b = #f5f8fb
@davidchavarriamendez9091
@davidchavarriamendez9091 Жыл бұрын
I dont understand. How nine became to b in your last example?
@76ers
@76ers Жыл бұрын
@@davidchavarriamendez9091sry, I skipped some colors in my previous comment just to keep it short. Anyways, after “9”, the values switch from Numbers to Letters as you move left to right from darkest, to lightest. 0123456789ABCDEF 0 = Darkest F = Lightest So if you start from “0”, and you increase the next number by “3”, you end up with these shades of blue: 036 = #f0f3f6 (darkest) 147 = #f1f4f7 258 = #f2f5f8 369 = #f3f6f9 (my favorite) 47A = #f4f7fA 58B = #f5f8fB 69C = #f6f9fC 7AD = #f7fAfD 8BE = #f8fBfE 9CF = #f9fCfF (lightest) Make sense?
@coreygossman6243
@coreygossman6243 Жыл бұрын
​​@@davidchavarriamendez9091b is 11 in hexadecimal
@brownrhythms
@brownrhythms Жыл бұрын
@@davidchavarriamendez9091 It is 5, 8, then 11. There is no 10+. 10 becomes a, 11 becomes b.
@jackknash
@jackknash Жыл бұрын
@@davidchavarriamendez9091 that’s because its a hexadecimal number, aka base 16. You can hold 16 numbers in a single character. 0-9 and then A-F for the numbers 10 through 15.
@GoldenVulpes
@GoldenVulpes Жыл бұрын
What kind of dream client is this haha. Getting my clients to write content for their website is like pulling teeth for me. So I often make their layouts first so they can see what kind of text I need from them
@dharmendrarathod7088
@dharmendrarathod7088 10 ай бұрын
I always wanted to learn website development as a hobby, but found website creation process very challenging and would mostly focus learning the coding part of the process. Thanks for making such a detailed video connecting requirement doc to layout, and I think, it goes without saying the best video I have seen in 10 years of my journey. Thanks a lot Alex 🙏🏻
@MadManX668
@MadManX668 3 ай бұрын
I love you!!!!
@spencer_wind
@spencer_wind Жыл бұрын
As a web developer student with a passion for design your videos are awesome ! Keep it up !
@theman7050
@theman7050 Жыл бұрын
MOAAAAR LIKE THESE. Everyone only teaches design principles, you talked about actual layout! Please keep building on it..
@kaneleh
@kaneleh 2 ай бұрын
I realize while watching that I have seen this video before. I just wanted to thank you because since I watched this video, I have incorporated your hands on approach to layout as a foundation for how I think about creating websites. I am a developer, and I have no graphical design training. I’m just trying to learn how to make websites that look good. Just the concept of breaking down the website into rows and considering each row separately makes the process of building a nice looking website seem manageable instead of overwhelming. Another important insight is that I have to think separately of design and layout, instead of considering them to be one single thing! Anyway, thank you so much for this video!
@nikolanovakovic4150
@nikolanovakovic4150 Жыл бұрын
I LOVED THIS ! Thank you so much as someone who is learning front-end I've been struggling hard with the design and layout part of the job, this has helped so much !
@shobuj_pata
@shobuj_pata 2 ай бұрын
Hey Bro! All I can say to you is "Thanks a loooooooooooooooottttt! " The explanation was very precise, simple and satisfying. You just cleared most of my doubts and confusions. Thank you and I already subscribed and liked your video!
@gigipaquette
@gigipaquette 3 ай бұрын
I can't even begin to thank you enough for this thorough and concise video. I love that you nailed it down to exactly what you would do with icons and got to the point. THANK YOU THANK YOU! Have a fantastic day!
@zoufishanyousaf2296
@zoufishanyousaf2296 Ай бұрын
1 minute in and i am hook line and sinker, liked, subscribed and comment. Now thisssss is excellent content, keep up the good work.
@mitch761
@mitch761 Жыл бұрын
Looking at layout as rows instead of as grids/boxes has been a game changer
@nicolower7602
@nicolower7602 8 ай бұрын
Wow i am Amazed how easy it was to listen to you! Thank you for making it so simple to understand!
@dariofairhall2695
@dariofairhall2695 9 ай бұрын
This really helps a lot, when you only know a bunch of html, css and js. And trying to practice to make a website by copying others, why shouldn't everyone teach this at first, it improves the sense of completion and implementation of knowledge you learn. Anyways thanks a lot for creating this video.
@knightridergaming1106
@knightridergaming1106 Жыл бұрын
I was confused for days that how should I structure my blank page and this video was filled with jampacked knowledge that I fell out of my chair , I am better now lol
@christiannsiim
@christiannsiim 7 ай бұрын
I love the use of diagrams, it has really helped me to visualise better!
@georgesms
@georgesms Жыл бұрын
Your "no BS" aproach is refreshing!
@maryna4338
@maryna4338 Жыл бұрын
This is a great video. It’s informative, easy to understand and super helpful, especially because you walk the viewer through the process. Greatly appreciated, thank you. Keep it up!
@deepchanda1989
@deepchanda1989 8 ай бұрын
This is the most practical and easy video on layout I found online. Thank you so much.
@greendropmedia
@greendropmedia Жыл бұрын
Bro you just inspired me!! I was stuck on a design and this video is EXACTLY what I needed!! New subscriber
@CaptZenPetabyte
@CaptZenPetabyte Жыл бұрын
Thank you for this tutorial. I am currently using this advice to attempt to design my business website using bootstrap 5, and it has helped me jumpstart the designing and creation. Appreciate you taking the time!
@bonniehoke-scedrov4906
@bonniehoke-scedrov4906 Жыл бұрын
This is my first time enjoying your KZbin channel. Great content! Looking forward to hearing more from you! Your video was so informative. Thank you so much!
@jameslopes
@jameslopes 6 ай бұрын
🎯 Key points for quick navigation: 01:24 *🖼️ Every webpage is structured by rows, each representing a distinct idea or section of content. Avoid mixing unrelated ideas within the same row for clarity and user experience.* 02:17 *🎨 Visually differentiate rows using varied backgrounds or colors; consistency in design within rows enhances the overall layout appeal.* 03:42 *📏 Ensure each row includes vertical padding (typically 50-80 pixels) to improve readability and visual cleanliness of the layout.* 04:10 *📜 Content should precede layout design; tailor your layout to fit the content rather than vice versa to ensure a cohesive and effective website design.* 05:37 *📄 When receiving content from clients, expect initial drafts to consist mainly of text; creatively transform this content into structured and engaging webpage layouts.* Made with HARPA AI
@jefterlauglaug8096
@jefterlauglaug8096 9 ай бұрын
this helped me learn how to make a responsive layout in webdesign
@chandnisoni3979
@chandnisoni3979 4 ай бұрын
Have diff color rows Do vertical padding in each row by 50 pixel
@catrein4687
@catrein4687 4 ай бұрын
Man, are you serious? They charge thousand of bucks for this info where I live. This is awesome, thank you so much
@Jheyybr
@Jheyybr Жыл бұрын
This is one of the best video to learn about layout. Trust me, I am one of those guys who has a lot of trouble and always get stucked when I have to do this. I just want to say thank you.
@bodhadityamukherjee6315
@bodhadityamukherjee6315 Жыл бұрын
This is the best video i have found on youtube in this subject!!!
@ericvanjames8395
@ericvanjames8395 Жыл бұрын
In this context: "Principle" is the correct spelling of the word! (Plural = "Principles.") Thanks for your video. ~
@Zatroth
@Zatroth Жыл бұрын
So basicallly rhytm and repetition, is good to know how others arrange their worlk flow. Thanks dude, this video helpms me alot to move pass the "blank page" as you mentioned.
@thehumanist4577
@thehumanist4577 22 күн бұрын
Great content! Side note - Ekal is pronounced 'aye cull' (which means 'lone' or 'alone')
@mrs.quills7061
@mrs.quills7061 Жыл бұрын
Figma is another tool I want to learn! And while I do have my layout sketched out, maybe I should lay it out better in illustrator 🤔 that way I can make sure it’s cohesive.
@Cabdalle.Ismacil
@Cabdalle.Ismacil 4 ай бұрын
It's like you have seen me doing boring layouts and started to upload this video. Thanks bro. My English is not as good as I'm, sorry for it.
@Robert08010
@Robert08010 8 ай бұрын
I have a web page that uses 100% absulute positions for each element but the whole web site is left aligned. I understand JS enough to calculate exactly how many px I need to move it to center it. But I can't seem to use a js variable in an html tag. I want to take all that absolute positioning and offset it by a specific number of pixels. Is there a simple solution that allows me to keep all that absolute positioning?
@weerawarakul1817
@weerawarakul1817 2 жыл бұрын
this is the content I seek form months as a self taught web developper/designer. thank you very much
@julianjacobs8956
@julianjacobs8956 11 ай бұрын
This is an AWESOME video. Coming from a dev walking into the design world. Thank you!
@henrythomas7112
@henrythomas7112 11 ай бұрын
Very well explained! I have learned many great things from your articles. I have been checking out all of your blogs as well, thanks for sharing this.
@PirateOfTheNorth
@PirateOfTheNorth 7 ай бұрын
Thank you. This was just what I was looking for ❤
@tonks8687
@tonks8687 2 жыл бұрын
This channel deserves more subscriptions and it definitely will.
@nhasnap
@nhasnap 10 ай бұрын
I don't even know why I am here, I'm not even in the dev jobs or anything at all but I watch your video until the end
@lovenature918
@lovenature918 10 ай бұрын
Hlo
@wisdom5603
@wisdom5603 2 ай бұрын
This is such a deep insight ! It is sooooo beautiful.....!!!!! Thank you so much !!🎉
@MultiSciGeek
@MultiSciGeek 7 ай бұрын
This is super useful, and something I struggled with a lot recently... Would love to see the same thing for an app!
@أميرالمؤمنينبنمحمدأكرم
@أميرالمؤمنينبنمحمدأكرم 11 ай бұрын
Theee beeesssttt layouting explanation with example.. not only speech.
@Brlitzkreig
@Brlitzkreig Жыл бұрын
Excellent clear cut and to the point content
@footballclips5013
@footballclips5013 2 жыл бұрын
I have a project to submit in 2 days time and Iwas only focused on the layout forgetting content. That really blew my mind. Thanx content before layouts
@tyreerobinson2016
@tyreerobinson2016 2 жыл бұрын
12:41 what should the 2 column text layout include? What should we talk about in this section?
@Futur_ium
@Futur_ium 2 ай бұрын
it os truely one of the best resources for design . thank you very much.
@rgarlinyc
@rgarlinyc 10 ай бұрын
Very convincing, thanks a lot - I shall put this to test as I build some websites.
@suranjandhara7535
@suranjandhara7535 9 ай бұрын
You just have gained one subscriber ✨🙌 Amazing explanation ❤
@bonbonpony
@bonbonpony 2 жыл бұрын
04:17 This principle (not principal) seems to be somewhat limited. Although I share the view that layout should be there for the content, not the other way around, and should always be designed in such a way that would emphasize the content and make it more readable and aesthetic, I don't think that content should (or can) always come FIRST. Because this only applies to "one-shot" web pages that someone creates and forgets, ones that will never grow any further. But there's a whole another category of websites too: those which always grow and must accommodate new content (e.g. new articles). In that case, content _cannot_ come first, because we don't know the future and can't predict what content will someone put there. In that case, the design must be generic enough to work well with different content. Things like typography, headings, inline illustrations, lists, tables etc. must be styled regardless of what particular content will be put there in the future. And although I like the modular blocks approach, I don't think it might be used for that type of websites, unless one makes a larger set of generic blocks that could be reused by content creators for all sorts of different content they'll come up with.
@richieMP118
@richieMP118 Жыл бұрын
Hey I saw you in that Louis Rossmann video, which is not very relevant but it's weird to see the same user two times in kind of unrelated videos
@bonbonpony
@bonbonpony Жыл бұрын
@@richieMP118 Well, the Internet makes the world appear smaller than it is ;) And yeah, you can stumble upon me in all sorts of different places, because I'm interested in many different things. (There's one interest in particular that always brings me lots of scorn, as you probably might have found in that pinned comment thread :q but I kinda used to it over the years and I just roll my eyes on it and move on.) Welp, it was nice meeting you again then, see you somewhere else some other time :)
@silenttkiller6611
@silenttkiller6611 Жыл бұрын
I have a different opinion, the future updates are easier to adjust with the present look of the site, but for the new layout, we surely needs some content to put into the site in order to shape it, and I am giving this opinion after designing 30+ pages websites from scratch, and redesigning the existing sites
@sunshine6352
@sunshine6352 Жыл бұрын
if this is the case, what approach would you suggest then? since I'm also struggling in design and I mainly just make 1 web page
@RealGFastlaner
@RealGFastlaner Жыл бұрын
How to make a website without any purpose in mind?
@ChatGPT-ef6sr
@ChatGPT-ef6sr Жыл бұрын
This is full blown high quality course!
@celinedaumesnil7329
@celinedaumesnil7329 9 ай бұрын
Formidable ! Meilleure vidéo sur le sujet, je ne suis plus débutante mais je l’ai trouvée très très bien 😊 Je file voir les autres. MERCI
@mazinashfaq631
@mazinashfaq631 10 ай бұрын
This was a great video. I learned a lot , subscribing and going to learn more from this channel.
@mianmohsin5542
@mianmohsin5542 Жыл бұрын
Where were you this wholeeee time ... So so insightful ..
@seiftamazerti4547
@seiftamazerti4547 3 ай бұрын
i love this KZbin channel !!
@raudyalmonte7497
@raudyalmonte7497 Жыл бұрын
Your content is so good. I wish you could keep bringing more. Thanks. 🎉
@codismith1903
@codismith1903 2 жыл бұрын
Thank you for creating these videos, you are soooo good at it!
@TheCollectiveInfinte729
@TheCollectiveInfinte729 3 ай бұрын
If I could go back and see this 2 years ago.
@yourfuturefriend144
@yourfuturefriend144 Жыл бұрын
Ways to start simple yet not confusing
@DrunkenUFOPilot
@DrunkenUFOPilot Жыл бұрын
My experience with front end is limited to a few small projects, and few were public-facing or for business. Mostly in-house documentation for internal project team use. So now I'm working on something more genuinely front end, and find not sure how to think about designing. I can design a decent GUI for a desktop app using Qt, gtk or the like. That's not a transferable skill! What's a more productive way to think about architecting a few web pages? This video took me from zero to halfway a hero :)
@DrunkenUFOPilot
@DrunkenUFOPilot Жыл бұрын
What I don't see is left or right columns. Good, that makes it easier. Master this level of design first, but eventually in real life projects we'll want other features such as left/right columns, a standard header or footer, etc. How do I know when to work on making those part of the design versus holding off and stick with keeping things simple?
@Epikht
@Epikht Жыл бұрын
This channel is gold🏆 thank you brother
@herbertgwilliams49
@herbertgwilliams49 Жыл бұрын
Very concise, effective and to the point video.
@just_a_sweetpotato
@just_a_sweetpotato Жыл бұрын
Thank you for this but somehow I feel so incapable of visualizing a design unless I look at the content structure. Like those wriggly lines just don't give me any visual inspiration or a picture in my mind. Can you suggest anything for this?
@docteurcolosso8900
@docteurcolosso8900 3 ай бұрын
staight and simple, thank you man.
@muhammad-arief
@muhammad-arief Жыл бұрын
I learn a lot from this videos, really thanks for great tutorial!
@nitkarshchourasia2406
@nitkarshchourasia2406 10 ай бұрын
## Main Ideas - 🎨 Website layout principles emphasize the importance of basic rules for easier design. - 📝 Content should drive layout design, with the layout reflecting and enhancing the provided content. - 🏠 Creating homepage layouts involves incorporating elements like hero sections and following web design trends. - 📄 Sub-page layouts benefit from consistency in title sections and adaptation to available content. - 📋 Service page layouts should feature clear headings and varied styles to maintain interest. - 📞 Contact page layouts focus on minimal content and may require additional elements for optimal user interaction.
@cycle9241
@cycle9241 2 жыл бұрын
This was excellent and gave me great guidance. Thank you.
@mistermister8
@mistermister8 Жыл бұрын
I'd really love it if you could use your skills and knowledge and do a breakdown on ecommerce email template blocks. I see so many absolutely appauling layouts it is criminal. Thanks for these videos btw, really down to earth and spot on.
@simenoeren9322
@simenoeren9322 3 ай бұрын
The second principle about needing to change background color every section is a mistake. Good use of white spacing and clear section headings with proper heading level sizes is enough. On top of that, using ONLY color to understand the difference between two things is a direct breach on WCAG as many are color blind and we perceive color very differently. If the site is too scroll heavy to have good white space between sections, then you could throw a separator line to make it more compact. Tip: Look at the design in grayscale to see if it makes it harder to use.
@workvisual
@workvisual 2 жыл бұрын
Finally, Thank you for explaining in detail
@SteveInQLD007
@SteveInQLD007 8 ай бұрын
*Just what I was looking for - thanks man!*
@mattwandcow
@mattwandcow Жыл бұрын
This is a great video! I've always bemoaned my designs, but this concept of rows is making my fingers itch to make something and I'm almost regretting I don't really have a project to try it out on at the moment
@AbelHaddis-h8h
@AbelHaddis-h8h 11 ай бұрын
Plz Plz Plz can you make one like this for an eCommerce site?? This was SOOOO helpful for traditional sites! Thank you so much!
@paulsimmons1221
@paulsimmons1221 Жыл бұрын
Great video. Using this information I can build simple and clean websites. Thank you!
@RelaxGameMac
@RelaxGameMac 2 ай бұрын
thank you ! Question: Does it has to be always start off with design for desktop then adapt to phone tablet? Do you have a similar contents which is phone tablet focus? Thanks again ~
@wt4509
@wt4509 Жыл бұрын
Thank you bro, you are a legend for this vid
@Gary-Leigh
@Gary-Leigh Ай бұрын
Thank you for this video! I found it very helpful
@sarahlopez6391
@sarahlopez6391 2 жыл бұрын
This was really helpful. I learned a lot, thank you!
@francescoanastasio2021
@francescoanastasio2021 6 ай бұрын
I have a doubt about principle no. 3; it suggests that its not the layout that should conform to the content, but the way round (build the layout around the content to display). However, this implies we can follow the principle only when we know the size of the content in the first place: this is not the case when dealing with dynamic content. Also with static content, it could be an issue in case of last minute revisions or additions that significantly change the size of the content (ex: we build a layout in a certain way knowing that we have three cards with a 70-words paragraph and a title each, but then the client adds 100 words to each and removes the titles for legal or commercial reasons). Are these real problems or am I just overthinking?😅
@romyt9816
@romyt9816 Жыл бұрын
Absolutely valuable video. Thanks a million for sharing.
@Ayyylien51
@Ayyylien51 3 ай бұрын
I'm currently putting together a site for my art, 3D models, and designs and sorta have two rows next to each other that lead to the same sub page being my gallery; the hero row leads to the entire gallery while the row below it leads to 3 specific sections of my gallery focused on a different medium, I'm wondering if that's bad site design and would appreciate some feedback.
@rimasdesigner9471
@rimasdesigner9471 Жыл бұрын
any videos about how to design a website from adobe illustrator, Even brief about it Ex: save file type
@ulozony-mezczyzna
@ulozony-mezczyzna 4 ай бұрын
Hi, could tell how you made these drawn mockups? I mean from e.g. 4:50 I am trying to find some nice mockup editor to create layout for my first project.
@RTO1992
@RTO1992 Жыл бұрын
You're a gem, thank you.
@codeman5312
@codeman5312 8 ай бұрын
Thanks Dude. I get to know new things.
@faiizanhussain3276
@faiizanhussain3276 Жыл бұрын
You're creating amazing content that's quite helpful in real life. I visited your site but to my surprise, I can't find any good websites with the principles/techniques that you're telling. Neither the pricing that you've mentioned matches the type of work you've listed in the portfolio section. Please tell me if I missed something? I've following you for a long.
@arnoldmweyola5700
@arnoldmweyola5700 7 күн бұрын
Should you create a different page for each tab, or just put everything on one page?
@RM-lk1so
@RM-lk1so 6 күн бұрын
im asking the same question.. Im looking at other sites to see what looks good and easy to navigate
@DianaReyna-z1k
@DianaReyna-z1k 8 ай бұрын
Nice and great lesson. Thanks.
@andyl9920
@andyl9920 11 ай бұрын
I'm struggling with my 2nd section when using position:absoulte. My 2nd section has 3 columns, with a read more button for each. I hid the overflow of the text and want to only show the hidden text when i expand the button using active. Relative for the text and Absolute for the button. I did bottom:0 but the button is moved to the bottom of the first section (Home) instead of the bottom of the 2nd section. Fyi i added a 'div' for each section. What am i doing wrong? Any suggestions?
@keyingxu7305
@keyingxu7305 Ай бұрын
Great video and super helpful for website newbies like me. (One thing that kept distracting me was the misuse of "principle" as "principal"... please correct or it's harming the credibility...)
Everything About Website Navigations
16:20
The Website Architect
Рет қаралды 107 М.
Everything About Above The Folds
17:04
The Website Architect
Рет қаралды 54 М.
Quando eu quero Sushi (sem desperdiçar) 🍣
00:26
Los Wagners
Рет қаралды 15 МЛН
Learn CSS Positioning Quickly With A Real World Example
8:32
Slaying The Dragon
Рет қаралды 707 М.
Complete Course On Layout Design (MASTER LAYOUT)
21:04
Satori Graphics
Рет қаралды 734 М.
6 UI Hacks I Wish I Knew As A Beginner
11:11
Tim Gabe
Рет қаралды 869 М.
Easily Improve Your Web Design (With Example)
17:59
Flux Academy
Рет қаралды 145 М.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 986 М.
Perfect Homepage Design Explained (in 15 minutes)
16:02
Payton Clark Smith
Рет қаралды 271 М.
Complete Layout Guide
11:59
Flux Academy
Рет қаралды 828 М.
50 Website Design Mistakes (And Why)
8:24
The Website Architect
Рет қаралды 104 М.
The Most Underrated But Obvious Way To Improve A Website
7:33
The Website Architect
Рет қаралды 14 М.
How is this Website so fast!?
13:39
Wes Bos
Рет қаралды 1,2 МЛН
Quando eu quero Sushi (sem desperdiçar) 🍣
00:26
Los Wagners
Рет қаралды 15 МЛН