Latihan dari Kevin Powell tentang mengenal beberapa element HTML yang jarang diketahui tetapi sangat berguna
https://youtu.be/VUxkFEYO4bE
#html #element
https://youtu.be/VUxkFEYO4bE
#html #element
YouTube
More HTML elements that almost no one uses (but should!)
Some more lesser-known HTML elements, and also why they are important, and why we should be using (most of them) in our sites.
🔗 Links
✅ Codepen: https://codepen.io/kevinpowell/pen/BaJppzw
✅ More on strikethrough: https://developer.mozilla.org/en-US…
🔗 Links
✅ Codepen: https://codepen.io/kevinpowell/pen/BaJppzw
✅ More on strikethrough: https://developer.mozilla.org/en-US…
Melakukan export gambar Node element HTML dengan bantuan JavaScript
https://javascript.plainenglish.io/how-to-render-html-to-an-image-with-javascript-d9d033c69823
#element #html #domToImage
https://javascript.plainenglish.io/how-to-render-html-to-an-image-with-javascript-d9d033c69823
#element #html #domToImage
Medium
How to Render HTML to an Image with JavaScript?
Sometimes, we may want to render an HTML document or node to an image with JavaScript.
Mendapatkan element terakhir di dalam Array JavaScript
https://youtu.be/H5SajuM33aA
#array #last #element
https://youtu.be/H5SajuM33aA
#array #last #element
YouTube
How to get last element of an array in JavaScript?
How to get last element of an array in JavaScript?https://flaviocopes.com
Melihat beberapa element HTML yang berguna tapi jarang digunakan
https://dev.to/eludadev/those-html-elements-you-never-use-16bi
#html #element #semantic
https://dev.to/eludadev/those-html-elements-you-never-use-16bi
#html #element #semantic
DEV Community
Those HTML Elements You Never Use 🌚🕵🏿
There are over a hundred elements in HTML, all of which can be applied to pieces of text to give them...
Latihan bersama Dcode tentang pengenalan CSS Pseudo Element yang sering digunakan
https://youtu.be/pkp5rGawt_8
#css #dcode #pseudo #element
https://youtu.be/pkp5rGawt_8
#css #dcode #pseudo #element
YouTube
CSS Pseudo Elements Explained in 7 Minutes
In today's video I'll be explaining pseudo-elements in CSS (specifically after and before) and how you can use them to create great CSS-only solutions!
Creating a Tooltip using CSS Pseudo Elements:
https://www.youtube.com/watch?v=xKrufbC8no0
For your reference…
Creating a Tooltip using CSS Pseudo Elements:
https://www.youtube.com/watch?v=xKrufbC8no0
For your reference…
Cara mendapatkan nilai terbesar, terkecil, dan rata rata dari suatu Array JavaScript
https://javascript.plainenglish.io/getting-the-largest-smallest-and-average-array-element-value-in-javascript-70624e117ee6
#array #element #average #largest #smallest
https://javascript.plainenglish.io/getting-the-largest-smallest-and-average-array-element-value-in-javascript-70624e117ee6
#array #element #average #largest #smallest
Medium
Getting the Largest, Smallest, and Average Array Element Value in JavaScript
Apps often need to find the largest or smallest values in a list. In fact, the benchmark tool used to find an efficient way to merge Arrays…
Cara mendapatkan element pertama dari Map List di dalam JavaScript
https://javascript.plainenglish.io/javascript-map-get-first-element-83cb665af9b5
—-
Beberapa panduan untuk melakukan manipulasi Array dalam JavaScript
https://blog.bitsrc.io/javascript-complete-array-guide-ef9c5ee78f18
—-
Metode sederhana untuk melakukan manipulasi array add dan remove
https://javascript.plainenglish.io/use-these-javascript-methods-to-add-and-remove-items-from-an-array-fd3cab34aa33
—-
Pengenalan tentang Array destructuring pada JavaScript
https://medium.com/thedevproject/understand-array-destructuring-in-javascript-d01acb75d974
—-
Pengenalan arrow function dan this keyword dalam JavaScript
https://medium.com/@trung.nm.2606/and-this-keyword-7146edb8e237
—-
#map #first #element #arrow #array
https://javascript.plainenglish.io/javascript-map-get-first-element-83cb665af9b5
—-
Beberapa panduan untuk melakukan manipulasi Array dalam JavaScript
https://blog.bitsrc.io/javascript-complete-array-guide-ef9c5ee78f18
—-
Metode sederhana untuk melakukan manipulasi array add dan remove
https://javascript.plainenglish.io/use-these-javascript-methods-to-add-and-remove-items-from-an-array-fd3cab34aa33
—-
Pengenalan tentang Array destructuring pada JavaScript
https://medium.com/thedevproject/understand-array-destructuring-in-javascript-d01acb75d974
—-
Pengenalan arrow function dan this keyword dalam JavaScript
https://medium.com/@trung.nm.2606/and-this-keyword-7146edb8e237
—-
#map #first #element #arrow #array
Medium
How to Get the First Element of a Map in JavaScript
Learn how to quickly get the first element of a Map object in JavaScript.
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…
Membuat element yang menampilkan kamus kosakata tertentu dengan JavaScript, HTML dan CSS
https://blog.logrocket.com/building-accessible-glossary-vanilla-javascript/
---
Beberapa cara untuk menghapus element di dalam array dengan id atau parameter tertentu
https://javascript.plainenglish.io/javascript-remove-element-from-array-by-id-9c548f2aa27b
—-
Mengubah String date menjadi Date Object dengan JavaScript
https://javascript.plainenglish.io/javascript-convert-string-to-date-object-8f4b705a1d59
—-
Cara melakukan kustomisasi dan manipulasi data pada cursor dan selection cursor
https://javascript.plainenglish.io/how-to-work-with-selection-cursor-175dfe7d8be6
---
#glossary #cursor #array #element #date
https://blog.logrocket.com/building-accessible-glossary-vanilla-javascript/
---
Beberapa cara untuk menghapus element di dalam array dengan id atau parameter tertentu
https://javascript.plainenglish.io/javascript-remove-element-from-array-by-id-9c548f2aa27b
—-
Mengubah String date menjadi Date Object dengan JavaScript
https://javascript.plainenglish.io/javascript-convert-string-to-date-object-8f4b705a1d59
—-
Cara melakukan kustomisasi dan manipulasi data pada cursor dan selection cursor
https://javascript.plainenglish.io/how-to-work-with-selection-cursor-175dfe7d8be6
---
#glossary #cursor #array #element #date
LogRocket Blog
Building an accessible glossary in vanilla JavaScript - LogRocket Blog
Build a fully accessible glossary page in vanilla JS in this detailed tutorial in a way that makes accessibility a priority (and dev easy).
Beberapa cara mengganti atau menukar dua element array dengan JavaScript
https://javascript.plainenglish.io/javascript-swap-array-elements-4b176eb607c8
#array #swap #element
https://javascript.plainenglish.io/javascript-swap-array-elements-4b176eb607c8
#array #swap #element
Medium
3 Easy Ways to Swap 2 Array Elements in JavaScript
Learn multiple ways to easily swap the values of two array elements in JavaScript.
Cara menghapus element di dalam array tertentu menggunakan JavaScript
https://www.freecodecamp.org/news/how-to-remove-an-element-from-a-javascript-array-removing-a-specific-item-in-js/
#array #element #remove
https://www.freecodecamp.org/news/how-to-remove-an-element-from-a-javascript-array-removing-a-specific-item-in-js/
#array #element #remove
freeCodeCamp.org
How to Remove an Element from a JavaScript Array – Removing a Specific Item in JS
You will often need to remove an element from an array in JavaScript, whether it's for a queue data structure, or maybe from your React State. In the first half of this article you will learn all the methods that allow you to remove an element from a...
Beberapa cara penting membuat element div HTML ke tengah dengan CSS
https://www.freecodecamp.org/news/how-to-center-a-div-with-css-10-different-ways/
#center #element
https://www.freecodecamp.org/news/how-to-center-a-div-with-css-10-different-ways/
#center #element
freeCodeCamp.org
How to Center a Div with CSS – 10 Different Ways
As a web developer, sometimes centering a div feels like one of the toughest jobs on planet Earth. Well, not anymore. In this article, you'll learn 10 different ways to center a div. We will explore how to center divs using the CSS position property...
Cara mengatur posisi text di dalam HTML dengan CSS
https://www.freecodecamp.org/news/how-to-align-text-in-html/
---
Mengenal beberapa selector CSS untuk melakukan styling element
https://www.freecodecamp.org/news/css-combinators-to-select-elements/
#css #style #element #text #align
https://www.freecodecamp.org/news/how-to-align-text-in-html/
---
Mengenal beberapa selector CSS untuk melakukan styling element
https://www.freecodecamp.org/news/css-combinators-to-select-elements/
#css #style #element #text #align
freeCodeCamp.org
How to Align Text in HTML – Text-align, Center, and Justified Example
Text is essential on web pages, as it tells your users what your web page is all about. When you add text to your web page, it dictates the direction and feel of your web page based on your language. For example, by default, English moves from left t...
Tips dan trik dalam membuat element ke tengah dengan CSS
https://javascript.plainenglish.io/10-css-tricks-you-should-know-for-centering-elements-61092d35b659
#css #element #center
https://javascript.plainenglish.io/10-css-tricks-you-should-know-for-centering-elements-61092d35b659
#css #element #center
Medium
10 CSS Tricks You Should Know for Centering Elements
I wish I’d known these earlier.
Menambahkan element data di awal Array
https://javascript.plainenglish.io/add-element-on-beginning-of-the-array-in-javascript-c45ef85369ee
---
Melakukan map loop pada Object JavaScript dengan menyimpan key value nya
https://javascript.plainenglish.io/how-to-map-over-a-javascript-object-while-preserving-the-keys-13f083a9b98d
---
#element #array #map
https://javascript.plainenglish.io/add-element-on-beginning-of-the-array-in-javascript-c45ef85369ee
---
Melakukan map loop pada Object JavaScript dengan menyimpan key value nya
https://javascript.plainenglish.io/how-to-map-over-a-javascript-object-while-preserving-the-keys-13f083a9b98d
---
#element #array #map
Medium
Add Element on Beginning of the Array in JavaScript
Two ways to add element on the beginning of the array
Membuat image element dengan JavaScript
https://javascript.plainenglish.io/how-to-create-an-img-element-with-javascript-f54ad0fda3bb
---
Melakukan pengecekan apakah url valid atau tidak dengan JavaScript
https://javascript.plainenglish.io/how-to-check-if-a-javascript-string-is-a-valid-url-b5d0486a7924
---
Penjelasan tentang window location Object
https://javascript.plainenglish.io/all-you-need-to-know-about-window-location-9cf8804c8ae1
---
Pengenalan Regex pada JavaScript
https://itnext.io/javascript-101-demystifying-regular-expressions-436341d077ab
#img #element #html #regex #window #location
https://javascript.plainenglish.io/how-to-create-an-img-element-with-javascript-f54ad0fda3bb
---
Melakukan pengecekan apakah url valid atau tidak dengan JavaScript
https://javascript.plainenglish.io/how-to-check-if-a-javascript-string-is-a-valid-url-b5d0486a7924
---
Penjelasan tentang window location Object
https://javascript.plainenglish.io/all-you-need-to-know-about-window-location-9cf8804c8ae1
---
Pengenalan Regex pada JavaScript
https://itnext.io/javascript-101-demystifying-regular-expressions-436341d077ab
#img #element #html #regex #window #location
Medium
How to Create an img Element with JavaScript?
Sometimes, we want to create an HTML img element with JavaScript.
Latihan menggunakan list element di HTML
https://www.freecodecamp.org/news/html-lists-with-examples/
#list #element #html
https://www.freecodecamp.org/news/html-lists-with-examples/
#list #element #html
freeCodeCamp.org
HTML Lists – Ordered, Unordered and Definition List Examples
Imagine you're creating an article with a list of recommendations or a web page with a menu of options. How do you structure this information to make it visually appealing and easy to navigate? This is where HTML lists come to the rescue. In this ar...
5+ Very Useful HTML Elements That Nobody Is Talking About
https://blog.devgenius.io/5-very-useful-html-elements-that-nobody-is-talking-about-e19269bf0e73
#html #element #tips
https://blog.devgenius.io/5-very-useful-html-elements-that-nobody-is-talking-about-e19269bf0e73
#html #element #tips
Medium
5+ Very Useful HTML Elements That Nobody Is Talking About
A list of cool HTML elements that nobody uses.
Mastering The HTML Details And Summary Elements
https://blog.openreplay.com/mastering-html-details-and-summary-elements/
#html #element #details
https://blog.openreplay.com/mastering-html-details-and-summary-elements/
#html #element #details
Openreplay
Mastering the HTML Details and Summary Elements
Learn all features of these components
My Favorite JavaScript Method - Element closest() in 2 Minutes
https://www.youtube.com/watch?v=5rup0pNcygU
—-
Drag and Drop with JavaScript
https://www.youtube.com/watch?v=HBwTM9Ty32I
#element #drag #drop #closest #array
https://www.youtube.com/watch?v=5rup0pNcygU
—-
Drag and Drop with JavaScript
https://www.youtube.com/watch?v=HBwTM9Ty32I
#element #drag #drop #closest #array
YouTube
My Favorite JavaScript Method - Element closest() in 2 Minutes
Yes, I have a favorite method 🫡
The Element "closest" method in the JavaScript DOM allows you to begin at a child element and traverse up the DOM using a selector to find a matching parent. Perfect for event listeners.
For your reference, check this out:…
The Element "closest" method in the JavaScript DOM allows you to begin at a child element and traverse up the DOM using a selector to find a matching parent. Perfect for event listeners.
For your reference, check this out:…