Hi, would you please make a super simple horizontal menu (not multi level) with logo (brand) that can easily be customized (move the brand left, middle or right) and adaptable to any design and also responsive (slide out maybe) WITHOUT using bootstrap. May be use css grid. There are many online, but nothing so simple like your design ideas. I love your design ideas and would really like to see your approach to this. If you already have done this, please share the link. Thanks and You are awesome!

I use animate.css a lot

Hi I am not a developer, or know any html or css, I have good grip on ui ux design in web, If i have designed my template in XD, can I make it functional by exporting it along with its HTML & CSS ???

@@romanperera ⁰üüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüüó999999999999⁹99999999999999999999⁹9⁹9999999⁹99999999999999999⁹999⁹999999999999999⁹⁹9⁹9999⁹999⁹99999999⁹⁹9⁹9⁹⁹⁹⁹⁹⁹⁹⁹⁹⁹⁹⁹⁹⁹⁹9⁹⁹⁹⁹99⁹⁹⁹⁹

Are you using AI to convert your prototype to front-end

so helpful thanks bro.

Hi there, is it problem to post a code if you have time for this? I don't quite understand what are you saying. Thanks in advance

can you explain why please?

@@taigaaisaka3663 Pretty self-explanatory... The goal of web design should be usability. If the user is hindered by design choices, and those hindrances are enough to make the user leave your site/app, you've failed as a designer. Adding a delay to the users' experience almost never improves that usability and therefore should be avoided.

A good rule of thumb is to apply it to everything by doing: * { box-sizing: border-box; } And every element will get that rule applied automagically.

OH thanq bruh

@@darkoefremovmkd How exactly to do that, for us amateurs..

Facer, I explained in a comment of my comment.

@@darkoefremovmkd Thanks on reply. You mean to apply it to every possible container?

I know you asked DesignCourse. But I would just quickly tell the reason I was told by my instructors at education. You want to do a mockup of your website/app for a few reasons. First it's a good way to visualize your ideas before spending time on the coding. It may seem like you spend a lot of time first doing a mockup and then coding. However in larger scale projects it could cost you many more hours if/when you realize that it doesn't fit together. That's why doing a mockup is a fantastic idea. Another thing is, if you are doing a job for a company or someone else then you can present to them the mockup, so if they didn't like something about it you can change it fast. That way you are minimizing the risk of scrapping everything because the client didn't like it. Or at least you didn't waste the time coding everything. Sometimes the clients may change their mind about certain things so it's always a good idea to present them the work you have done. It's much easier with sketches, and less time consuming. Be mindful your mockups don't have to take weeks to make, they are like advanced wireframes (wireframes with a coating). Making good mockups does take some practice as well. Essentialy you can save lots of time, by spending time preparing in the beginning.

@@fleexie thanks for the great info

@@fleexie u are right in what u saying .. but what I'm understand from the questions is that it could be more simple if u just export the whole prototype as a html/css documents and img files to a map. if there isn't an issue when doing that. I'm trying doing it but all links u do in adobe xd prototype dose not apply in the html/css documents. so the question now is what needs to do to fix the links problems ... or what I'm doing wrong when I'm exporting the web page

@@aztrodj82 Oh no. You do not use XD to make the actual sites. Only prototypes/mockups. Nothing more. After you made the prototype you are doing the coding, in another software. Since you already have the design and such it's actually pretty easy to code it afterwards. I know it would be nice if you could just get the website out from the XD project but it's a software for prototyping not making actual code for sites.

@@fleexie Wow Fleexie, amazing. Thanks a lot for this! It's really clearifing. Nobody taught me this simple concepts at the university. Yeah, I really agree that doing sketching and prototyping will save you money even in the client/company scenario you described. That's a really great and valuable info.

wix

yes us the app anima for example.

@@maamouhinda7722 is it free

Yes, XD is for making prototypes (designing), after that you still need to code it

@@frials4757 yea is only a preview and its very important!!

agreed! no need to rush. I never thought of commenting throughout the process- I'll add this to my learning path.

hats off to the developers who code😂

It supposed to be worked by 2 person, a designer and frontend dev, if you are alone and need for rapid development you can use pingendo instead.

Hello, nice to see a Vietnamese here. Any product was launched after watching this video? :D

There's an extension named "Web Export" and it can export html+css for you. Either in the same file or in different ones. but there's some problem with it the code can be messed up if you made slight mistake while naming objects

It's called prototyping, but I'm agree with you, this is double work...

XD should just export as a web project using at least bootstrap

XD or prototyping is an essential step to designing. If you were working with a client or company too, you’d want the project approved in XD or other app before moving on to coding. It makes less work in the end by getting a proper structure and design before trying to come up with it on your own. Viewing Ui design in apps like XD is a great step because you can see how something might look before implementing it (it’s much easier to change an idea in a prototype than it is to change via html and css)

I agree with o.p exporting direct to html css would be awesome sve you ha ING to write out the whole code for this especially for someone not so competent with html css would act as a tutorial for them. I want this page to do this how does it do it. But I guess its harder for the prototype transitions and such as well do you want it in python js c c# c++ OR other flavours.

@@reggy698 Is it possible, using html, css and js to create complex transitions and animation that we can make easly on adobe xd?

Probably because I never tried that. Thanks!

@@DesignCourse it's really handy dandy, you're welcome