- 254
- 422 722
Dev + Coffee
Singapore
Приєднався 4 кві 2020
Free and simple web development tutorials for everyone - HTML, CSS, JS, NODEJS, PHP, SQL, Python, and more!
3 Ways To Place Text Over Image In HTML CSS
How to place text over image in HTML CSS
== LINKS & CODE DOWNLOAD ==
devncoffee.com/text-over-image-in-html-css/
== CHAPTERS ==
0:05 Background Image
0:52 Text Layering
2:01 After Pseudo Class
== VOICEOVER ==
elevenlabs.io/
== BGM ==
udio.com
== LINKS & CODE DOWNLOAD ==
devncoffee.com/text-over-image-in-html-css/
== CHAPTERS ==
0:05 Background Image
0:52 Text Layering
2:01 After Pseudo Class
== VOICEOVER ==
elevenlabs.io/
== BGM ==
udio.com
Переглядів: 31
Відео
Simple Responsive Image Gallery In HTML CSS
Переглядів 424 години тому
How to create a very simple responsive image gallery in HTML CSS. LINKS & CODE DOWNLOAD devncoffee.com/simple-image-gallery-html-css/ CHAPTERS 0:05 Basic Image Gallery 1:19 Fullscreen Images VOICEOVER elevenlabs.io/ BGM udio.com HTML, CSS, Javascript, coding, programming, web development
Responsive Square Grid In HTML CSS
Переглядів 3219 годин тому
How to create a simple responsive square grid in HTML CSS. LINKS & CODE DOWNLOAD devncoffee.com/responsive-square-grid-in-html-css/ CHAPTERS 0:05 Basic Square Grid 0:55 Adjust Grid Items VOICEOVER elevenlabs.io/ BGM udio.com
Responsive Circle With Text In HTML CSS
Переглядів 3321 годину тому
How to create a responsive circle and center text in it. LINKS & CODE DOWNLOAD devncoffee.com/simple-responsive-circle-with-text/ VOICEOVER elevenlabs.io/ BGM udio.com
How To Add Numbers In JavaScript (Properly)
Переглядів 2314 днів тому
How to properly add numbers in Javascript - Don't confuse concat with add. LINKS & CODE DOWNLOAD devncoffee.com/add-numbers-in-javascript-properly/ VOICEOVER elevenlabs.io/ BGM udio.com
Keep HTML Elements In The Same Line
Переглядів 4814 днів тому
How to arrange elements in a single line in HTML CSS. LINKS & CODE DOWNLOAD devncoffee.com/keep-elements-on-the-same-line-in-html-css/ CHAPTERS 0:05 Basic Flex Layout 00:48 Simple Responsive Support VOICEOVER elevenlabs.io/ BGM udio.com
Simple Speech Bubbles In HTML CSS
Переглядів 4721 день тому
How to create simple speech bubbles in HTML CSS. LINKS & CODE DOWNLOAD devncoffee.com/speech-bubbles-in-html-css/ CHAPTERS 0:05 Basic VOICEOVER elevenlabs.io/ BGM udio.com
Simple Responsive Admin Panel In HTML CSS
Переглядів 6021 день тому
How to create a simple responsive admin panel in HTML CSS. LINKS & CODE DOWNLOAD devncoffee.com/simple-admin-panel-html-css/ CHAPTERS 0:05 Top-Bottom Layout 1:08 Add A Sidebar 1:43 User & Links 3:03 Responsive Support VOICEOVER elevenlabs.io/ BGM udio.com
Vertical Text In HTML CSS
Переглядів 2628 днів тому
How to create vertical text in HTML CSS. LINKS & CODE DOWNLOAD devncoffee.com/vertical-text-in-html-css/ CHAPTERS 0:05 Writing Mode & Orientation 0:55 Flip & Rotate VOICEOVER elevenlabs.io/ BGM udio.com
Simple Custom Progress Bar In HTML CSS
Переглядів 5428 днів тому
How to create a simple custom progress bar in HTML CSS. LINKS & CODE DOWNLOAD devncoffee.com/custom-progress-bar-in-html-css/ CHAPTERS 0:05 Custom Progress Bar 1:22 Progress Bar With Percentage VOICEOVER elevenlabs.io/ BGM udio.com
4 Ways To Show Messages In HTML Forms
Переглядів 55Місяць тому
How to show messages in HTML forms. LINKS & CODE DOWNLOAD devncoffee.com/show-messages-in-html-forms/ CHAPTERS 0:05 Native Form Message 0:56 Alert Dialog Box 1:52 Alert Dialog Box 2:57 Inline Form Message VOICEOVER elevenlabs.io/ BGM udio.com
Custom Range Slider In HTML CSS
Переглядів 34Місяць тому
How to customize the input range slider in HTML CSS. LINKS & CODE DOWNLOAD devncoffee.com/custom-range-slider-in-html-css/ VOICEOVER elevenlabs.io/ BGM udio.com
Round Off Numbers In Javascript (Up Down Nearest)
Переглядів 23Місяць тому
How to round off numbers in JavaScript. LINKS & CODE DOWNLOAD devncoffee.com/round-off-numbers-in-javascript/ CHAPTERS 0:05 Round Up & Down 0:31 Floor & Ceiling 0:58 To Decimal Place VOICEOVER elevenlabs.io/ BGM udio.com
Responsive Background Video In HTML CSS
Переглядів 48Місяць тому
How to create a responsive background video in HTML CSS. LINKS & CODE DOWNLOAD devncoffee.com/responsive-background-video-in-html-css/ VOICEOVER elevenlabs.io/ BGM udio.com
Keep Image Aspect Ratio In HTML CSS
Переглядів 45Місяць тому
How to keep image aspect ratio in HTML CSS. LINKS & CODE DOWNLOAD devncoffee.com/image-aspect-ratio-in-html-css/ CHAPTERS 0:05 Auto Width Height 0:31 Object Fit 1:16 CSS Aspect Ratio 1:47 Padding Trick VOICEOVER elevenlabs.io/ BGM udio.com
Disable HTML Form In HTML JS (Entire & Part)
Переглядів 58Місяць тому
Disable HTML Form In HTML JS (Entire & Part)
Background Color Animation In HTML CSS
Переглядів 45Місяць тому
Background Color Animation In HTML CSS
Responsive Background Images In HTML CSS
Переглядів 552 місяці тому
Responsive Background Images In HTML CSS
4 Ways To Add Commas To Number In Javascript
Переглядів 642 місяці тому
4 Ways To Add Commas To Number In Javascript
4 Ways To Disable Text Copy In HTML CSS JS
Переглядів 522 місяці тому
4 Ways To Disable Text Copy In HTML CSS JS
Append Prepend Insert Rows Into CSV File With HTML Javascript
Переглядів 512 місяці тому
Append Prepend Insert Rows Into CSV File With HTML Javascript
3 Ways To Create Tabs In HTML Javascript
Переглядів 782 місяці тому
3 Ways To Create Tabs In HTML Javascript
Drag & Drop File Upload In HTML Javascript
Переглядів 832 місяці тому
Drag & Drop File Upload In HTML Javascript
To Do List In HTML Javascript (Serverless Web App)
Переглядів 623 місяці тому
To Do List In HTML Javascript (Serverless Web App)
Great and thank you. I can use this on my small project. Can you guide me what script to add to sort by datetime the video was added and also a button to download. Thank you
Just looking for something like this. Coming from your previous video talking about this theme, this fits me perfectly. Keep on the great work
More excellent work! Thanks for sharing.
You got it all in one clip! Thanks for sharing, love the music...
❤❤❤ great work
Thanks for this tutorial.
Why do you put it so small is terrible to see in a laptoop
❤
You videos are the best!
I think you did an amazing job here! Thanks for sharing.
Very handy; thanks for sharing...
Thank you.
Very well done; thanks for sharing.
Very cool, thanks so much!
I Just stumbled upon your channel this evening and i want to commend you for your outstanding work. Your videos are so concise and your approach are easy to follow especially for those of us who are new in this field. Thank you for your hard work and the impact you’ve made. Keep up the excellent work!
Glad you like them!
Thank you, I have been trying this for long but this video made it finally happen.
Very Super work !!!!
Again excellent; thanks for sharing.
Glad you enjoyed it
Thank you so much it works well :)
Simple and fantastic explanation! Tks!
Tutorial how to install and run
Very well done! Thanks for sharing,
can we select a file by giving path?
There is an experimental window.showDirectoryPicker(), but the only folders you can choose now are the "common" pictures, downloads, documents - developer.mozilla.org/en-US/docs/Web/API/Window/showDirectoryPicker
thaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaank you
Many thanks for your video!!! Good day!!! For me, very useful!!!
how do i add a background image to the splash screen?
The first one is encrypt on client side. It is useful in case of you dont have a server
You’re the best! 🏆
Thanks ❤❤❤
thank you so much, this really helped me
Glad it helped!
very clean code and working program
Sensacional. E a playlist de jazz ao fundo é um show à parte 👏🏽👏🏽👏🏽😎😎😎
Another great and helpful tutorial 👍👍👍
Thanks man. This channel is criminally underrated.
how do I show percentages for each within the doughnut ?=
Hai
Very well done! Thanks for sharing...
Thanks for watching!
Now am left in suspense, I see what it does, but don't know where to place of configure them on PC
Another cool and useful tutorial, Worth a million likes! 🙏 Thanks!
Glad you liked it!
thank you so much
You're welcome!
Hallo
Literally saved my life.
I'm to stupid to learn this
Is there a way to read a file without having to select it every time?
Yes. Save it in the cache storage - ua-cam.com/video/tUHZGp9-umI/v-deo.htmlsi=VCZF_Ap7AmY9iTfv&t=231
Not working
how can i change image folder? $dir = ” G:\\media\\images\\”; or using .DIRECTORY_SEPARATOR . didn’t work
Change the double quotes from ” to ".
@@DevNCoffee thanks!
Always great and useful videos ❤
Glad you like them!
Coooool
code is not complete
Perfect. I want to create custom CRM without any shit. With functions which customers are really need. So your videos are very useful to me :-) Thank You for your work!