Yo geng, dalam tutorial desain web responsif ini, saya akan memperkenalkan Anda pada kueri media, yang merupakan inti dari setiap desain responsif. Kueri media memungkinkan kami menargetkan aturan CSS tertentu berdasarkan parameter perangkat seperti lebar atau orientasinya, atau jenis perangkatnya. Tautan ke file sumber di github – Tautkan ke PSD ke seri tutorial WordPress – BERLANGGANAN KE SALURAN – ========== JavaScript untuk Daftar Putar Pemula ========== ======= === CSS untuk Daftar Putar Pemula ========== ========== HTML untuk Daftar Putar Pemula ========== ========= = The Net Ninja ============ Untuk tutorial pengembangan front-end lainnya & untuk meningkatkan keterampilan pengkodean Anda, kunjungi – atau ========== Tautan Sosial = ========= Twitter – @TheNetNinja – .
source
LOL I found it difficult, to understand: Max & Min. I´m so lost in contradictions, like, one day I was driving a car, and I really thought, I had pushed, the break pedal, LOL, I pushed the gaz, happy wise, I did´nt die 😂😂😂 I´m still struggeling, with understanding, wich width, is min or max. Thanks for the explenation! You´re awesome. Cheers from Sweden/evita la loquita 😅
this helped greatly. thank you!
Hi The Net Ninja, please can you update this responsive web design playlist as this was made in 2015
My attention deficit problem thanks you for talking fast and getting straight to the point.
Bru u just svd me already🌟*5
🙌👍🏻
Thanks a lot, great work!
what is that extensions he is using to know the dimensions of the screen ….!? time 6:48 .
THANK YOU. You saved me bruh, for my HTML/CSS lab this week our instructor told us to add "@media queries" to our projects with hardly any explanation of what they are. I understand now after watching this video, cheers!
Your tutorials are perfect dude!!! just please, talk slower… 🙂
Why isn't it working when I'm writing everything corrort.
Pretty good
But like most video tutorials it never works first time (for me)
Eg you forgot add the required meta tag in the HTML
And to add the fact that media querries must go at the bottom of the css file
Cheers
Are ypu using any extension? I don t see the pixels on the top as per teh screen size, and my screen does not go below 520 px if i start minimizing it manually> is there something wrong with my chrome?
Good stuff buddy, suscribing right now.
Are there any conventions, like to put media-queries for smaller screens at the top, so that the pages will load faster on mobile phones? Or does the order not really matter?
Sir one question what about target all browser larger than 750px
Can you help me in this query
Thank you for your efforts to create this great tutorials and put them for every one to watch.
Looking at the source I would to ask you – The purpose of putting inside the header section <h1 class="logo">Resto</h1> and h2 inside nav menu and both sending them away with text-indent: -10000px; is for the search engines, right ??
I could see no other reason to have h1 instead of image and h2 … for nothing.
Marvelous.
you're knowledge about screen resolution for phones are all wrong at least back then! The resolution of phone screens is much higher that 320" even back then!
Is this a ruler extension or built in tool in dev mode? I found it very useful.
Everything I'm working on is usually so large that I can't have one file.
My ta from bootcamp said he "inherited" like 50,000 lines of code for the new codebase he's working on.
Granted, that's a bit of an exaggeration but point being:
These guys that manage these large codebases, idk how they do it. 😏
I need to get better at Unix, learn sed, grep , awk, all that kind of stuff.
Thanks for the vid.
Transitioning to PHP & C# from JS so I'll be watching there ily
How did you create the gray lines that point to the prices. I tried to look for it in the css styles but I couldn't find it out. I have curious. Waves from Mexico. (sorry for bad english)
AWESOME!!!!
the thing is, in 2019, a lot of devices have a width bigger than 700px. WHat do you do with 2k resolution screens that are under 6 inches in size?
nice sir 🙂
This is genuine: so lucid!!
this is a great tutorial, got what I was looking for . thank you bro
Genius!
Thank you so much! This really solidified media queries for me.