Learning the code isn't complicated but being able to assemble it all seamlessly is where the bugs reside. Glad I found these types of videos. Saves a lot of time.
I've only just started web development a few days ago, but with what I've learned so far with HTML, JavaScript and CSS, I already feel like I have so much power over the browser. Thanks for making this video!
I can't wait for your CSS Grid tutorial. I hated design until CSS Grid. Now I'm really burning to learn it because now I can learn it properly without having to hack everything.
Loved it. Went to school for this carp and was never taught any of this. It would not have been so bad if I wouldn't have ask, but was played off as if I should have already knew how to do this on a computer. Doing this on paper is easy, doing it on a computer is different.
dude I've NEVER seen an unhelpful video from you. thank you do much for consistently putting out Grade A content. You have taught me so much and brought me back from the edge of info overload more times that I care to think about!
Derek Banas this is my first video of watching you and I'm amazed, its right to the point and things that would help! Not one minute is wasted talking or going to detailed. Amazing ! +1 subscriber on just one view
Thanks Derek. Appreciate the index too. I can see that there are many useful tips for a newbie who just started exploring the pretty world of CSS. This will be my learning video for this weekend!
Thanks a ton Derek! Your speed is very welcome at this point of my learning. You assume that we already have basic knowledge and it makes things go by so much quicker. I've learned so much from your videos and I couldn't be more grateful. Thank you!
Hi Derek First of all thank you so very much for a wonderfully easy to understand tutorial. As a beginner to all this CSS stuff I find what you do and say (even if its all at lightening speeds lol) very easy to understand so thanx. I have a question regarding the cross browser fixes you showed us... First you gave us this background-image: -webkit-linear-gradient( top, #000, gray); background-image: -moz-linear-gradient( top, #000, gray); background-image: -ms-linear-gradient( top, #000, gray); background-image: -o-linear-gradient( top, #000, gray); background-image: linear-gradient( top, #000, gray); But then in background size it changes to this -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; Fist question... Why does the fix come after background-image, but then before background-size? Then later on in the video you totally omit the -o- fix for opera as in... -webkit-box-shadow: 2px 2px 3px 2px gray; -moz-box-shadow: 2px 2px 3px 2px gray; box-shadow: 2px 2px 3px 2px gray; and -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; Could you please explain why for these changes? Cheers Stig
+Stig Meister You're very welcome :) Some browsers don't require anything other then the standard which would be border-radius in your last example. It isn't something to memorize. Either copy and paste or use some thing like Sass which handles cross browser issues for you ruclips.net/video/wz3kElLbEHE/видео.html
This video was not only super helpful, but it made me realize I possibly need new monitors. (Brown looks like red o.O) Huge thank you for making this video!
It is so good that I am going to repeat myself. @Derek Banas, These are gems! Great stuff for learning CSS quickly after the Basics. Just wonderful for a DEEP DIVE!! Thank you very much for it. It is also very generous of you to provide the sample codes for practice to reinforce the learning. And I say it with much respect in addition to the gratitude.
"Let's also come in here" and say 'thank you for this tutorial' to "this guy here". You are the Jaqen H'ghar of web development and programming. You sound like him too .Since I don't know how you look like, I can't help but picturing him talking ☺
You are a genius. Thank you for posting this video up. These tips really helped and you answered a lot of question and doubts that I hac. Keep up the excellent work. :D
Really appreciate .. very helpful .. do you have any tutorial about design for mobile chrome .. when i publish my website and display on mobile i have a lot of problems .. and in design everything ok
Hey I know python and I little bit of c++ and I am only 12 I hope to learn way more About programming by watching ur vids I get picked on almost everyday by people claiming that im retarded but programming helps me feel better
Brady Schoenrogge That is awesome! As you get older you'll realize that life is so much better for those that constantly try to improve themselves. You can accomplish anything through learning. This can be applied to anything. I for example was terrible at sports when I was younger. Later in life I studied everything I could on running and now I'm more fit then any of the jocks I went to school with. Stick to learning and ignore the future failures that are now making fun of you :)
Keep going and don't stop learning! Those people that are making fun of you don't see the value in learning something new proactively. Keep Learning and It will take you far! Eventually you will meet like minded people and it all won't seen that weird. Programming is essential skill to have in the 21st century
I knew none of these at your age. Hope you are doing much better now. The bullies in school do that because usually their parents at home bully them and they learn it from them and do it to whoever they can do. Do not take it personal. Keep on going.
Hi Derek, thanks for the great tuts! At 32:45 you give the Main tag a width of 550px, which causes the .wrapper color (white) not to be displayed, but instead the Body color (grey). Then when you give the .wrapper the overflow:hidden, it returns!... Why do these things happen? I feel like I'm missing something.
Thanks to you, I now got the concept of absolute and relative. But, I'm still unsure how they are matching. What makes sure that ul.gallery span goes with ul.gallery li instead of .wrapper ? My only guess is how they are nested in html.... am I close ?
Derek, I thought (maybe mistakenly) that it was common to set font-size in the body to 100%, that way you'd automatically have 1em be 16px? You have font-size in body set to 62.5%. Is this just your preference? If so, why? PS: Thank you!
Here is my reason How to use em document wide em sized fonts are based off of the size of the root level font size. If you change the root font size that cascades document wide By setting the size to 62.5% we can achieve the 16px default browser size while making em sizing more understandable (16 * 62.5% = 10) Now 1.6em = 16px
Could you not also use the z-index to hide the gallery span behind the image and then set the index over the image on hover? And would this cause trouble elsewhere on the page? Speaking of the image description you make at 26.00'ish
Antonio Coniku Thank you :) Mainly I make private websites and Android apps. It is interesting, but rather boring stuff like CSM, Sales and security stuff.
Derek Banas well you're very good , i hope i can be as good as you because i am learning a lot here , it's cool to make an income from programming right :)
Thanks Derek... Your videos are so helpful... Can you make a android studio tutorial in one video... It will be ok if it is long... Looking Forward to that video
Hello, I really enjoy the videos you make and I would like to ask you: Do you know what are in your opinion the minimum a software tester needs to know and what language programs to know ?
Awesome video Derek :) I have 2 questions.. First is, could you please cover Java inner classes and their mechanism?? And the second one is, as I see in android, games either fit all their data into one apk file or have a small sized apk and then store the rest of it as additional data. Is there any particular advantage to any of these approaches? Thank you!
Ashwin murali Thank you :) You use inner classes when you want to be able to share private variables and methods between classes. You'll see them used a lot with ActionListeners in Android where they inherit the interface and provide functionality by passing the inner class as a parameter for buttons and such. As per your second question, can you provide an example? Most Android apps are as small as possible and store most of the data off the device.
Hi Derek, I finished an html and css course and I know my stuff well except for the fact that I struggle with positioning elements with padding and margins! Do you have any videos that emphasizes those concepts? Thank you :)
What editor is that you are using? Also in my CSS file, I notice there are like... h1 {}.h1 {}h2 {}.h2 {}...etc, and the one's with (dot)'s are colored red, is that indicating an error? I'm using Notepad++
+Harold McBroom He’s using sublime text. h1 is a html heading element, .h1 is a class selector. The .h1 class selector being red in color may simply be due to your text editor’s syntax highlighting... which I assume uses red color for all class selectors. A class selector name uses a dot prefix, should be at least two characters long, cannot start with a digit, two hyphens or a hyphen followed by a number. Therefore, .h1 is a valid class name selector, and is definitely not an error.
Your video is truly awesome, thanks a lot. Your voice sounds a little robotic sometimes, i don't know if it"s your real voice this way or some video bug... :D
Neat trick to get the side bar to fill the height, I've always used JS hacks. Question, why does .wrapper{overflow:hidden} not block the content in main from appearing? I feel like I missed something.
Jamieson Rhyne I loved that trick when I learn it. main is defining the box for the wrapper in regards to the height. The aside breaks outside of the wrapper and that is why it is hidden.
To learn HTML, JS & CSS...where is the best place to start? I love how you show so much as I love learning but my problem with code is learning why something is and how the tags are lined up and compounded together like your paragraphs inside your body etc. I tried codeacademy but I found they just show rather than teach. Any help you could offer would be greatly appreciated, stay blessed. -Jair.
Thank you :) Learn in this order : HTML5, CSS3, (Responsive Website Design if you are into design), JavaScript, (Maybe JQuery), PHP and MySQL. I have tutorials on all the above HTML 5 : ruclips.net/video/kDyJN7qQETA/видео.html CSS3 : ruclips.net/video/CUxH_rWSI1k/видео.html Responsive Design : ruclips.net/video/9fHSbiCISOA/видео.html JavaScript : ruclips.net/video/fju9ii8YsGs/видео.html JQuery : ruclips.net/video/BWXggB-T1jQ/видео.html PHP : ruclips.net/video/7TF00hJI78Y/видео.html MySQL : ruclips.net/video/yPu6qV5byu4/видео.html PHP / MySQL : ruclips.net/video/mpQts3ezPVg/видео.html
That's AWESOME Derek, thanks so much for the advice, I will sub it now. Are the videos numbered or named in a particular order? Lastly, would you recommend any software I might need or a prefer browser to work with? I have Googled myself out since everything works with Google and it's all intergrated together.
Hello, I have a question is your old series on how to create a theme from scratch still valid? is the HTML coding in that series HTML 5? I'm really asking is everything in that series still up to date?
I'd had a div named with id options . I added the style during hover , but I don't know why it did not work . Here's the code #options:hover {color:green; Background-color:yellow;}
Hi Derek, cool video. Do you plan make video about not web stuff, like "prog lang in one video"? I know Rust is very intresting language, and it will be very cool, if you make tutorial(s) about this. RUclips haven't good tutorials and i know, you can make it best.
Александр Навицкий Yes I have a bunch of learn in one videos coming. I can do Rust. I also plan on doing C#, Lua, Objective C, OO JavaScript. I'm trying to finish up Rails first, but I keep getting diverted.
Can you make a video when you make a little 2D game using Java? Making a window and a game into the window. I haven't found anything on RUclips about that.
MultiPlayDude Gaming I made the game Asteroids starting with this tutorial ruclips.net/video/4wWLEeQSXLQ/видео.html I cover physics, collision detection, acceleration, etc. You can make a ton of Java games with that information.
Derek Banas The other day I was trying to center align some icons in a WordPress page, and made an icon container: #icon-container { display: block; margin: 0 auto; width: 300px; } And the icons were in Did this after some research, and it kinda center aligns it but stays slightly off, but is there a way to do it more simply, or is there so much code in WordPress there is no other way for this or it's not possible to tell without seeing the page code? If the answer is too complicated and requires seeing the page then never mind :P I was just curious...
hm, I was just playing around with it, the page is found at dafuse.nl/ and the icons which I am trying to center are below the text "I am also found at"
DFFUSE I checked it out. div#icon-container has a width that is larger then is needed for the icons. That is why it isn't centered. I'm not even sure you need that div because it doesn't seem to be doing anything. Try deleting it. Tell me if that doesn't work
+jason rego em sized fonts are based off of the size of the root level font size. If you change the root font size that cascades document wide By setting the size to 62.5% we can achieve the 16px default browser size while making em sizing more understandable (16 * 62.5% = 10) Now 1.6em = 16px
I wonder why Derek uses white color sheme, I think darker themes are better for eyes and generally look nicer. :P Edit: I asked about code editor (Sublime Text) color sheme/theme.
Derek Banas Sounds good. I’d like to take this opportunity to ask you: are you going to create tutorial about responsive design, especially mobile first/creating responsive grid with SCSS or something like that? Of course when you have enough time to do it. Anyway I must check your other videos because you do good job here. ;)
Fallout I'll cover responsive design using straight CSS. Using Susy or Jeet would make it to easy. I'll cover those as well if requested, but if you understand the CSS way any other way will be easy.
Darek I recomend You to desing in BRACKETS it's lovely editor. By the way i allways thinkig how much time you're teaching all lanuages :P JAVA PHP JAVASCRIPT C C++... thanks for videos
Hello! I have problem and I cant fix :/ I try a lot of things. My problem: When I scroll page one of elements is hide for two-three seconds - only for iPhone
Learning the code isn't complicated but being able to assemble it all seamlessly is where the bugs reside. Glad I found these types of videos. Saves a lot of time.
Happy I could help :)
I've only just started web development a few days ago, but with what I've learned so far with HTML, JavaScript and CSS, I already feel like I have so much power over the browser. Thanks for making this video!
That's awesome! I'm happy I was able to help
I can't wait for your CSS Grid tutorial. I hated design until CSS Grid. Now I'm really burning to learn it because now I can learn it properly without having to hack everything.
Loved it. Went to school for this carp and was never taught any of this. It would not have been so bad if I wouldn't have ask, but was played off as if I should have already knew how to do this on a computer. Doing this on paper is easy, doing it on a computer is different.
dude I've NEVER seen an unhelpful video from you. thank you do much for consistently putting out Grade A content. You have taught me so much and brought me back from the edge of info overload more times that I care to think about!
Thank you for the compliment :) I try to do my best with each video
Derek Banas this is my first video of watching you and I'm amazed, its right to the point and things that would help! Not one minute is wasted talking or going to detailed.
Amazing ! +1 subscriber on just one view
Thanks Derek. Appreciate the index too. I can see that there are many useful tips for a newbie who just started exploring the pretty world of CSS. This will be my learning video for this weekend!
Thank you 😁 I'm very happy that you like it
This video was exactly what I was looking for. It solved the problems I was having on my website. Thank you!
Scott Mitchell Your welcome :) I'm glad it helped
Thanks a ton Derek! Your speed is very welcome at this point of my learning. You assume that we already have basic knowledge and it makes things go by so much quicker. I've learned so much from your videos and I couldn't be more grateful. Thank you!
Thank you for the compliment :) It is always nice to hear that I've helped
Sir! What is that Cross browser things you've been talking about throughout the video ? Please answer me.
CSS works pretty much the same in every browser. You can also develop cross platform apps with HTML and CSS
Hi Derek
First of all thank you so very much for a wonderfully easy to understand tutorial.
As a beginner to all this CSS stuff I find what you do and say (even if its all at lightening speeds lol) very easy to understand so thanx.
I have a question regarding the cross browser fixes you showed us...
First you gave us this
background-image: -webkit-linear-gradient( top, #000, gray);
background-image: -moz-linear-gradient( top, #000, gray);
background-image: -ms-linear-gradient( top, #000, gray);
background-image: -o-linear-gradient( top, #000, gray);
background-image: linear-gradient( top, #000, gray);
But then in background size it changes to this
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
Fist question... Why does the fix come after background-image, but then before background-size?
Then later on in the video you totally omit the -o- fix for opera as in...
-webkit-box-shadow: 2px 2px 3px 2px gray;
-moz-box-shadow: 2px 2px 3px 2px gray;
box-shadow: 2px 2px 3px 2px gray;
and
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
Could you please explain why for these changes?
Cheers
Stig
+Stig Meister You're very welcome :) Some browsers don't require anything other then the standard which would be border-radius in your last example. It isn't something to memorize. Either copy and paste or use some thing like Sass which handles cross browser issues for you ruclips.net/video/wz3kElLbEHE/видео.html
Great video, I like tips, tricks and problem solving videos.
Thank you, Derek! I can always count on a great vid from you.
Really awesome! I learnt a bunch of practical tricks which will save me a lot of time to learn by myself.Thank you very much!
+Antonio Soto Patiño Thank you :) I'm very happy that it was helpful.
This video was not only super helpful, but it made me realize I possibly need new monitors. (Brown looks like red o.O)
Huge thank you for making this video!
Everto Ashton That's funny :) I was thinking the same thing. Thank you
Thanks Derek, this kind of pacing is exactly what I was looking for. Keep up the good work.
Thank you :) I'm glad it helped
Derek is a legend there is really no way around it
You're very kind :)
Awesome tutorial, some of the points I really did not know. Thank you Derek!
Grid and flexbox have made this so much easier. No more hacks to layout a page.
Thanks for posting, what a great time saver for the beginner here!
I'm very happy that you liked it :)
Only channel that click like before the start of the video
Great Job Derek, very useful reference of css tricks. I hope to do that with flexbox css. I think it will be much intuitive way and less code
It is so good that I am going to repeat myself. @Derek Banas, These are gems! Great stuff for learning CSS quickly after the Basics. Just wonderful for a DEEP DIVE!! Thank you very much for it. It is also very generous of you to provide the sample codes for practice to reinforce the learning. And I say it with much respect in addition to the gratitude.
Thank you for taking the time to tell me you like my videos! I greatly appreciate it!
Thanks a lot man! It really cleared out some confusions. Keep up the good work.
Nafis Hasnian You're very welcome :)
Derek Banas Can you please start a Node.js series with Mongodb?
Thanks Derek, the video helped fill in some gaps in my knowledge.
There are a few of those by the way.
Kind Regards
Trevor
+Trevor Forrester That's funny. You're very welcome :)
You really know your shit
You can too, if you pay attention to what you eat.
+Tony Borisov that is to far
+Ando A Pie --> Cry me a river humorless human being.
Imagine if Bob Ross did CSS! Some cool techniques. Really excited for responsive video.
Robbie Sherman Thank you for the compliment :) I love Bob Ross! RWD will be up very soon.
"Let's also come in here" and say 'thank you for this tutorial' to "this guy here".
You are the Jaqen H'ghar of web development and programming. You sound like him too .Since I don't know how you look like, I can't help but picturing him talking ☺
Thank you for the nice compliment :) I'm happy you liked the video
You are a genius. Thank you for posting this video up. These tips really helped and you answered a lot of question and doubts that I hac. Keep up the excellent work. :D
Thank you for the nice compliment :) I'm happy it helped
This is so great! Bookmarked for later :)
Really appreciate .. very helpful .. do you have any tutorial about design for mobile chrome .. when i publish my website and display on mobile i have a lot of problems .. and in design everything ok
Hey I know python and I little bit of c++ and I am only 12 I hope to learn way more About programming by watching ur vids I get picked on almost everyday by people claiming that im retarded but programming helps me feel better
Brady Schoenrogge That is awesome! As you get older you'll realize that life is so much better for those that constantly try to improve themselves. You can accomplish anything through learning. This can be applied to anything. I for example was terrible at sports when I was younger. Later in life I studied everything I could on running and now I'm more fit then any of the jocks I went to school with. Stick to learning and ignore the future failures that are now making fun of you :)
Derek Banas
I hope positivity follows you both :)
Brady Schoenrogge People are entitled to opinions but you are also entitled to ignore there opinions. Remember, success is the best revenge.
Keep going and don't stop learning! Those people that are making fun of you don't see the value in learning something new proactively. Keep Learning and It will take you far! Eventually you will meet like minded people and it all won't seen that weird. Programming is essential skill to have in the 21st century
I knew none of these at your age. Hope you are doing much better now. The bullies in school do that because usually their parents at home bully them and they learn it from them and do it to whoever they can do. Do not take it personal. Keep on going.
Your best video ever!
surfinbird71 Thank you :) I almost didn't make it.
Great stuff, I have the hardest time with CSS !
I'm very happy I could help :)
hahaha super speedy learning man!
Antonio Espinosa That is what I do :)
Hi Derek, thanks for the great tuts! At 32:45 you give the Main tag a width of 550px, which causes the .wrapper color (white) not to be displayed, but instead the Body color (grey). Then when you give the .wrapper the overflow:hidden, it returns!... Why do these things happen? I feel like I'm missing something.
Thank you for this video, hope you make more videos about this.
I'm happy you liked it :)
Amazing tutorial. Thanks
Назар Мольдерф Thank you :) You're very welcome
Thanks to you, I now got the concept of absolute and relative. But, I'm still unsure how they are matching. What makes sure that ul.gallery span goes with ul.gallery li instead of .wrapper ? My only guess is how they are nested in html.... am I close ?
Fantastic video, thanks!
Tony Bellomo Thank you :)
Derek, I thought (maybe mistakenly) that it was common to set font-size in the body to 100%, that way you'd automatically have 1em be 16px?
You have font-size in body set to 62.5%. Is this just your preference? If so, why?
PS: Thank you!
Here is my reason
How to use em document wide
em sized fonts are based off of the size of the root level font size.
If you change the root font size that cascades document wide
By setting the size to 62.5% we can achieve the 16px default browser
size while making em sizing more understandable (16 * 62.5% = 10)
Now 1.6em = 16px
I see, thanks Derek.
any suggestion for a css3 book? thank you for these great tutorials
yazan HUSSIEN The CSS3 missing manual book is good
Not all fonts on font squirrel are paid fonts ... although using Google fonts is a lot easier to use, and they've got loads of great fronts.
Could you not also use the z-index to hide the gallery span behind the image and then set the index over the image on hover? And would this cause trouble elsewhere on the page?
Speaking of the image description you make at 26.00'ish
you are a great programmer dude , can i watch some of your work , have you created any website , app or game ?
Antonio Coniku Thank you :) Mainly I make private websites and Android apps. It is interesting, but rather boring stuff like CSM, Sales and security stuff.
Derek Banas well you're very good , i hope i can be as good as you because i am learning a lot here , it's cool to make an income from programming right :)
Margin & Padding Bottom to the max...who would think of that ;)
Nice one, thanks!
Vladhin I'm glad I could help :)
Wow this guy is superhuman!
+Dastan Harris Thank you :) I do my best
Super super useful, thanks!
+Thom Dammers Thank you very much :)
Hey Derek, how do you feel about coding bootcamps???
+Incredible Eatable Non Egg I think they are great
huge fan of your work :), do you already use 1.5X Speed for your videos :p
Thank you :) I don't speed up my videos, but I do edit out pauses
css changed so much in the last 4 years...
Thanks Derek... Your videos are so helpful... Can you make a android studio tutorial in one video... It will be ok if it is long... Looking Forward to that video
Hello, I really enjoy the videos you make and I would like to ask you:
Do you know what are in your opinion the minimum a software tester needs to know and what language programs to know ?
lupul666 Thank you :) What do you mean by software tester? I'll help if I can.
cool to watch u working!
+sabbathnight Thank you :)
I like your videos, keep the work up :D
Thank you :)
Awesome video Derek :)
I have 2 questions.. First is, could you please cover Java inner classes and their mechanism??
And the second one is, as I see in android, games either fit all their data into one apk file or have a small sized apk and then store the rest of it as additional data. Is there any particular advantage to any of these approaches?
Thank you!
Ashwin murali Thank you :) You use inner classes when you want to be able to share private variables and methods between classes. You'll see them used a lot with ActionListeners in Android where they inherit the interface and provide functionality by passing the inner class as a parameter for buttons and such. As per your second question, can you provide an example? Most Android apps are as small as possible and store most of the data off the device.
Derek Banas I guess the game Monument Valley which is around 240mb is just one apk file
Hey Derek, would you ever consider making a video on cross-browser styling?
atombot89 I kind of did with my Sass tutorial. Sass handles that for you. I'll make more tutorials using CSS preprocessors soon as well.
Hi Derek, I finished an html and css course and I know my stuff well except for the fact that I struggle with positioning elements with padding and margins! Do you have any videos that emphasizes those concepts? Thank you :)
I just realized this video does a lot of positioning xD
+Silas Mcfarlane I have many others that cover laying out web pages as well that should help.
+Derek Banas awesome I will look! Awesome videos :)
What editor is that you are using? Also in my CSS file, I notice there are like...
h1 {}.h1 {}h2 {}.h2 {}...etc, and the one's with (dot)'s are colored red, is that indicating an error? I'm using Notepad++
+Harold McBroom
He’s using sublime text.
h1 is a html heading element, .h1 is a class selector.
The .h1 class selector being red in color may simply be due to your text editor’s syntax highlighting... which I assume uses red color for all class selectors.
A class selector name uses a dot prefix, should be at least two characters long, cannot start with a digit, two hyphens or a hyphen followed by a number. Therefore, .h1 is a valid class name selector, and is definitely not an error.
Your video is truly awesome, thanks a lot.
Your voice sounds a little robotic sometimes, i don't know if it"s your real voice this way or some video bug... :D
Thank you :) Sorry about the voice
For that aside bar at 33:00 couldn't you set the min-height to 100%, so it always takes up 100% of the screen availability?
+Neceros That some times doesn't work. There are a few weird things like that in web design.
Neat trick to get the side bar to fill the height, I've always used JS hacks. Question, why does .wrapper{overflow:hidden} not block the content in main from appearing? I feel like I missed something.
Jamieson Rhyne I loved that trick when I learn it. main is defining the box for the wrapper in regards to the height. The aside breaks outside of the wrapper and that is why it is hidden.
Derek Banas so this trick would not work for a variable height based on content?
Jamieson Rhyne Some times it will. Give it a try it will probably work
Derek Banas thanks. Ur vids r gr8
Hi Derek just wandering whether you have done server based validation? I have to do that using perl and notepad ++? Is there a tutorial you done?
Safeer Mughal Sorry, but I have not. It is pretty straight forward. Get the ip and domain and verify reputation using a accreditation service
how easy it is to stretch down the background of a small div. Thank you very much for the video
What do you mean by stretch a div?
To learn HTML, JS & CSS...where is the best place to start? I love how you show so much as I love learning but my problem with code is learning why something is and how the tags are lined up and compounded together like your paragraphs inside your body etc. I tried codeacademy but I found they just show rather than teach. Any help you could offer would be greatly appreciated, stay blessed. -Jair.
Thank you :) Learn in this order : HTML5, CSS3, (Responsive Website Design if you are into design), JavaScript, (Maybe JQuery), PHP and MySQL. I have tutorials on all the above
HTML 5 : ruclips.net/video/kDyJN7qQETA/видео.html
CSS3 : ruclips.net/video/CUxH_rWSI1k/видео.html
Responsive Design : ruclips.net/video/9fHSbiCISOA/видео.html
JavaScript : ruclips.net/video/fju9ii8YsGs/видео.html
JQuery : ruclips.net/video/BWXggB-T1jQ/видео.html
PHP : ruclips.net/video/7TF00hJI78Y/видео.html
MySQL : ruclips.net/video/yPu6qV5byu4/видео.html
PHP / MySQL : ruclips.net/video/mpQts3ezPVg/видео.html
That's AWESOME Derek, thanks so much for the advice, I will sub it now. Are the videos numbered or named in a particular order? Lastly, would you recommend any software I might need or a prefer browser to work with? I have Googled myself out since everything works with Google and it's all intergrated together.
I'm happy to help :) I make recommendations software wise in each tutorial, but for the most part basic free text editors work great.
Very useful! thanks
+Fede Ottalagano Thank you:)
cca. 26:00 Wouldn't it be better to use z-index: #; instead of margin-left?
+LiveYourLife I'm not a big fan of using the z-index
Great video. Thank You! :)
Thank you :)
Yeeeeeeeeyyy also I am glad not to be the only one asking this.
The Honest Blogger! There are tons of strange CSS tricks. I'll cover responsive web design next.
@Derek : In your second webpage , almost the same result can be obtained by just using the div tags instead of section ,article or aside tags right ?
+TARUNSHKR Yes, but these special tags give more semantic meaning to the content
Oks :) ..
BTW very very good videos and thanks for all your work ... I'm officially a fan :) ..
btw, Thank you very much for your hard work!
You're very welcome :)
how did you make your puppy pictures same width and height for all?
Hello, I have a question is your old series on how to create a theme from scratch still valid? is the HTML coding in that series HTML 5? I'm really asking is everything in that series still up to date?
Clashing With Vince The html has changed, but the main Wordpress PHP stuff is still the same
Derek Banas I know this is a lot to ask for but can you make a new Create A Theme From Scratch series?
wow ... its awesome
+Prashant B Thank you :) I did my best
I´ve seen so many of your tutorials that when i sleep with my girlfriend i start with "Let´s come in here".......
+Michael Hofby That's funny :)
Love your vids bro :D Thanks for making them
+Michael Hofby This boys pull out game is atrocious.
I'd had a div named with id options . I added the style during hover , but I don't know why it did not work . Here's the code
#options:hover {color:green;
Background-color:yellow;}
The div consists of link ()
hey, derek could you make video tutorial on bootstrap.. please please it would be awesome if you made it.. cause i am used to with your explanation..
+Johnny Depp Its out now on his channel
TheDefiantSpace Thanks..
Johnny Depp .i,ol
Hi Derek, cool video. Do you plan make video about not web stuff, like "prog lang in one video"? I know Rust is very intresting language, and it will be very cool, if you make tutorial(s) about this. RUclips haven't good tutorials and i know, you can make it best.
Александр Навицкий Yes I have a bunch of learn in one videos coming. I can do Rust. I also plan on doing C#, Lua, Objective C, OO JavaScript. I'm trying to finish up Rails first, but I keep getting diverted.
Cool, thx Derek)
How about a tutorial on creating a layout ( a very complex one :D ) using flexbox tutorial
As always ,great videos... Many thanks
+Nab Aus Your welcome :) I have made a couple of them. Here is a complex menu tutorial I made as well ruclips.net/video/A1iu7EjVaG8/видео.html
God this is amazing.
Thank you :) I'm happy it helped
+1 Subscriber, nice tutorial
Thank you very much :)
So laid back
Is there any reason to put the hexa codes instead of the colors in words?
No aside from being more options
Hey, with the form, how does it submit? How would you recieve a form submitted by a user? Please help, I don't understand...
I cover that here ruclips.net/video/kDyJN7qQETA/видео.htmlm38s
Thank you! Great channel man, not only amazing explanations but response time is great too?! Subbed and liked, keep it up!
Awesome!
very cool and fast :D
Thank you :)
how do get the discount box to move down when the browser scroll down, but still remain fixed in the upper right corner?
.discount {
position: fixed;
top: 0px;
right: 0px;
}
Can you make a video when you make a little 2D game using Java?
Making a window and a game into the window.
I haven't found anything on RUclips about that.
MultiPlayDude Gaming I made the game Asteroids starting with this tutorial ruclips.net/video/4wWLEeQSXLQ/видео.html I cover physics, collision detection, acceleration, etc. You can make a ton of Java games with that information.
CSS is great if you have OCD, can align everything perfectly.
DFFUSE That's funny :)
Derek Banas The other day I was trying to center align some icons in a WordPress page, and made an icon container:
#icon-container {
display: block;
margin: 0 auto;
width: 300px;
}
And the icons were in
Did this after some research, and it kinda center aligns it but stays slightly off, but is there a way to do it more simply, or is there so much code in WordPress there is no other way for this or it's not possible to tell without seeing the page code?
If the answer is too complicated and requires seeing the page then never mind :P I was just curious...
DFFUSE If you send me the url I'll look at it
hm, I was just playing around with it, the page is found at dafuse.nl/
and the icons which I am trying to center are below the text "I am also found at"
DFFUSE I checked it out. div#icon-container has a width that is larger then is needed for the icons. That is why it isn't centered. I'm not even sure you need that div because it doesn't seem to be doing anything. Try deleting it. Tell me if that doesn't work
hey just wanted to know why did you multiple it by 16.
+jason rego em sized fonts are based off of the size of the root level font size.
If you change the root font size that cascades document wide
By setting the size to 62.5% we can achieve the 16px default browser
size while making em sizing more understandable (16 * 62.5% = 10)
Now 1.6em = 16px
Do tutorials on how to create apps & games in gamesalad.
I wonder why Derek uses white color sheme, I think darker themes are better for eyes and generally look nicer. :P
Edit: I asked about code editor (Sublime Text) color sheme/theme.
Fallout I almost always make web pages light gray. I'm just boring that way I guess.
Derek Banas Hello, I mean Sublime Text theme, not a web (anyway light pages are good), sorry for my uncompleted question.
Fallout I'll try to darken it up. Thanks for the input :)
Derek Banas Sounds good. I’d like to take this opportunity to ask you: are you going to create tutorial about responsive design, especially mobile first/creating responsive grid with SCSS or something like that? Of course when you have enough time to do it. Anyway I must check your other videos because you do good job here. ;)
Fallout I'll cover responsive design using straight CSS. Using Susy or Jeet would make it to easy. I'll cover those as well if requested, but if you understand the CSS way any other way will be easy.
Darek I recomend You to desing in BRACKETS it's lovely editor. By the way i allways thinkig how much time you're teaching all lanuages :P JAVA PHP JAVASCRIPT C C++... thanks for videos
miniSasquatch23 Thank you :) I'll check it out. You're very welcome
@9:00 using custom fonts. I have my own custom font. how do I use my font? Thank you!!
+Rockin Rehearsal Use the @font-face rule.
+Bogdan Mitrovic thank you, ill look that up!
Rockin Rehearsal No problem, I use it all the time if I just have a font file (like .ttf).
Amazing!
Vadims Samsinovs Thank you :)
+1 subscriber, keep it up XD
Thank you :)
Body {
Font-size: 62.5%;
Margin: 0;
Padding:0;
Background-image:
url {"repeatpattern.png" li
Background-attachment: fixed;
Background-attachment:
Background-attachment:
Background-attachment:
.wapper{
font-size: 1.6em;
padding: 2em;
margin; 0 auto
}
Wrapper {
font-size: 1.6em;
padding: 2em;
margin: 0 auto;
width: 900px;
height:2000px
Superlike. I subbed.
+Deepak Kumar Thank you :)
sir me when I type in sublime text 3 margin and lot of other code they dont work, why they dont work
Is it resolved now?Mine too same problem.
Hello! I have problem and I cant fix :/ I try a lot of things. My problem:
When I scroll page one of elements is hide for two-three seconds - only for iPhone
+Michał Boniarczyk The code I have here is doing that?
+Derek Banas I am not sure. I use position - fixed for two elements and one of element is hide for 2-3 seconds whe I scroll page by iPhone
Nice tutorial. Altought floats are deprecated