I owe this guy a tremendous debt for giving me my love of programming. While I no longer work professionally, I still use the codeigniter for localhost projects he taught me to use, He also taught me Jquery. Yes it was a long time ago. And while I since learned JavaScript and use that, I never would have went forward with the things I have since learned without his teaching. Thank you Jeffery
I didn't even see the Back to the Future 3 but that little segue made me immediately click the like button. I wish all tutorials were like this, with some part of human to human interaction instead of throwing the information on us and saying "do what you will with it". Just realized that's why I like watching developedbyed as well.
RE: dialog backdrops vs open Dialogs have two modes: open and modal. Calling show() or setting the open attribute uses normal open mode while showModal() uses the modal mode. Backdrop is only visible in the modal mode because only in modal mode should the user be prevented from interacting on the rest of the document. Normal open mode allows you to have many dialogs open at the same time. In a sense, a dropdown menu is a dialog displayed under an anchor point, for example.
Thank you for introducing/reintroducing these HTML elements! HTML has grown so much since I first learned it. It is really nice to see these new elements that are offering new functionality along with semantics.
Beyond exceptional! So much valuable information and a little bit of movie trivia, in such a tight and punchy video. Jefferey continues to amaze; you are truly a master.
Remember that in his letter, which 1885 Doc referenced when he first speaks to Marty was almost hanged (i.e. it was already written), The Doc had stated "I have buried the DeLorean in the abandoned Delgado Mine...", using the past perfect tense. So obviously 1885 Doc got rid of the remainder of the gas because he didn't want the gasoline breaking down chemically in the tank and rendering the engine unstartable without his "1955 counterpart" having to siphon it anyway (best case) or having to replace the fuel tank/lines (worst case). Great video.
I absolutely LOVE the fact that you paused your explanation to comment about back to the future lol. But thinking about it, the car didn't ran out of gas, the gas line was ripped apart, so the gas in the tank wasn't reaching the motor. I think they could have fixed it, but don't remember it being mentioned. Also if they were to take gas out of the car, they'd have to be sure to leave some amount in order to Morty go back to 1885 if the first place. But honestly your answer is the best hahah just a movie and that suspension of disbelief! Btw great video, there were things that i really didn't know about!!
Thank you, I sometimes do some HTML, not that i would enjoy it so much, but sometimes it is needed. This made some tasks easier for me, as i had to do some of those in javascript, which is language i dont like to use.
Useful, I'll try t remember this! Also I find it hilarious that a Mac user doesn't use Safari, although I suppose most Windows users do not use IE for the same reason. (yes I'm aware that even Microsoft has deprecated IE by now)
Hola, gracias por el artículo. Tengo un problema: debo colocar imágenes con diferente amplitud, a 10%, 20%, 30%, ... hasta 100%, lo cual he hecho con css y la instrucción width, pero son muchas etiquetas. ¿Hay alguna forma de abreviar esto?
Datalist can be very useful, but only after they add support of styling at list. I’m not even say groupings and 2nd levels. Such components give me feeling that w3c stuck in the past, something 10-15 years ago.
Doc's Time Machine was not using fuel but used the "Mr. Fusion" home energy reactor upgrade to power the machine. The lightning strike that sent him back in time also fried the fusion generator. I'm not sure if this is explicitly said in the movie, but that's one explanation.
2 ปีที่แล้ว +2
"Unfortunately, that car will never fly again" is indication that the Mr Fusion version of the time machine is beyond repair.
"The Mr. Fusion Home Energy Reactor converts household waste to power for the time machine's flux capacitor and time circuits. The energy produced by Mr. Fusion replaces plutonium as the primary power source of the DeLorean's time travel. The Mr. Fusion can provide enough power to the flux capacitor and the time circuits, but is not used to power up the DeLorean itself, which makes use of an ordinary gasoline combustion engine to reach the 88 mph speed necessary for it to time travel. The vehicle's hover system is also powered by Mr. Fusion and is capable of bringing the DeLorean up to the required 88 mph." So even if Mr. Fusion and the flight capabilities are busted after the lightning strike, the car should still hold a tank of gasoline when Doc appears in 1885. He hides it away in the cave for Marty to find in the future in which he goes back to 1885 again and thus two cars should exist in 1885, the "original" and the one Marty comes back with from the future that now has a gasoline leak. They could have easily fixed the leak and taken the gasoline from the original car to fill it up. The future Marty and Doc would just have to fill it up again when they find it in the cave.
No harm in adding it. But not a requirement, no. Those tags are technically considered optional. google.github.io/styleguide/htmlcssguide.html#Optional_Tags
The picture tag is really useful for using image formats that are less supported. For example, webp (smaller file size) with a jpeg (more compatible) fallback.
I would argue using for comments ;-) Yes, you would link into given comment - but moving it out of the comments section (like other page) doesn't make sense as comment is not an independent [piece of] content but is heavily related to the context
Straight from the HTML5 Spec. "The article element represents a self-contained composition in a document, page, application, or site and that is, in principle, independently distributable or reusable, e.g. in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, *a user-submitted comment*, an interactive widget or gadget, or any other independent item of content."
i don't like the changing image thing, it sound manipulative adding extra weight to the website just because the user screen is wider. i can only accept it if the developer add a note/description that the image is on its highest resolution or on low resolution because your device or network is bad etc. or even better adding an option to choose which version of the image to download.
You would use this for a banner or something. And the css query was set to media for demonstration purposes. You can do whatever you want. Responsive design. Maybe the image changes when you flip the phone. The "hot deal" banner is on the side like a column in landscape mode or on a PC but in portrait mode it's a different image spanning the entire width but only a finger in height.
"New'ish" is really, really far stretched. Those tags are available for almost a decade already and were natively introduced with HTML5 in 2014, though Google Chrome had some of them as already available as early as 2010.
0:24 Article
1:47 Data list
3:33 Details
6:47 Dialog
I owe this guy a tremendous debt for giving me my love of programming. While I no longer work professionally, I still use the codeigniter for localhost projects he taught me to use, He also taught me Jquery. Yes it was a long time ago. And while I since learned JavaScript and use that, I never would have went forward with the things I have since learned without his teaching. Thank you Jeffery
Those were Jeffery golden days.
Likewise
0:24 Article
1:47 Data list
3:33 Details
6:47 Dialog
14:30 Picture
I didn't even see the Back to the Future 3 but that little segue made me immediately click the like button. I wish all tutorials were like this, with some part of human to human interaction instead of throwing the information on us and saying "do what you will with it". Just realized that's why I like watching developedbyed as well.
RE: dialog backdrops vs open
Dialogs have two modes: open and modal. Calling show() or setting the open attribute uses normal open mode while showModal() uses the modal mode.
Backdrop is only visible in the modal mode because only in modal mode should the user be prevented from interacting on the rest of the document.
Normal open mode allows you to have many dialogs open at the same time. In a sense, a dropdown menu is a dialog displayed under an anchor point, for example.
Thank you for introducing/reintroducing these HTML elements! HTML has grown so much since I first learned it. It is really nice to see these new elements that are offering new functionality along with semantics.
Beyond exceptional! So much valuable information and a little bit of movie trivia, in such a tight and punchy video. Jefferey continues to amaze; you are truly a master.
It's the first time in my life that I watch one of your video and already know everything you showed. Alpine included. Still can't believe it!
haha🤣
Like because of the "Back to the future" talk, subscribe because Jeff is awesome!
Remember that in his letter, which 1885 Doc referenced when he first speaks to Marty was almost hanged (i.e. it was already written), The Doc had stated "I have buried the DeLorean in the abandoned Delgado Mine...", using the past perfect tense. So obviously 1885 Doc got rid of the remainder of the gas because he didn't want the gasoline breaking down chemically in the tank and rendering the engine unstartable without his "1955 counterpart" having to siphon it anyway (best case) or having to replace the fuel tank/lines (worst case). Great video.
OMG i had no idea some of these tags even existed! Thank you very much for show me these tags
Very interesting on the HTML part and I just loved the "Back to the future" part!! 😅
Clear and concise explanations. Thanks!
I absolutely LOVE the fact that you paused your explanation to comment about back to the future lol.
But thinking about it, the car didn't ran out of gas, the gas line was ripped apart, so the gas in the tank wasn't reaching the motor.
I think they could have fixed it, but don't remember it being mentioned.
Also if they were to take gas out of the car, they'd have to be sure to leave some amount in order to Morty go back to 1885 if the first place.
But honestly your answer is the best hahah just a movie and that suspension of disbelief!
Btw great video, there were things that i really didn't know about!!
Nice video. Really helpful. Thanks
Amazing content, btw! Just showed me ur love for programming, love it!
I loved the Back to the Future reference 😅
So concise and straight to the point, thank you!
Thank you for this reminder or additional tag of mine. I will apply it to my small projects. Thanks sir
As always a pleasure learning new things from you
been using the datalist for the past 5years... The details tag is quite a nice touch!
The details summary part 🔥🔥🔥 damn I’m subscribing now
Thank you for the video, very useful and examples are so well explained !
Thank you, I sometimes do some HTML, not that i would enjoy it so much, but sometimes it is needed. This made some tasks easier for me, as i had to do some of those in javascript, which is language i dont like to use.
i do not known how to say it but Miss you man (sry big old fan from envato tutsplus days ) hearing your sound it is like life back to body
Wow!This is very cool and helpful! Thanks for you sharing
Love the videos where we see you at the beginning. 👍
Thank you. TNice tutorials is really helpful. Much respect
Thank god i saw your video .. its sooo helpful and informative to me as a beginner.. thank you
Thanks for sharing!🔥
I like your way that you follow to describe the coding....
I hope you will make more videos like this.... 👍👍👍
More to come!
Great explanation
Your editor looks awesome
Great Info almost was forgot about it. Actually I wrap WordPress data with those tags
Holy Crapt! I did not think about the two-time machines at the same time....
I really like the clean and minimal look of your IDE. How did you set this up?
What IDE is it?
@@denisg1208 I think it is a Phpstorm setup. At 10:00 you can see a PHPStorm mark at top right.
@@DevvOscar thanks!
Awesome 👍👍👍👍
How cool is it, thanks for this!
Great video 👍
i like the intro tune
Just... WTF 😯 Thanks for sharing!
Useful, I'll try t remember this!
Also I find it hilarious that a Mac user doesn't use Safari, although I suppose most Windows users do not use IE for the same reason.
(yes I'm aware that even Microsoft has deprecated IE by now)
What code editor / themes do you use?
Thank you
Hola, gracias por el artículo. Tengo un problema: debo colocar imágenes con diferente amplitud, a 10%, 20%, 30%, ... hasta 100%, lo cual he hecho con css y la instrucción width, pero son muchas etiquetas. ¿Hay alguna forma de abreviar esto?
mind sharing what theme this is in your editor? :) I'm on the lookout for something new
Nice!
Thanks very much informative
wow, datalist is interesting
So simple!
Thank you!
thanks, very infomring
Confused about . How do you link to it?
Very useful video.
I'm not sure to understand if the dialog can run natively or Alpine is required and using dialog tag is just a good practice?
No, Alpine isn't needed. You just need to use a bit of JavaScript to call the showModal() method on the dialog element.
What's the font you're using in your IDE?
Thank’s!
Datalist can be very useful, but only after they add support of styling at list. I’m not even say groupings and 2nd levels.
Such components give me feeling that w3c stuck in the past, something 10-15 years ago.
really helpful
Good movie 😄
Super nice video
Can someone know which code editor did he use in this video?
i think woud be nice a way to use details as a modal
this is mindblowing, my javascript can be a lot simpler now
I mean, all these things are basics that you learn in the beginning when learning javascript, but I guess..
@@highrider5487 all depends on how you learned it.
Hi, a bit off topic but what is the IDE and the font/ themes you're using? it looks fantastic!
+
it's probably PHPStorm with a bunch of theming/UI tweaks that made it look like Fleet! Kinda curious on how he achieved as well.
Doc's Time Machine was not using fuel but used the "Mr. Fusion" home energy reactor upgrade to power the machine. The lightning strike that sent him back in time also fried the fusion generator. I'm not sure if this is explicitly said in the movie, but that's one explanation.
"Unfortunately, that car will never fly again" is indication that the Mr Fusion version of the time machine is beyond repair.
"The Mr. Fusion Home Energy Reactor converts household waste to power for the time machine's flux capacitor and time circuits. The energy produced by Mr. Fusion replaces plutonium as the primary power source of the DeLorean's time travel. The Mr. Fusion can provide enough power to the flux capacitor and the time circuits, but is not used to power up the DeLorean itself, which makes use of an ordinary gasoline combustion engine to reach the 88 mph speed necessary for it to time travel. The vehicle's hover system is also powered by Mr. Fusion and is capable of bringing the DeLorean up to the required 88 mph."
So even if Mr. Fusion and the flight capabilities are busted after the lightning strike, the car should still hold a tank of gasoline when Doc appears in 1885. He hides it away in the cave for Marty to find in the future in which he goes back to 1885 again and thus two cars should exist in 1885, the "original" and the one Marty comes back with from the future that now has a gasoline leak.
They could have easily fixed the leak and taken the gasoline from the original car to fill it up. The future Marty and Doc would just have to fill it up again when they find it in the cave.
What color scheme and font are you using?
What editor do you use?
Legend has it he never ca back later.
Great thank ❤a lot
Yeh, but in sucky safari, you cannot override the details drop arrow marker styling, coz it's in its shadow dom
Thank you so much for sharing this. You got 1 Subscribe from me ♥️
What is the application you used in the video?
"Link to.." regarding article tag, when you say link to, you mean semantically, like for SEO or semantical parser purpose.
great
What is that code editor?
2:16 No head/body tags anymore?
No harm in adding it. But not a requirement, no. Those tags are technically considered optional. google.github.io/styleguide/htmlcssguide.html#Optional_Tags
I wonder what coding tool you use? but i know for sure not visual studio code.
How do you make Chrome Devtools look like this? I thought it was wonderful
What is your theme?
Same question here
ikr
Does compatibility isn't an issue here?
What's the name of this code editor
The picture tag is really useful for using image formats that are less supported. For example, webp (smaller file size) with a jpeg (more compatible) fallback.
Would be nice to have combined the last two, figure+picture, it's not intuitively obvious that they can work together.
man this is explained in the movie: the delorean with marty had an arrow in the tank, the one from doc had no because he spend to hide in the mine.
Could someone let me know what editor he is using?
PHPStorm.
What editor is uses the video?
PHPStorm.
vscode and vim?
I less to use details, cuz the touch area is fixed and too narrow for click, unlike li can use padding to widen click area.
I would argue using for comments ;-)
Yes, you would link into given comment - but moving it out of the comments section (like other page) doesn't make sense as comment is not an independent [piece of] content but is heavily related to the context
Straight from the HTML5 Spec.
"The article element represents a self-contained composition in a document, page, application, or site and that is, in principle, independently distributable or reusable, e.g. in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, *a user-submitted comment*, an interactive widget or gadget, or any other independent item of content."
I had no idea you could get autocompletion with just html!
Also I see you have same Update on the google chrome canary which for me is going to much every day
i don't like the changing image thing, it sound manipulative adding extra weight to the website just because the user screen is wider. i can only accept it if the developer add a note/description that the image is on its highest resolution or on low resolution because your device or network is bad etc. or even better adding an option to choose which version of the image to download.
You would use this for a banner or something. And the css query was set to media for demonstration purposes. You can do whatever you want. Responsive design. Maybe the image changes when you flip the phone. The "hot deal" banner is on the side like a column in landscape mode or on a PC but in portrait mode it's a different image spanning the entire width but only a finger in height.
Hi 👋🏻
not wNice tutorialle quarantine but how r u doing is that hard ?
Roger that.
Sorry, Whats is your IDE?
"New'ish" is really, really far stretched. Those tags are available for almost a decade already and were natively introduced with HTML5 in 2014, though Google Chrome had some of them as already available as early as 2010.
Ill stick to divs....