Mendeteksi kesalahan navigasi halaman dan meneruskan ke halaman 404
https://blog.angularindepth.com/angular-smart-404-page-85a45b109fd8
#angular #router #routing #404 #navigation
https://blog.angularindepth.com/angular-smart-404-page-85a45b109fd8
#angular #router #routing #404 #navigation
Beberapa pembaruan router di Angular 7.1.x
https://blog.angularindepth.com/new-in-angular-v7-1-updates-to-the-router-fd67d526ad05
#angular #router #navigation
https://blog.angularindepth.com/new-in-angular-v7-1-updates-to-the-router-fd67d526ad05
#angular #router #navigation
Tips penggunaan SwitchMap untuk navigasi di dalam routing Angular
https://blog.angularindepth.com/new-in-angular-7-better-navigations-79267db452c0
#angular #router #navigation
https://blog.angularindepth.com/new-in-angular-7-better-navigations-79267db452c0
#angular #router #navigation
Angular In Depth
Improved Navigation in Angular 7 with switchMap
In Angular 7, there can be only one active navigation. Learn how this is implemented internally, and how you can leverage these changes.
Menyimpan status navigasi router dengan Router Guards dan Local Storage di Vue JS
https://css-tricks.com/storing-and-using-the-last-known-route-in-vue/
#router #guard #navigation #vue
https://css-tricks.com/storing-and-using-the-last-known-route-in-vue/
#router #guard #navigation #vue
CSS-Tricks
Storing and Using the Last Known Route in Vue | CSS-Tricks
There are situations where keeping a reference to the last route a user visited can come in handy. For example, let’s say we’re working with a multi-step form
Membuat progress bar loading untuk menandakan proses memuat halaman dan navigasi router di Angular
https://medium.com/better-programming/angular-application-with-loaders-216390c6da92
#angular #router #navigation #progress
https://medium.com/better-programming/angular-application-with-loaders-216390c6da92
#angular #router #navigation #progress
Medium
Angular Application With Loaders
Let users know that your application is loading before displaying the content
Latihan membuat CSS Navigation Menu dengan Javascript
https://css-tricks.com/three-css-alternatives-to-javascript-navigation/
---
Menambahkan Dark Mode ke dalam aplikasi web dengan CSS
https://dev.to/dcodeyt/add-dark-mode-to-your-websites-with-css-5bh4
#css #navigation #menu #darkmode
https://css-tricks.com/three-css-alternatives-to-javascript-navigation/
---
Menambahkan Dark Mode ke dalam aplikasi web dengan CSS
https://dev.to/dcodeyt/add-dark-mode-to-your-websites-with-css-5bh4
#css #navigation #menu #darkmode
CSS-Tricks
Three CSS Alternatives To JavaScript Navigation | CSS-Tricks
Hey quick! You’ve gotta create the navigation for the site and you start working on the mobile behavior. What pattern do you choose? If you’re like most
Latihan dari Dcode tentang membuat Navigation header yang bersifat responsive
https://youtu.be/F-yDkTqkAO8
---
Latihan dari channel Junior Developer Central tentang penggunaan Getter dan Setter di dalam Class Javascript
https://youtu.be/8fo-K7zRv0Y
---
Latihan membuat Synthesizer dengan Web Audio API dan Javascript
https://dev.to/iamschulz/building-a-synthesizer-in-javascript-l3l
---
#responsive #css #header #navigation #getter #setter #webAudioApi #synthesizer #pianoApp
https://youtu.be/F-yDkTqkAO8
---
Latihan dari channel Junior Developer Central tentang penggunaan Getter dan Setter di dalam Class Javascript
https://youtu.be/8fo-K7zRv0Y
---
Latihan membuat Synthesizer dengan Web Audio API dan Javascript
https://dev.to/iamschulz/building-a-synthesizer-in-javascript-l3l
---
#responsive #css #header #navigation #getter #setter #webAudioApi #synthesizer #pianoApp
YouTube
How to Create a Responsive Full Page Header with Navigation - HTML, CSS & JavaScript Tutorial
In this video I'll be taking you through how to create a mobile-friendly full page header using HTML, CSS & JavaScript. This solution works well for modern websites, and is very easy to implement.
Support me on Patreon:
https://www.patreon.com/dcode - with…
Support me on Patreon:
https://www.patreon.com/dcode - with…
Latihan dari Fireship membuat efek kartu Card yang bernanimasi seperti di web CSS Tricks
https://youtu.be/29deL9MFfWc
---
Membuat menu Navigation dengan tambahan animasi indikator ketika menu tersebut di klik, dari channel Online Tutorials
https://youtu.be/KEpFL8Mr_XU
#css #card #fireship #onlinetutorials #menu #navigation #animation
https://youtu.be/29deL9MFfWc
---
Membuat menu Navigation dengan tambahan animasi indikator ketika menu tersebut di klik, dari channel Online Tutorials
https://youtu.be/KEpFL8Mr_XU
#css #card #fireship #onlinetutorials #menu #navigation #animation
YouTube
CSS Card Tricks
A beginner's tutorial for building an 🃏 animated stacked card list with CSS & HTML. Inspired by css-tricks homepage. https://fireship.io/lessons/css-cards-animated/
Inspired by https://CSS-tricks.com homepage
Source https://github.com/fireship-io/stacked…
Inspired by https://CSS-tricks.com homepage
Source https://github.com/fireship-io/stacked…
Perbedaan antara fungsi Bind, Call , dan Apply terhadap fungsi lainnya di JavaScript
https://codeburst.io/javascript-under-the-hood-pt-4-bind-call-and-apply-22e2b46b3882
—-
Membuat Infinite Scroll dengan JavaScript , HTML, dan CSS
https://medium.com/javascript-in-plain-english/building-an-infinite-scroll-with-vanilla-javascript-32810bae9a8c
—-
Memahami History API di JavaScript untuk navigasi ke halaman yang sebelumnya yang telah dijelajahi
https://medium.com/javascript-in-plain-english/understanding-the-web-history-api-in-javascript-eac987071d4d
—-
#bind #call #apply #infinite #infiniteScroll #historyAPI #history #navigation
https://codeburst.io/javascript-under-the-hood-pt-4-bind-call-and-apply-22e2b46b3882
—-
Membuat Infinite Scroll dengan JavaScript , HTML, dan CSS
https://medium.com/javascript-in-plain-english/building-an-infinite-scroll-with-vanilla-javascript-32810bae9a8c
—-
Memahami History API di JavaScript untuk navigasi ke halaman yang sebelumnya yang telah dijelajahi
https://medium.com/javascript-in-plain-english/understanding-the-web-history-api-in-javascript-eac987071d4d
—-
#bind #call #apply #infinite #infiniteScroll #historyAPI #history #navigation
Medium
JavaScript Under The Hood Pt. 4: Bind(), Call(), and Apply()
By the end of this short article, you will have a solid understanding of call(), apply(), and bind() in JavaScript.
Latihan penting dari Junior Developer Central tentang membuat offscreen navigation menu yang bersifat responsive ketika dibuka di layar smartphone
https://youtu.be/ZS3w5K0QtAA
---
Latihan ini merupakan kelanjutan dari latihan sebelumnya yaitu membuat Drop down menu yang bersifat responsive mobile
https://youtu.be/Wloh_n6M91Q
---
Latihan dari Online Tutorials membuat efek paralax yang mengikuti pergerakan kursor Mouse
https://youtu.be/-BexUIbuRp8
---
Latihan membuat efek Hamburger Menu dengan menggunakan CSS
https://dev.to/uzomezu/just-css-css-only-hamburger-nav-animation-h0a
---
#css #html #navigation #offscreen #dropdown #paralax #hamburger #menu
https://youtu.be/ZS3w5K0QtAA
---
Latihan ini merupakan kelanjutan dari latihan sebelumnya yaitu membuat Drop down menu yang bersifat responsive mobile
https://youtu.be/Wloh_n6M91Q
---
Latihan dari Online Tutorials membuat efek paralax yang mengikuti pergerakan kursor Mouse
https://youtu.be/-BexUIbuRp8
---
Latihan membuat efek Hamburger Menu dengan menggunakan CSS
https://dev.to/uzomezu/just-css-css-only-hamburger-nav-animation-h0a
---
#css #html #navigation #offscreen #dropdown #paralax #hamburger #menu
YouTube
Front-end Project: Creating an off-screen navigation menu
In this tutorial, we’ll be creating an off-screen menu using some simple HTML and CSS techniques.Get the code for the tutorial here: https://github.com/codeb...
Latihan panjang membuat efek gambar yang responsive dengan CSS Gradient dan Aspect Ratio API
https://www.smashingmagazine.com/2021/02/responsive-image-effects-css-gradients-aspect-ratio/
---
Latihan dari Online Tutorials membuat jam digital dengan efek Glassmorphism
https://youtu.be/Qdcj4rV82ek
---
Membuat Drop Down Navigation Bar yang responsive dari channel Online Tutorials
https://youtu.be/yNlHBfxgJVY
---
Membuat paralax effect dengan background Clip Path dan CSS dari channel Online Tutorials
https://youtu.be/LFY3e53wBPw
---
Tips menulis Semantic HTML dengan baik dan benar
https://levelup.gitconnected.com/getting-in-the-habit-of-writing-semantic-html-c7e507606385
#css #responsive #image #effects #onlinetutorials #glassmorphism #digitalClock #dropdown #navigation #paralax #clipPath
https://www.smashingmagazine.com/2021/02/responsive-image-effects-css-gradients-aspect-ratio/
---
Latihan dari Online Tutorials membuat jam digital dengan efek Glassmorphism
https://youtu.be/Qdcj4rV82ek
---
Membuat Drop Down Navigation Bar yang responsive dari channel Online Tutorials
https://youtu.be/yNlHBfxgJVY
---
Membuat paralax effect dengan background Clip Path dan CSS dari channel Online Tutorials
https://youtu.be/LFY3e53wBPw
---
Tips menulis Semantic HTML dengan baik dan benar
https://levelup.gitconnected.com/getting-in-the-habit-of-writing-semantic-html-c7e507606385
#css #responsive #image #effects #onlinetutorials #glassmorphism #digitalClock #dropdown #navigation #paralax #clipPath
Smashing Magazine
Create Responsive Image Effects With CSS Gradients And aspect-ratio — Smashing Magazine
A classic problem in CSS is maintaining the aspect ratio of images across related components, such as cards. The newly supported `aspect-ratio` property in combination with `object-fit` provides a remedy to this headache of the past! Let’s learn to use these…
Membuat Navigation Drawer yang responsive dengan HTML dan CSS
https://youtu.be/Az_TbiPAyDs
---
Beberapa fitur HTML5 dan CSS3 yang jarang diketahui namun akan sering dipakai
https://hackernoon.com/top-lesser-known-html-5-and-css-3-tips-and-best-practices-km1u33l7
---
#html #css #navigation #drawer
https://youtu.be/Az_TbiPAyDs
---
Beberapa fitur HTML5 dan CSS3 yang jarang diketahui namun akan sering dipakai
https://hackernoon.com/top-lesser-known-html-5-and-css-3-tips-and-best-practices-km1u33l7
---
#html #css #navigation #drawer
YouTube
Responsive Navigation Drawer using HTML CSS & Javascript | Drawer Menu
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D
Another Course : Build Complete Real World Responsive Websites from Scratch…
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D
Another Course : Build Complete Real World Responsive Websites from Scratch…
Latihan membuat skeleton loading progress dengan HTML dan CSS
https://dev.to/devggaurav/build-a-simple-card-skeleton-loader-component-using-html-and-css-3a20
---
Membuat menu navigation di Bootstrap 5
https://dev.to/typo3freelancer/bootstrap-v5-navbar-component-with-multi-level-and-mega-menu-1218
#css #skeleton #card #navigation
https://dev.to/devggaurav/build-a-simple-card-skeleton-loader-component-using-html-and-css-3a20
---
Membuat menu navigation di Bootstrap 5
https://dev.to/typo3freelancer/bootstrap-v5-navbar-component-with-multi-level-and-mega-menu-1218
#css #skeleton #card #navigation
DEV Community
Build a simple card skeleton loader component using HTML and CSS.
Hello everyone! In this tutorial, let's build a simple skeleton loader component using HTML and CSS....
Penjelasan tentang fungsi cache untuk navigasi Back dan Forward pada Google Chrome dari channel Chrome Developers
https://youtu.be/khFus6YQi8w
#chrome #cache #navigation
https://youtu.be/khFus6YQi8w
#chrome #cache #navigation
YouTube
Back/forward cache (Indonesian with English subtitles)
Switch on/off English subtitles by clicking on the CC icon.
Back/forward cache (or BFcache) is a browser optimization that enables instant back and forward navigation. It significantly improves the browsing experience for users—especially those with slower…
Back/forward cache (or BFcache) is a browser optimization that enables instant back and forward navigation. It significantly improves the browsing experience for users—especially those with slower…
Latihan dari Dcode tentang membuat Vertical Navigation Menu dengan Intersection Observer
https://youtu.be/kp0LctdmwzE
#intersectionObserver #navigation
https://youtu.be/kp0LctdmwzE
#intersectionObserver #navigation
YouTube
How to Create a Vertical Navigation Menu With HTML, CSS & JS - Web Design Tutorial
In today's video I'll show you how to create a vertical, full width and height navigation menu using HTML, CSS and a bit of JavaScript. This is perfect for simple single-page business websites and designs.
Link to SOURCE CODE:
https://codepen.io/dcode-s…
Link to SOURCE CODE:
https://codepen.io/dcode-s…
Membuat Navigation menu dengan navigation indicator yang unik bersama channel Online Tutorials
https://youtu.be/a3rofqqrTBE
#navbar #navigation #menu
https://youtu.be/a3rofqqrTBE
#navbar #navigation #menu
YouTube
Magic Navigation Menu Indicator using Html CSS & Javascript | Curve Outside Effects 02
Click For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-exp…
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-exp…
Kumpulan desain dan template navigation menu yang dirangkum oleh Online Tutorials
https://www.youtube.com/watch?v=Cwufw253s0s
#onlineTutorials #css #html #navigation
https://www.youtube.com/watch?v=Cwufw253s0s
#onlineTutorials #css #html #navigation
YouTube
10 Awesome Navigation Menu Design using Html CSS & Javascript @OnlineTutorialsYT
Click For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-exp…
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-exp…
Beberapa ekstensi VS Code untuk membantu proses navigasi code
https://dev.to/surajondev/awesome-vs-code-extensions-for-navigating-large-codebases-256n
#code #navigation #vscode
https://dev.to/surajondev/awesome-vs-code-extensions-for-navigating-large-codebases-256n
#code #navigation #vscode
DEV Community
Awesome VS Code Extensions for Navigating Large Codebases
Introduction VS Code is one of the best and most popular code editors among developers....
Membuat navigation menu berbentuk tab dengan HTML, CSS, dan JavaScript
https://www.youtube.com/watch?v=1-U4s6oW0qw
#tabs #onlineTutorials #navigation
https://www.youtube.com/watch?v=1-U4s6oW0qw
#tabs #onlineTutorials #navigation
YouTube
Tab Navigation Menu using CSS & Javascript | Download Source Code
Click For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-exp…
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-exp…