![Deltaty Code](/img/default-banner.jpg)
- Видео 46
- Просмотров 469 642
Deltaty Code
США
Добавлен 28 июл 2019
Welcome to Deltaty Code! Your one-stop destination for tech tutorials on web and mobile development, covering HTML, CSS, JavaScript, React.js, Vue.js, Angular, Java, Spring Boot, Python, and more. Join our coding journey, subscribe, and level up your skills! 💻✨.
Build an iPhone Calculator using HTML CSS & JavaScript
Hi Guys, in today's video, we are going to build an iPhone calculator web app using HTML CSS, and JavaScript.
If you enjoyed the video don't forget to subscribe and turn on your notifications! , Like and Comment.
𝗦𝘂𝗯𝘀𝗰𝗿𝗶𝗯𝗲 🔔: ruclips.net/channel/UCfCOsSNqcNRkiviaHH5vnrQ
𝗣𝗮𝘆𝗽𝗮𝗹 𝗗𝗼𝗻𝗮𝘁𝗶𝗼𝗻 💰 : www.paypal.me/mourouh
𝗧𝗲𝘅𝘁 𝗘𝗱𝗶𝘁𝗼𝗿 {} : code.visualstudio.com/?wt.mc_...
𝗦𝗼𝘂𝗿𝗰𝗲 𝗖𝗼𝗱𝗲 : github.com/m-mourouh/iPhone-Calculator
0:23 HTML
4:06 CSS
10:18 Javascript
𝗙𝗼𝗹𝗹𝗼𝘄 𝗺𝗲 :
𝗙𝗮𝗰𝗲𝗯𝗼𝗼𝗸 : DeltatyCode/...
𝗜𝗻𝘀𝘁𝗮𝗴𝗿𝗮𝗺 : mouhamedmou...
𝘁𝘄𝗶𝘁𝘁𝗲𝗿 : MMourouh
𝗕𝗲𝗵𝗮𝗻𝗰𝗲 : www.behance.net/seemore1
𝗚𝗜𝗧𝗛𝗨𝗕 : github.com/Deltaty-Code
𝗗𝗘𝗩.𝗧𝗢 : dev.to/deltatycode
𝗗𝗿𝗶𝗯𝗯𝗯𝗹𝗲 : dribbble.com/MOHAMED28
𝗟𝗶𝗻𝗸𝗲𝗱...
If you enjoyed the video don't forget to subscribe and turn on your notifications! , Like and Comment.
𝗦𝘂𝗯𝘀𝗰𝗿𝗶𝗯𝗲 🔔: ruclips.net/channel/UCfCOsSNqcNRkiviaHH5vnrQ
𝗣𝗮𝘆𝗽𝗮𝗹 𝗗𝗼𝗻𝗮𝘁𝗶𝗼𝗻 💰 : www.paypal.me/mourouh
𝗧𝗲𝘅𝘁 𝗘𝗱𝗶𝘁𝗼𝗿 {} : code.visualstudio.com/?wt.mc_...
𝗦𝗼𝘂𝗿𝗰𝗲 𝗖𝗼𝗱𝗲 : github.com/m-mourouh/iPhone-Calculator
0:23 HTML
4:06 CSS
10:18 Javascript
𝗙𝗼𝗹𝗹𝗼𝘄 𝗺𝗲 :
𝗙𝗮𝗰𝗲𝗯𝗼𝗼𝗸 : DeltatyCode/...
𝗜𝗻𝘀𝘁𝗮𝗴𝗿𝗮𝗺 : mouhamedmou...
𝘁𝘄𝗶𝘁𝘁𝗲𝗿 : MMourouh
𝗕𝗲𝗵𝗮𝗻𝗰𝗲 : www.behance.net/seemore1
𝗚𝗜𝗧𝗛𝗨𝗕 : github.com/Deltaty-Code
𝗗𝗘𝗩.𝗧𝗢 : dev.to/deltatycode
𝗗𝗿𝗶𝗯𝗯𝗯𝗹𝗲 : dribbble.com/MOHAMED28
𝗟𝗶𝗻𝗸𝗲𝗱...
Просмотров: 116
Видео
How to Install PostgreSQL on Windows | PostgreSQL Installation Tutorial
Просмотров 4775 месяцев назад
In this comprehensive tutorial, I'll guide you through the step-by-step process of installing PostgreSQL on a Windows system. 1. Downloading PostgreSQL: Step-by-step guide on where to find the official PostgreSQL installer and how to download it. 2. Installation Process: Install PostgreSQL on Windows. 3. Post-Installation Checks: Check the pgAdmin. If this tutorial proves valuable to you, pleas...
Creative Image Slider Using HTML, CSS & Javascript | SwiperJS Tutorial
Просмотров 590Год назад
Hi Guys and welcome back, in today's video I’m going to show how to create an awesome creative image slider using html css and swiperJS . If you enjoyed the video don't forget to subscribe and turn on your notifications! , Like and Comment . 𝗦𝘂𝗯𝘀𝗰𝗿𝗶𝗯𝗲 🔔: ruclips.net/channel/UCfCOsSNqcNRkiviaHH5vnrQ 𝗣𝗮𝘆𝗽𝗮𝗹 𝗼𝗻𝗮𝘁𝗶𝗼𝗻 💰 : www.paypal.me/mourouh 𝗧𝗲𝘅𝘁 𝗘𝗱𝗶𝘁𝗼𝗿 {} : code.visualstudio.com/?wt.mc_... 𝗦𝗼𝘂...
MCDONALD's Landing Page using only HTML CSS | How to create a Responsive Website with CSS.
Просмотров 2,3 тыс.2 года назад
Hi Guys, in this video I’m going to show how to create a landing page header for McDONALD'S using only html and css and how to make a responsive website design with css. If you enjoyed the video don't forget to subscribe and turn on your notifications! , Like and Comment . 𝗦𝘂𝗯𝘀𝗰𝗿𝗶𝗯𝗲 🔔: ruclips.net/channel/UCfCOsSNqcNRkiviaHH5vnrQ 𝗣𝗮𝘆𝗽𝗮𝗹 𝗼𝗻𝗮𝘁𝗶𝗼𝗻 💰 : www.paypal.me/mourouh 𝗧𝗲𝘅𝘁 𝗘𝗱𝗶𝘁𝗼𝗿 {} : code...
Pure CSS Vertical Image Slider Using Only HTML & CSS
Просмотров 3,1 тыс.2 года назад
Hi Guys and welcome back, in this video , we are going to see how to create an awesome vertical image slider with pure css . I am going to create this image slider using only html and css . No javascript needed to make this vertical image slider. If you enjoyed the video don't forget to subscribe and turn on your notifications! , Like and Comment . 𝗦𝘂𝗯𝘀𝗰𝗿𝗶𝗯𝗲 🔔: ruclips.net/channel/UCfCOsSNqcNRk...
Preview Image Before Upload using HTML CSS & JavaScript
Просмотров 6712 года назад
Hi Guys and welcome back, in this video I’m going to show how to preview an image before upload using html & css and javascript | . If you enjoyed the video don't forget to subscribe and turn on your notifications! , Like and Comment . 𝗦𝘂𝗯𝘀𝗰𝗿𝗶𝗯𝗲 🔔: ruclips.net/channel/UCfCOsSNqcNRkiviaHH5vnrQ 𝗣𝗮𝘆𝗽𝗮𝗹 𝗼𝗻𝗮𝘁𝗶𝗼𝗻 : www.paypal.me/mourouh 𝗧𝗲𝘅𝘁 𝗘𝗱𝗶𝘁𝗼𝗿 {} : code.visualstudio.com/?wt.mc_... 𝗦𝗼𝘂𝗿𝗰𝗲 𝗖𝗼𝗱𝗲...
Water Ripples Effect Using HTML , CSS & JQuery Ripples Plugin
Просмотров 1,1 тыс.2 года назад
Hi Guys and welcome back, in this video I’m going to show how to add a water ripples effect to your web projects using html , css and jquery ripples plugin. it's an awesome effect that you can make in just 3 lines of code with this jquery plugin. I really hope you enjoyed this video. if so please don't forget to subscribe and turn on your notifications! , Like and Comment . 𝗦𝘂𝗯𝘀𝗰𝗿𝗶𝗯𝗲 🔔: ruclips...
How to make Google Maps Darker in CSS | Google Maps Dark Mode
Просмотров 3,1 тыс.2 года назад
Hi Guys and welcome back, in this video I’m going to show how to make google Maps darker using CSS filters . If you enjoyed the video don't forget to subscribe and turn on your notifications! , Like and Comment . 𝗦𝘂𝗯𝘀𝗰𝗿𝗶𝗯𝗲 🔔: ruclips.net/channel/UCfCOsSNqcNRkiviaHH5vnrQ 𝗣𝗮𝘆𝗽𝗮𝗹 𝗼𝗻𝗮𝘁𝗶𝗼𝗻 💰 : www.paypal.me/mourouh 𝗧𝗲𝘅𝘁 𝗘𝗱𝗶𝘁𝗼𝗿 {} : code.visualstudio.com/?wt.mc_... 𝗩𝗶𝗱𝗲𝗼𝘀 🎬 : Create a Typewriter E...
Create a Responsive Hamburger Menu using only HTML and CSS | Responsive Navigation Menu
Просмотров 62 тыс.2 года назад
Hi Guys and welcome back, in today's video I’m going to show you how to create an awesome hamburger menu in HTML and CSS. To make this hamburger menu I'm going to use a simple pure CSS trick which you probably know and which based on checkbox input . The idea here is very clear when ever this input is checked the hamburger menu it should disappear and when it 's not checked it should appear. To...
Awesome Text Animation Using HTML,CSS and Javascript.
Просмотров 4062 года назад
Hi Guys and welcome back, in today's video I’m going to show how to create a text animation using html css and javascript and gsap library. If you enjoyed the video don't forget to subscribe and turn on your notifications! , Like and Comment . 𝗦𝘂𝗯𝘀𝗰𝗿𝗶𝗯𝗲 🔔: ruclips.net/channel/UCfCOsSNqcNRkiviaHH5vnrQ 𝗣𝗮𝘆𝗽𝗮𝗹 𝗼𝗻𝗮𝘁𝗶𝗼𝗻 💰 : www.paypal.me/mourouh 𝗧𝗲𝘅𝘁 𝗘𝗱𝗶𝘁𝗼𝗿 {} : code.visualstudio.com/?wt.mc_... 𝗦...
Build A Responsive Website With HTML & CSS | HTML & CSS Responsive Website
Просмотров 1,6 тыс.3 года назад
Hi Guys and welcome back, in today's video I’m going to show how to create a responsive website using html and css . If you enjoyed the video don't forget to subscribe and turn on your notifications! , Like and Comment . 𝗦𝘂𝗯𝘀𝗰𝗿𝗶𝗯𝗲 🔔: ruclips.net/channel/UCfCOsSNqcNRkiviaHH5vnrQ 𝗣𝗮𝘆𝗽𝗮𝗹 𝗼𝗻𝗮𝘁𝗶𝗼𝗻 💰 : www.paypal.me/mourouh 𝗧𝗲𝘅𝘁 𝗘𝗱𝗶𝘁𝗼𝗿 {} : code.visualstudio.com/?wt.mc_... 𝗦𝗼𝘂𝗿𝗰𝗲 𝗖𝗼𝗱𝗲 : github.com...
How To Create a Black and White Image Using Only CSS
Просмотров 6383 года назад
Hi Guys and welcome back, in today's video I’m going to show how to create a How To create a black and white image using css filters . If you enjoyed the video don't forget to subscribe and turn on your notifications! , Like and Comment . 𝗦𝘂𝗯𝘀𝗰𝗿𝗶𝗯𝗲 🔔 : ruclips.net/channel/UCfCOsSNqcNRkiviaHH5vnrQ 𝗣𝗮𝘆𝗽𝗮𝗹 𝗼𝗻𝗮𝘁𝗶𝗼𝗻 💰 : www.paypal.me/mourouh 𝗧𝗲𝘅𝘁 𝗘𝗱𝗶𝘁𝗼𝗿 {} : code.visualstudio.com/?wt.mc_... 𝗦𝗼𝘂𝗿𝗰...
Create a Landing Page Using HTML and CSS | CSS Online Store Landing Page Design
Просмотров 9793 года назад
Hi Guys and welcome back, in today's video I’m going to show how to create a landing page using html and css | online store landing page . If you enjoyed the video don't forget to subscribe and turn on your notifications! , Like and Comment . 𝗦𝘂𝗯𝘀𝗰𝗿𝗶𝗯𝗲 🔔 : ruclips.net/channel/UCfCOsSNqcNRkiviaHH5vnrQ 𝗣𝗮𝘆𝗽𝗮𝗹 𝗼𝗻𝗮𝘁𝗶𝗼𝗻 💰 : www.paypal.me/mourouh 𝗧𝗲𝘅𝘁 𝗘𝗱𝗶𝘁𝗼𝗿{}: code.visualstudio.com/?wt.mc_id=vsco...
Create a Typewriter Effect Animation Using Only CSS & HTML | CSS Text Typing Animation
Просмотров 1,7 тыс.3 года назад
Today, I’m going to show how to create a css typing text animation using only html and css. Pure CSS Typewriter effect animation . If you enjoyed the video don't forget to subscribe and turn on your notifications! , Like and Comment . 📺Subscribe To My Channel and Get More Great Tips : ruclips.net/channel/UCfCOsSNqcNRkiviaHH5vnrQ Download files from here : github.com/Deltaty-Code/Pure-CSS-Typewr...
Create an Awesome Navigation Bar Using Only HTML & CSS | CSS Navbar
Просмотров 1,1 тыс.3 года назад
Create an Awesome Navigation Bar Using Only HTML & CSS | CSS Navbar
Animated 404 Error Page Using HTML & CSS | Create a custom 404 Page Not Found
Просмотров 1,6 тыс.3 года назад
Animated 404 Error Page Using HTML & CSS | Create a custom 404 Page Not Found
Responsive Animated Login Form Using Only HTML & CSS
Просмотров 1,1 тыс.3 года назад
Responsive Animated Login Form Using Only HTML & CSS
How To Create Rounded and Circular Images With CSS
Просмотров 66 тыс.3 года назад
How To Create Rounded and Circular Images With CSS
How To Create A Simple Modale Popup Using HTML CSS and Javascript
Просмотров 2383 года назад
How To Create A Simple Modale Popup Using HTML CSS and Javascript
Create a 404 Page , Not Found Error Page Using HTML & CSS
Просмотров 1,5 тыс.3 года назад
Create a 404 Page , Not Found Error Page Using HTML & CSS
How To Create a Text Captcha Using HTML , CSS & Javascript
Просмотров 5 тыс.3 года назад
How To Create a Text Captcha Using HTML , CSS & Javascript
Responsive Sidebar Menu Using HTML & CSS
Просмотров 1,7 тыс.3 года назад
Responsive Sidebar Menu Using HTML & CSS
How Create a Login Form Using Only HTML & CSS | Sign in page
Просмотров 4893 года назад
How Create a Login Form Using Only HTML & CSS | Sign in page
Neumorphic Buttons Design Using Pure HTML & CSS | Neumorphism Design
Просмотров 2623 года назад
Neumorphic Buttons Design Using Pure HTML & CSS | Neumorphism Design
How To Create a Scroll indicator Using HTML & CSS & Javascript
Просмотров 2823 года назад
How To Create a Scroll indicator Using HTML & CSS & Javascript
Weather App UI Design Tutorial | Adobe XD UI Design | Web app UI Design Tutorial
Просмотров 3943 года назад
Weather App UI Design Tutorial | Adobe XD UI Design | Web app UI Design Tutorial
How To Create a Dropdown Menu In HTML and CSS
Просмотров 3343 года назад
How To Create a Dropdown Menu In HTML and CSS
Create a Scroll To Top Button Using Pure HTML & CSS & Javascript
Просмотров 2,2 тыс.3 года назад
Create a Scroll To Top Button Using Pure HTML & CSS & Javascript
Responsive Product Card Using HTML , CSS and Javascript
Просмотров 1,6 тыс.3 года назад
Responsive Product Card Using HTML , CSS and Javascript
Animated Login Form Using Only HTML & CSS
Просмотров 1,8 тыс.4 года назад
Animated Login Form Using Only HTML & CSS
Awesome tutorial, thank you so much!
Enjoy 😉
adi cheste vasta ledu naku
Shitty video 💩
wa nta mghribi dkhl chwiya dial darija f hdartk hhhh
Hhh
Hi sir I love watching your video . Can you please design a product slider like the one shown in video ruclips.net/video/n_XTS-CJTSc/видео.html ?
can it be turned to auto slide?
You can use css animations for that.
I really enjoyed the way you code, I love you 💖
thanks dude very helpful :)
😉
good job
I must be missing something, when i shrink it the nav menu items are there but at the top and not centered when making a smaller screen
Thanks for your useful video that's awesome 😉
The hamburger icon and the cross are not showing up. Anyone else has the same problem or knows how to fix it? Besides that, great tutorial and awesome nav bar!🤩
Hello, thank you for the video! I just wanted to know why do we have to put width:60% for the .slider? When I try in mine, there is a piece of the next picture visible, and the next pictures have pieces of the ones after them bigger and bigger each time. Thanks for the answer!
My one also same problem
Hi guys, it's better to have images of the same size to create a slider using only HTML and CSS. Otherwise I created another tutorial where I showed how to create an image slider easily using the Swiper library so I recommend you use an external library to create this kind of slider. check this : ruclips.net/video/_GDPi4P4m74/видео.html
@@DeltatyCode thank you for your answer, but I can assure you that my pictures are all the same size, both in height and width! So I wonder what the problem could be?
What's this song called?
Where We Started (feat. Jex)
Thank you so much!
Боже , огромное спасибо, сейчас учусь верстке и ваш ролик безумно помог! Сидела над этим сама часа три не меньше, в итоге благодаря вам вопрос решился за пару минут)
Th source code for this Hamburger 🍔 menu is on Codepen: codepen.io/m-mourouh/pen/JjMQjOz
I just need to know how or where did you get the hamburger icon. I watched your video few times, I went to your repository on GitHub. I even copied and paste it on my VS to see if I was getting something wrong, but neither like that I could get to see the icon :( any comment about it? Thanks
Yes, in this video I was using icons from FontAwesome library that had on my machine. But of course you can use CDN link and add it to use html file
Check codepen where I used cdn instead : codepen.io/m-mourouh/pen/JjMQjOz
Thank you!
I So wanna you this in CARRD. i'm struggling with understanding how to piece these codes together to work in a embed element i've tested the html in W3school but can't figure how to merge the cssstyle to work.. Or maybe i'm missing something any help would be great
In this hamburger menu , I am using an external css file and a link element to link it with my html code. You can either use inline css or an external css file . I am using also Font-awesome library for icons so u need also to add that to your html to have icons on menu.
@@DeltatyCode do you have a discord by any chance?
@@user-zn5fc6mh1f Yes
@@user-zn5fc6mh1f Discord channel : discord.com/channels/1195699503915868230/1195699505115443315
Thank You Sir, It's realy helpful for me.❤❤❤
i love it good job bro
Hello. Very nice tutorial. How to make the selected image stay checked on the dots?
Use :checked + I did that on this video : ruclips.net/video/QE1cugQggjk/видео.htmlsi=7fsHI5x5n5s2v5tC
Thank you friend.
THANK UOU VERY MUCH !!!☺☺☺
Thanks Bro❤❤
You’re welcome 😉
Nice ❤
Good job ❤
thanks, it's easy to practice and simple
Glad it helped!
asamualaykum thank you for your informative codees
not work
tutorial is very helpful.. just one query, my slide contains grid of images, it is working fine with this code except for first slide where it shows all 3 slides combine.. can you please tell me the missing part?
it's better to have images of the same size.
👎👎👎👎
super bro
thank u
The javascript code solved my problem Thank you
I HATEF THIS MENU AND I HATE CODING AND I HATE IT WHENF THINGS DONT WORK 😍
How can i move the menu the link like home products contatc to the right
Use flex-box for that
what an actual fk is this music ?
Дуже дякую тобі, круті та потрібны відео!<h1>Thank you very much, cool and useful videos!<h1>
Thank you so much for this... You taught me a way no other video taught me... Simple yet very very effective... Love you 3000!
Thanks 😊
Zõr👍👍👍
Very cool method to avoid JS. But, how can we close the menu when a link is clicked ? Thanks
Hi, you just need to toggle the checkbox. You can check if checkbox is the checked or not using the :checked CSS pseudo-class and based on that you can open or close your menu
pls help it not showing any list on my side is just clickable that's all
Hi, you can get the source code of this side menu from the link in the description section.
Is it just me or this shit not working Please help😢
Hi, you can get the source code of this menu from the link in the description section
Thank you so much
Enjoy 😉
I am pakistani Thanks brother 😍😍😍
Two hamburger icons are overlapping on each other. How can I fix that issue?
CSS z-index property will fix this for you
This is one of the best videos I've watched so far bro. it's a very good one. Keep making stuff more and more greater and better. Kudos 🙌
Thanks! Will do!
OMG, tnx my friend, definitely a subscription from a Russian speaker :)
Welcome!
How do we make it slide automatically please?
You can use CSS animation for that.
I found other solutions on internet they do the same with triple amount of code. Thanks for make it simple.
Happy to help