Styling HTML Forms With CSS - Web Design/UX Tutorial
Вставка
- Опубліковано 20 вер 2024
- Link to Code:
codepen.io/dco...
In this video I'm going to show you how to style HTML forms using CSS - this is one of many examples of how I like to style up my forms, and you can easily take this code and tweak it to suit your needs or own style.
Support me on Patreon:
/ dcode - with enough funding I plan to develop a website of some sort with a new developer experience!
Follow me on Twitter @dcodeyt!
If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
#css #webdev #dcode
Great tutorial, thanks. Did you do the follow up tutorial for the error messages on the form?
I like the use of BEM naming conventions. I would also use sass variables or CSS variables for repeating values
Sir awesome more form design will be great
Sorry for posting this question here but are you going to make Express.js & db videos as well? Would like to learn from you cuz you know how to explain
No probs mate keep posting questions here - yes I plan to make videos around Node JS and other stuff 😁
Great tutorial. Just a Q please. What is your keyboard?
Thanks a lot for this very neat, useful and re-usable example, since I'm so bad at CSS !!! This form template helps me a lot!!!
I would double subcsribe to your channel, if I could !
No probs mate! And thank you 🍻
any html and css file ?
Hey Man, i’m in the same boat with the CSS thing, though I really just started pouring it on yesterday. How’s your CSS now? Any tips for a beginner?
I’m asking because the comment was 3 years ago
Hi super tutorial one that actually explains what you are doing and how things work together. Could you go into perhaps putting items in columns? i.e. putting first name and then last name next to each other (in a row) but when in mobile they are in a column?
Hey thank you. I'm curious, what's the use case of the columns combining into 1 on mobile? I feel like that would be a little complex to code
@@dcode-software no worries! Its was more for desktop layout really to change the layout with first name next to surname that's all. Love the light weight approach and tbh have used your approach in something I am building 👍 keep up the great work
Oi mate, how ya going this arvo? I was eager to see how you sculpted the drop-down.
Aye mate?
@@dcode-software the vid ended before you coded the drop-down field in the example. Cheers
Hi, thanks for your videos. Just curious and for my knowledges I'm wondering how could I center the form please ?
I tried with a justify-content and also tried with a margin-left/right:auto but it didnt work and I don't understand why ?
Anyway, just to let know I'm not english a native speaker but I can understand your explanations better than some french one!
if you have time to make basic css videos for beginner like how to use basic properties or how you did learn css to be so good at it that would be amazing :)
Anyway good luck and hope you will get more subscribers because you deserve it. Bye :)
get it : align-self: center; :-)
doesn't work for me ...
Great form tutorial, thanks
{2021-07-11}
Thanks for your awesome tutorials. I'm binge watching your videos about HTML and CSS. I do have a question though.
Would it be possible to embed a fillable PDF on HTML and save the pdf with the filled data about the user? It doesn't have to be online. Just for learning purposes.
Hey thanks mate! I'm not entirely sure I've heard anything about that before.. do you have an example?
@@dcode-software Thank you for your response, I just used an "alternative".
I wasn't able to embed a fillable PDF. But I used download function then it proceeds to the PDF and users can input answers. Although the whole page is basically the PDF itself.
what is the name of this VSC theme
Woww 😳😳😳