Beberapa media player HTML 5 hang dapat dipakai ke dalam aplikasi web
https://blog.bitsrc.io/5-open-source-html5-video-players-for-2018-38fa85932afb
#html5 #video #player #videoplayer
https://blog.bitsrc.io/5-open-source-html5-video-players-for-2018-38fa85932afb
#html5 #video #player #videoplayer
Medium
5 Open Source HTML5 Video Players for 2019
Useful OSS video players to choose for your next application.
Beberapa tips sebelum menggunakan HTML 5 Canvas
https://blog.logrocket.com/when-to-use-html5s-canvas-ce992b100ee8
#html5 #canvas
https://blog.logrocket.com/when-to-use-html5s-canvas-ce992b100ee8
#html5 #canvas
LogRocket Blog
When to use HTML5’s canvas - LogRocket Blog
The HTML5 canvas has the potential to become a staple of the web, enjoying ubiquitous browser and platform support in […]
Cara menggunakan Dialog Element di HTML5
https://css-tricks.com/some-hands-on-with-the-html-dialog-element/
#dialog #modal #element #html5
https://css-tricks.com/some-hands-on-with-the-html-dialog-element/
#dialog #modal #element #html5
CSS-Tricks
Some Hands-On With The HTML Dialog Element | CSS-Tricks
This is me looking at the HTML element for the first time. I've been aware of it for a while, but haven't taken it for a spin yet. It has some pretty cool and
Menggunakan Native Notification API di HTML5 dengan Vue JS
https://medium.com/javascript-in-plain-english/how-to-add-native-notifications-to-your-vue-js-app-f080af932ac1
#vue #notification #api #html5
https://medium.com/javascript-in-plain-english/how-to-add-native-notifications-to-your-vue-js-app-f080af932ac1
#vue #notification #api #html5
Medium
How to Add Native Notifications to Your Vue.js App
With the HTML5 Notification API, browsers can display native popup notifications to users. With notifications, you can display text and…
Latihan panjang membuat game dengan Javascript, Ionic Capacitor, dan Phaser JS Game Engine
https://enappd.com/blog/html5-games-in-ionic-capacitor-using-phaser/115
#ionic #capacitor #html5 #game
https://enappd.com/blog/html5-games-in-ionic-capacitor-using-phaser/115
#ionic #capacitor #html5 #game
Enappd
Create HTML5 Native games in Ionic Capacitor apps using Phaser
Get awesome Ionic, React Native, flutter, vue and firebase starters on Enappd
Latihan pengenalan element di HTML5 dengan beberapa contoh langsung
https://medium.com/front-end-weekly/html-5-visual-learning-guide-part-2-e84e8105e5de
#html5 #element #dom
https://medium.com/front-end-weekly/html-5-visual-learning-guide-part-2-e84e8105e5de
#html5 #element #dom
Medium
HTML 5 Visual Learning Guide | Part 2
Part 1
Latihan menggunakan HTML5 untuk element video dan audio
https://levelup.gitconnected.com/using-html-audio-and-video-elements-af66ee5ae0c5
#html5 #audio #video
https://levelup.gitconnected.com/using-html-audio-and-video-elements-af66ee5ae0c5
#html5 #audio #video
Medium
Using HTML Audio and Video Elements
We look at how to embed media elements and control them with JavaScript.
Mengenal HTML5 Tag untuk Audio Tag yang berguna untuk memutar suara atau lagu.
https://dev.to/samanthaming/html-audio-tag-1iaa
#audio #html5
https://dev.to/samanthaming/html-audio-tag-1iaa
#audio #html5
DEV Community
HTML Tag
Super simple to add and play audio files on your site. No more fussing with embedding a Flash file...
Beberapa tag HTML penting untuk manipulasi teks di dalam HTML
https://levelup.gitconnected.com/tag-your-text-the-right-way-with-semantic-html-cf3324b14d1b
#tag #text #html #html5
https://levelup.gitconnected.com/tag-your-text-the-right-way-with-semantic-html-cf3324b14d1b
#tag #text #html #html5
Medium
Tag Your Text the Right Way with Semantic HTML
Going beyond headers and paragraphs tags
Latihan panjang dari Freecodecamp tentang membuat animasi Pixel Effects pada HTML Canvas
https://www.freecodecamp.org/news/create-pixel-effects-with-javascript-and-html-canvas/
---
Membuat tampilan font italic dengan tag HTML i tag
https://www.freecodecamp.org/news/html-italics-tutorial-how-to-make-text-italic-with-the-i-tag/
---
Mengenal perbedaan antara HTML dengan HTML5
https://kinsta.com/blog/html-vs-html5/
---
#css #html #pixel #animation #html5 #italic
https://www.freecodecamp.org/news/create-pixel-effects-with-javascript-and-html-canvas/
---
Membuat tampilan font italic dengan tag HTML i tag
https://www.freecodecamp.org/news/html-italics-tutorial-how-to-make-text-italic-with-the-i-tag/
---
Mengenal perbedaan antara HTML dengan HTML5
https://kinsta.com/blog/html-vs-html5/
---
#css #html #pixel #animation #html5 #italic
freeCodeCamp.org
Create Pixel Effects with JavaScript and HTML Canvas
You can use JavaScript to create some amazing pixel effects. We've just published a course that will teach you how to use JavaScript to create really cool effects with images and text. You will learn multiple different particle effects with vanilla JavaScript…
Membuat kustomisasi pada HTML5 video player dengan CSS
https://blog.logrocket.com/creating-customizing-html5-video-player-css/
#html5 #videoplayer #css
https://blog.logrocket.com/creating-customizing-html5-video-player-css/
#html5 #videoplayer #css
LogRocket Blog
Creating and customizing an HTML5 video player with CSS - LogRocket Blog
Learn how to customize an HTML5 video player with CSS in order to create media that blends seamlessly into your app's UI.
Mengenal template dasar HTML5 untuk file index.html dan penjelasan beberapa tag di dalamnya
https://www.freecodecamp.org/news/html-starter-template-a-basic-html5-boilerplate-for-index-html/
---
Beberapa tipe input HTML yang jarang diketahui dan dipakai
https://javascript.plainenglish.io/html-input-types-you-dont-know-about-e885142a0506
---
Menggunakan semantic HTML dan ARIA agar mempermudah accessibility halaman web
https://dev.to/fig781/website-accessibility-with-html-17ap
---
#html #html5 #boilerplate #aria #semantic #accesibility #input
https://www.freecodecamp.org/news/html-starter-template-a-basic-html5-boilerplate-for-index-html/
---
Beberapa tipe input HTML yang jarang diketahui dan dipakai
https://javascript.plainenglish.io/html-input-types-you-dont-know-about-e885142a0506
---
Menggunakan semantic HTML dan ARIA agar mempermudah accessibility halaman web
https://dev.to/fig781/website-accessibility-with-html-17ap
---
#html #html5 #boilerplate #aria #semantic #accesibility #input
freeCodeCamp.org
HTML Starter Template – A Basic HTML5 Boilerplate for index.html
By Dillion Megida HTML has different tags, some of which have semantic meanings. A basic boilerplate for an HTML file looks like this: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic...
Pengenalan Image Element di HTML5 bersama Web Programming Unpas
https://youtu.be/9g1Zz83FXyc
#wpu #image #element #html5
https://youtu.be/9g1Zz83FXyc
#wpu #image #element #html5
YouTube
3. Images Elements | Belajar HTML5
Penjelasan mengenai elemen-element untuk menampilkan gambar di HTML5 beserta atribut dan cara pakainya
CHAPTER:
00:00 Intro
01:05 Tag img
02:31 Atribut img
08:22 srcset
15:03 sizes
17:40 loading
20:05 figure
21:45 picture
---
Penjelasan…
CHAPTER:
00:00 Intro
01:05 Tag img
02:31 Atribut img
08:22 srcset
15:03 sizes
17:40 loading
20:05 figure
21:45 picture
---
Penjelasan…
Latihan bersama Web Programming Unpas tentang pengenalan HTML5 pada bagian Audio dan Video tag.
https://www.youtube.com/watch?v=SQMruNuafHk
#wpu #html5 #audio #video
https://www.youtube.com/watch?v=SQMruNuafHk
#wpu #html5 #audio #video
YouTube
4. Audio & Video | Belajar HTML5
Penjelasan mengenai elemen audio dan video yang bisa kita gunakan di halaman web kita.
CHAPTER:
00:00 Intro
---
Penjelasan Elemen Audio & Video
- https://html.spec.whatwg.org/multipage/media.html#the-audio-element
- https://developer.mozilla.org/en-…
CHAPTER:
00:00 Intro
---
Penjelasan Elemen Audio & Video
- https://html.spec.whatwg.org/multipage/media.html#the-audio-element
- https://developer.mozilla.org/en-…
Latihan bersama Web Programming Unpas tentang HTML5 Canvas dan contoh penggunaannya
https://www.youtube.com/watch?v=gRrM9TBnRYE
#html5 #canvas
https://www.youtube.com/watch?v=gRrM9TBnRYE
#html5 #canvas
YouTube
5. Canvas | Belajar HTML5
Penjelasan mengenai elemen canvas yang bisa kita gunakan di halaman web kita.
CHAPTER:
00:00 Intro
---
Penjelasan Canvas
- https://html.spec.whatwg.org/multipage/canvas.html#the-canvas-element
- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/canvas…
CHAPTER:
00:00 Intro
---
Penjelasan Canvas
- https://html.spec.whatwg.org/multipage/canvas.html#the-canvas-element
- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/canvas…
Latihan penting membuat form validation dengan HTML5 dari Freecodecamp
https://www.freecodecamp.org/news/create-and-validate-modern-web-forms-html5/
#html5 #formValidation
https://www.freecodecamp.org/news/create-and-validate-modern-web-forms-html5/
#html5 #formValidation
freeCodeCamp.org
How to Create and Validate Modern Web Forms with HTML5
HTML forms consist of a body of text boxes, buttons, dropdowns and other selection widgets. Web developers use these elements to receive users' information on a website. If you've ever searched on Google, signed up or logged into a website, made a p...
Beberapa tag HTML5 yang perlu diketahui pengembang
https://www.freecodecamp.org/news/html5-tags-you-might-not-know/
#html5 #tags
https://www.freecodecamp.org/news/html5-tags-you-might-not-know/
#html5 #tags
freeCodeCamp.org
Useful HTML5 Tags You Might Not Know
One of the key factors that differentiates HTML 5 from its predecessors is the introduction of semantic tags. Semantic tags add real meaning to the webpage and make it easy for humans, and search engines, to differentiate between different parts of t...
Mengenal tag HTML 5 yang bernama details tag
https://css-tricks.com/more-details-on-details/
---
Latihan membuat web portfolio sederhana dengan HTML, JavaScript dan CSS
https://www.codewithrandom.com/2022/09/16/portfolio-website-html-and-css-2/
---
Beberapa hal yang dapat dilakukan dengan CSS saja tanpa perlu JavaScript
https://javascript.plainenglish.io/5-surprising-things-you-can-do-with-css-instead-of-javascript-ce62eb3baf96
---
Penjelasan tentang alt text pada image tag dan contoh penggunaannya
https://www.freecodecamp.org/news/what-is-alt-text-image-alt-text-html-example/
#html5 #tags #alt #details #portfolio #css
https://css-tricks.com/more-details-on-details/
---
Latihan membuat web portfolio sederhana dengan HTML, JavaScript dan CSS
https://www.codewithrandom.com/2022/09/16/portfolio-website-html-and-css-2/
---
Beberapa hal yang dapat dilakukan dengan CSS saja tanpa perlu JavaScript
https://javascript.plainenglish.io/5-surprising-things-you-can-do-with-css-instead-of-javascript-ce62eb3baf96
---
Penjelasan tentang alt text pada image tag dan contoh penggunaannya
https://www.freecodecamp.org/news/what-is-alt-text-image-alt-text-html-example/
#html5 #tags #alt #details #portfolio #css
CSS-Tricks
More Details on `details` | CSS-Tricks
A lot of chatter around the ol' <details> and <summary> elements lately! I saw Lea Verou recently tweet an observation about the element's display
Latihan membuat image gallery dengan efek 3D bersama Online Tutorials
https://www.youtube.com/watch?v=ikbwJy84f2Y
—-
Latihan membuat aplikasi menggambar dengan HTML5 Canvas
https://blog.openreplay.com/building-a-drawing-application-with-html5-canvas/
—-
#gallery #image #html5 #canvas
https://www.youtube.com/watch?v=ikbwJy84f2Y
—-
Latihan membuat aplikasi menggambar dengan HTML5 Canvas
https://blog.openreplay.com/building-a-drawing-application-with-html5-canvas/
—-
#gallery #image #html5 #canvas
YouTube
3D Image Gallery in CSS & Javascript
Get Master Frontend: Zero to Hero ebook Now👇
https://bit.ly/3E40YEV
------------------
Revolutionize projects with our advanced source code. Elevate innovation, accelerate development, and gain a competitive edge. Your key to success is here. Transform ideas…
https://bit.ly/3E40YEV
------------------
Revolutionize projects with our advanced source code. Elevate innovation, accelerate development, and gain a competitive edge. Your key to success is here. Transform ideas…