Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / NewStats: 3,195,346 members, 7,957,922 topics. Date: Wednesday, 25 September 2024 at 02:03 AM |
Nairaland Forum / Kreativemind's Profile / Kreativemind's Posts
(1) (2) (3) (4) (5) (6) (of 6 pages)
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 1:47pm On Mar 02, 2019 |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 11:12pm On Mar 01, 2019 |
NEXT : Responsive Web Design https://blinkist.kreativestack.com/?lesson=responsive-web-design Note: Guys, please try to work on this and post your responsive design for different browser size. Thanks |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 12:39pm On Mar 01, 2019 |
There will be tutorial update today in the evening. Thanks guys |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 12:38pm On Mar 01, 2019 |
Zepher528: You are welcome. As for henry49:, the first thing is to follow the tutorial on the website, then you can come here to ask questions, the others including "her" can then help you out. All the best. |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 12:30pm On Mar 01, 2019 |
Zepher528: Answers to your question 1. That is what we call "validation", there are many ways to do that, but for now, let use the normal html5 form validation. All you need to do is add required="yes" to your form element e.g <input type="email" id="email" name="email" placeholder="Enter Email" required="yes"> So if the field is empty and you attempt to "submit" the form, it will display the message that the field can not be empty. 2. How do i link the registration complete page to the submit button? Well, just be patient, we will treat that part as well, where you can submit the data collected through the form. 3. It depends on how you want to approach this, and there are better ways to do it, but they are called "Pagination" and you did not even need to create more pages to load more images, everything will be on a single page, but when they click on the numbers, it will load more images. But for now, let us style the "1.2,3". Step 1: Give the section holding all the "a" tag a class. i.e <section class="more-image"> <a href="page1.html">1</a> <a href="page2.html">2</a> <a href="page3.html">3</a> </section> Step 2: Apply CSS .more-image { display: inline-block; } .more-image a { color: #000; float: left; padding: 10px 20px; text-decoration: none; } Save this and check your page, you should see a good design. Now, you can now design another rule for the hover state, so that it will change color when they go over any of the numbers. 4. For the social media page, i know you can do this. But you can wait for us to settle that as well, later on in the tutorial. 5. For the image or banner caption. Just give it a 100% width like this max-width: 100%; This will fix the banner caption for you. Note: Above all, am impressed with what you have done so far. Keep approaching the learning process like this and before you know it, you will start creating beautiful websites and applications. If you have more questions, you can beep me, but there may be delay in my response on this forum, so just send a message to me on the facebook page and i will try my best to reply on time if am not busy. Once again, i love your work. Keep it up. 1 Like |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 12:03pm On Mar 01, 2019 |
Zepher528: That is the way to learn. Good one. Keep it up. Like i said in the earlier conversation, i am impressed. |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 8:22pm On Feb 28, 2019 |
kaykay100: There will be tutorial updates tomorrow. Thanks |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 6:55pm On Feb 27, 2019 |
kaykay100: Happy that you are able to sort it out. |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 6:54pm On Feb 27, 2019 |
Zepher528:Okay. We will be expecting the update. |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 5:42am On Feb 26, 2019 |
kaykay100: Can i see the screenshot of your project and images folder? |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 8:24am On Feb 25, 2019 |
Am yet to see your work guys. But we will continue the tutorial today. I will advice you work on the assignment, it will help you to be able to do thing yourself, no matter how small or big the assignment is. Thanks |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 8:23am On Feb 25, 2019 |
kolad59: You are welcome |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 1:46pm On Feb 22, 2019 |
There is work to do guys. The assignment is this, try to use the background image for the "header" part of your html layout. Thanks |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 1:46pm On Feb 22, 2019 |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 12:35pm On Feb 22, 2019 |
Zepher528: Nice one. Well done |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 12:34pm On Feb 22, 2019 |
Zepher528: Good afternoon, i really like your work. Well done. Now, to your question. The div tag at the top of the page before the doctype declaration is not good. Above all, i like the way you are trying out few things yourself, it is a good way to learn more and it really helps. Am impressed. Keep it up. Can't wait to see the web application, you will create, when you finish the web design and development tutorial. Border: In a simple way, we can say it is the property that sets the line style around your html element. For example, remember we said something about block level element, if you set a border around it, depending on how thick you want it to be, it will set lines around the element for you. So in summary, border tag set lines around the html element 1 Like |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 11:51am On Feb 21, 2019 |
There will be no class today guys. We will continue tomorrow. Thanks |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 11:51am On Feb 21, 2019 |
Zepher528: No worries. We understand |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 12:59pm On Feb 20, 2019 |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 9:10pm On Feb 19, 2019 |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 7:56am On Feb 19, 2019 |
Zepher528: You only need to add width and height to your code. For example <img src="image/train.jpg" width="600px" height="800px"> So, all you need to do is just to put the width and height of your choice. Your work has been very good. Keep it up. Moreover, am yet to see your work on css. Have you start the tutorial on css? |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 11:51am On Feb 18, 2019 |
Zepher528: You are welcome |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 8:29am On Feb 18, 2019 |
Zepher528: the image code is wrong, it is not scr but "src" i.e <img src="image/train.jpg"> 1 Like |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 10:38pm On Feb 15, 2019 |
Recommended Articles For People Considering a Career in Programming or For those looking at programming as something that is difficult or gender base or for those new in programming world. https://blinkist.kreativestack.com/?p=1377 |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 10:34pm On Feb 15, 2019 |
Next : POSITION ELEMENT https://blinkist.kreativestack.com/?lesson=position-element That will be all for now. Questions can be asked on the whatsapp group or on the website or on the facebook page. See you in the next class. All the best guys. |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 8:56pm On Feb 15, 2019 |
NEXT : Styling The Navigation Menu https://blinkist.kreativestack.com/?lesson=styling-the-navigation-menu |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 7:25pm On Feb 15, 2019 |
Zepher528: Good one, update will be available today. But it will be nice to see your work and i will advice you to join the group to make it easy to get updates and ask questions. If you don't want to make your phone public, you can send email to me through nairaland. Above all, updates will be available today. All the best. |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 11:01am On Feb 12, 2019 |
NEXT : ADD MORE STYLE TO YOUR PAGE https://blinkist.kreativestack.com/?lesson=add-more-style-to-your-page Note: You will need to register before you can see the content of the tutorial 1 Like |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 11:00am On Feb 12, 2019 |
NEXT : HOW TO CREATE A PAGE LAYOUT USING CSS https://blinkist.kreativestack.com/?lesson=how-to-create-a-page-layout-using-css Note: You will need to register before you can see the content of the tutorial |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 1:03am On Feb 09, 2019 |
NEXT : CSS Box Model Cont’d – WIDTH AND HEIGHT https://blinkist.kreativestack.com/?lesson=css-box-model-contd-width-and-height |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 1:02am On Feb 09, 2019 |
NEXT : CSS BOX MODEL. I am working on the mobile web view version, no time for native app for now, but there is plan for that. When the web view app is ready, i will put it on the play store, which will make it easy to get update to the tutorial. Thanks. Follow the link below to read the next tutorial on css and if you are just joining us. The good news is that you can also start from beginning by going through the link below. https://blinkist.kreativestack.com/?lesson=css-box-model |
Programming / Re: Web Design, Web Development And Mobile App Development Tutorial by kreativemind: 12:59am On Feb 09, 2019 |
Like i promised on the whatsapp group. In other to eliminate any delay to the tutorial, we have create a platform to make it easy for guys to read. Nairaland will still be use to address questions as well as the whatsapp group. The link to the platform will be provided shortly. Thanks |
(1) (2) (3) (4) (5) (6) (of 6 pages)
(Go Up)
Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health religion celebs tv-movies music-radio literature webmasters programming techmarket Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10) Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 38 |