Artikel singkat tentang membuat aplikasi Blog WWWID untuk PWA Challenge , dengan VueJS, Semantic UI , dan Workbox
Blog Medium
https://medium.com/kode-dan-kodean/membuat-aplikasi-web-blog-wwwid-pwa-29d18dba3ff
Demo aplikasi ID PWA Blog
https://id-pwablogs.firebaseapp.com/#/
Kode sumber aplikasi untuk bahan belajar :
https://github.com/GulajavaMinistudio/BlogWWWID
#pwa #vue #semanticui #semantic #workbox #serviceworker
Blog Medium
https://medium.com/kode-dan-kodean/membuat-aplikasi-web-blog-wwwid-pwa-29d18dba3ff
Demo aplikasi ID PWA Blog
https://id-pwablogs.firebaseapp.com/#/
Kode sumber aplikasi untuk bahan belajar :
https://github.com/GulajavaMinistudio/BlogWWWID
#pwa #vue #semanticui #semantic #workbox #serviceworker
Medium
Membuat Aplikasi Web Blog WWWID PWA
Pada beberapa minggu yang lalu, saya belajar untuk mengenal framework VueJS dari sebuah latihan online di Youtube. Kemudian setelah…
Cara menggabungkan Semantic UI dengan framework Vue SSR Nuxt JS
https://codeburst.io/how-to-add-semantic-ui-to-your-nuxt-js-project-c27035d6021d
#vue #semantic #ssr
https://codeburst.io/how-to-add-semantic-ui-to-your-nuxt-js-project-c27035d6021d
#vue #semantic #ssr
Medium
How to add Semantic UI to your Nuxt JS Project
In this article, we will look at how to integrate the semantic-ui framework with NuxtJS project. Specifically, we will consider how to get…
Membuat forms di Ember JS dan integrasi ke Semantic UI CSS
https://www.codementor.io/parths007/creating-forms-and-their-validation-using-semantic-ui-lxtq70kqd
#ember #semantic #forms
https://www.codementor.io/parths007/creating-forms-and-their-validation-using-semantic-ui-lxtq70kqd
#ember #semantic #forms
www.codementor.io
Creating Forms and their validation using Semantic UI | Codementor
In this blog, I will be discussing how I added Log In and Signup Forms and their validations using Semantic UI.
Membuat rilis semantic version pada library komponen untuk Angular
https://blog.angularindepth.com/the-angular-devops-series-semantically-release-your-angular-library-7d78afb4c845
#angular #library #semantic #version
https://blog.angularindepth.com/the-angular-devops-series-semantically-release-your-angular-library-7d78afb4c845
#angular #library #semantic #version
Membuat semantic version dari aplikasi web yang dibuat dengan menggunakan NPM
https://dev.to/jeancarl/a-review-of-semantic-versioning-using-npm-version-2d2m
#npm #version #semantic
https://dev.to/jeancarl/a-review-of-semantic-versioning-using-npm-version-2d2m
#npm #version #semantic
DEV Community
A review of semantic versioning using npm version
Explored the npm version command through a simple application
Menggunakan Gitlab Merge Request untuk menambahkan versi aplikasi secara semantic
https://medium.com/wbaa/automatic-semantic-versioning-using-gitlab-merge-request-labels-f58aae4f82cc
#semantic #gitlab #version
https://medium.com/wbaa/automatic-semantic-versioning-using-gitlab-merge-request-labels-f58aae4f82cc
#semantic #gitlab #version
Medium
Automatic semantic versioning using Gitlab merge request labels
A few weeks ago, I was investigating how to do automatic semantic versioning. The solution I’m proposing here is inspired by this blog…
Task scheduling di Node JS dengan Node Cron Job
https://blog.logrocket.com/task-scheduling-or-cron-jobs-in-node-using-node-cron/
---
Panduan menggunakan JWT di dalam Node JS Authentication
https://levelup.gitconnected.com/a-practical-guide-to-jwt-authentication-with-nodejs-e0e425376733
---
Cara menggunakan Semantic versioning untuk rilis aplikasi Node JS
https://blog.soshace.com/setting-up-automated-semantic-versioning-for-your-nodejs-project/
#nodejs #cronjob #jwt #auth #semantic #version
https://blog.logrocket.com/task-scheduling-or-cron-jobs-in-node-using-node-cron/
---
Panduan menggunakan JWT di dalam Node JS Authentication
https://levelup.gitconnected.com/a-practical-guide-to-jwt-authentication-with-nodejs-e0e425376733
---
Cara menggunakan Semantic versioning untuk rilis aplikasi Node JS
https://blog.soshace.com/setting-up-automated-semantic-versioning-for-your-nodejs-project/
#nodejs #cronjob #jwt #auth #semantic #version
LogRocket Blog
Scheduling tasks in Node.js using node-cron - LogRocket Blog
Task scheduling enables you to schedule arbitrary code to be executed at a fixed date and time, at recurring intervals, or once after a specified interval.
Cara menggunakan gambar SVG di HTML dengan CSS
https://www.freecodecamp.org/news/use-svg-images-in-css-html/
---
Panduan lengkap menggunakan CSS Gradient untuk pewarnaan element HTML
https://css-tricks.com/a-complete-guide-to-css-gradients/
---
Melihat element HTML untuk memberikan tanda penulisan di teks dalam HTML, seperti <del>, <ins>, <mark>, dst
https://css-tricks.com/copyediting-with-semantic-html/
---
#html #css #semantic #editing #gradient #svg
https://www.freecodecamp.org/news/use-svg-images-in-css-html/
---
Panduan lengkap menggunakan CSS Gradient untuk pewarnaan element HTML
https://css-tricks.com/a-complete-guide-to-css-gradients/
---
Melihat element HTML untuk memberikan tanda penulisan di teks dalam HTML, seperti <del>, <ins>, <mark>, dst
https://css-tricks.com/copyediting-with-semantic-html/
---
#html #css #semantic #editing #gradient #svg
freeCodeCamp.org
How to Use SVG Images in CSS and HTML – A Tutorial for Beginners
SVG stands for Scalable Vector Graphics. It is a unique type of image format for vector-based graphics written in Extensible Markup Language (XML). In this tutorial, I will explain why you'd want to use SVG images and how you can use them in CSS and HTML.…
Latihan panjang menggunakan HTML bagi pemula
https://www.freecodecamp.org/news/html-basics-for-beginners/
---
Beberapa alasan kenapa tag HTML yang bernama picture tag lebih baik daripada img tag
https://blog.bitsrc.io/why-you-should-use-picture-tag-instead-of-img-tag-b9841e86bf8b
---
Latihan menggunakan Tailwind CSS untuk styling tampilan aplikasi web
https://codeburst.io/six-reasons-why-you-should-start-using-tailwind-css-402292c50a70
---
Mengenal semantic html untuk struktur kode HTML yang lebih baik
https://medium.com/weekly-webtips/what-is-semantic-html-and-why-is-it-important-8d90cfaf5803
#html #tailwind #css #picture #img #semantic #html
https://www.freecodecamp.org/news/html-basics-for-beginners/
---
Beberapa alasan kenapa tag HTML yang bernama picture tag lebih baik daripada img tag
https://blog.bitsrc.io/why-you-should-use-picture-tag-instead-of-img-tag-b9841e86bf8b
---
Latihan menggunakan Tailwind CSS untuk styling tampilan aplikasi web
https://codeburst.io/six-reasons-why-you-should-start-using-tailwind-css-402292c50a70
---
Mengenal semantic html untuk struktur kode HTML yang lebih baik
https://medium.com/weekly-webtips/what-is-semantic-html-and-why-is-it-important-8d90cfaf5803
#html #tailwind #css #picture #img #semantic #html
freeCodeCamp.org
Learn HTML Basics for Beginners in Just 15 Minutes
By Thu Nghiem If you want to build a website, the first language that you need to learn is HTML. In this article, we are going to go through the basics of HTML. At the end, we are going to build a basic website using only HTML. Here's
Cara melakukan debugging CSS Grid dengan browser Chrome
https://blog.bitsrc.io/debugging-css-grid-like-a-pro-96769527a751
---
Mengurangi penggunaan Div di dalam HTML dan menggantinya dengan tag Semantic HTML
https://dev.to/kieran6roberts/ditch-the-dreaded-div-semantic-html-elements-we-should-use-instead-1k60
---
#semantic #html #css #cssGrid #chrome
https://blog.bitsrc.io/debugging-css-grid-like-a-pro-96769527a751
---
Mengurangi penggunaan Div di dalam HTML dan menggantinya dengan tag Semantic HTML
https://dev.to/kieran6roberts/ditch-the-dreaded-div-semantic-html-elements-we-should-use-instead-1k60
---
#semantic #html #css #cssGrid #chrome
Medium
Debugging CSS Grid like a PRO
Now, You can use Chrome DevTools to visually inspect your CSS Grids and debug them.
Membuat fungsi pop up actions ketika menyeleksi bagian teks dengan Selection API
https://css-tricks.com/how-to-create-actions-for-selected-text-with-the-selection-api/
---
Beberapa contoh Semantic HTML yang dapat menggantikan penggunaan element div
https://dev.to/ubahthebuilder/semantic-html-elements-here-are-8-elements-to-use-instead-of-a-div-element-2ijm
---
Latihan membuat animasi transisi halaman dan element HTML dengan CSS Animations
https://levelup.gitconnected.com/ui-animation-in-css-86f5ccbd91f5
#css #actionMenu #selected #text #animation #semantic
https://css-tricks.com/how-to-create-actions-for-selected-text-with-the-selection-api/
---
Beberapa contoh Semantic HTML yang dapat menggantikan penggunaan element div
https://dev.to/ubahthebuilder/semantic-html-elements-here-are-8-elements-to-use-instead-of-a-div-element-2ijm
---
Latihan membuat animasi transisi halaman dan element HTML dengan CSS Animations
https://levelup.gitconnected.com/ui-animation-in-css-86f5ccbd91f5
#css #actionMenu #selected #text #animation #semantic
CSS-Tricks
How To Create Actions For Selected Text With The Selection API | CSS-Tricks
Click, drag, release: you’ve just selected some text on a webpage — probably to copy and paste it somewhere or to share it. Wouldn't it be cool if selecting
Kumpulan beberapa tag HTML yang jarang diketahui namun sangat bermanfaat untuk struktur semantic HTML yang lebih baik, accessibility, dan juga SEO yang lebih baik
https://blog.logrocket.com/uncommon-html-tags-improve-web-semantics/
---
Latihan penggunaan SVG pada Three JS
https://blog.logrocket.com/bringing-svgs-three-js-svgloader/
---
Beberapa fungsi kalkulasi atau perhitungan di CSS yang sudah bisa digunakan
https://css-tricks.com/using-absolute-value-sign-rounding-and-modulo-in-css-today/
---
Beberapa hal yang perlu diketahui tentang CSS Units atau satuan variabel dalam CSS
https://medium.com/weekly-webtips/everything-you-need-to-know-about-css-units-d68f6ad0e5d5
—-
Beberapa fitur keunggulan framework Bulma CSS untuk styling tampilan aplikasi web
https://blog.bitsrc.io/why-developers-love-bulma-css-8d9aab97fd0c
—-
Pengenalan CSS Position property untuk mengatur posisi element di HTML
https://medium.com/techtofreedom/css-position-locate-your-html-elements-like-a-guru-3fb618654e74
—-
#css #html #seo #semantic #unit #threejs #calculation #svg
https://blog.logrocket.com/uncommon-html-tags-improve-web-semantics/
---
Latihan penggunaan SVG pada Three JS
https://blog.logrocket.com/bringing-svgs-three-js-svgloader/
---
Beberapa fungsi kalkulasi atau perhitungan di CSS yang sudah bisa digunakan
https://css-tricks.com/using-absolute-value-sign-rounding-and-modulo-in-css-today/
---
Beberapa hal yang perlu diketahui tentang CSS Units atau satuan variabel dalam CSS
https://medium.com/weekly-webtips/everything-you-need-to-know-about-css-units-d68f6ad0e5d5
—-
Beberapa fitur keunggulan framework Bulma CSS untuk styling tampilan aplikasi web
https://blog.bitsrc.io/why-developers-love-bulma-css-8d9aab97fd0c
—-
Pengenalan CSS Position property untuk mengatur posisi element di HTML
https://medium.com/techtofreedom/css-position-locate-your-html-elements-like-a-guru-3fb618654e74
—-
#css #html #seo #semantic #unit #threejs #calculation #svg
LogRocket Blog
Uncommon HTML tags that improve web semantics - LogRocket Blog
Learn the proper way to use uncommon HTML tags that'll make for a more semantic website, better accessibility, and improved SEO.
Latihan panjang pengenalan responsive design pada aplikasi web
https://www.freecodecamp.org/news/responsive-web-design-modern-website-code-for-beginners/
---
Contoh dari struktur tag semantic HTML
https://dev.to/briannaxrene/html5-semantics-structure-tags-7a6
---
#responsive #design #semantic
https://www.freecodecamp.org/news/responsive-web-design-modern-website-code-for-beginners/
---
Contoh dari struktur tag semantic HTML
https://dev.to/briannaxrene/html5-semantics-structure-tags-7a6
---
#responsive #design #semantic
freeCodeCamp.org
Responsive Web Design – Modern Website Code for Beginners
When the internet was still young, website visitors used desktop and then laptop computers with wide screens to access websites. Then when smart phones were developed, mobile phone users had to endlessly zoom and scroll to access and view different parts…
Latihan penting membuat Navbar di bagian samping dan bawah atau Sidebar dan Bottom bar dengan CSS Flexbox
https://www.freecodecamp.org/news/fixed-side-and-bottom-navbar-with-css-flexbox/
---
Membuat aplikasi resep makanan dengan menggunakan CSS, JavaScript, dan HTML
https://www.freecodecamp.org/news/html-css-tutorial-build-a-recipe-website/
---
Penting nya menggunakan element Semantic HTML jika dibandingkan menggunakan element div saja.
https://www.freecodecamp.org/news/semantic-html-alternatives-to-using-divs/
#css #flexbox #navbar #div #semantic #recipe
https://www.freecodecamp.org/news/fixed-side-and-bottom-navbar-with-css-flexbox/
---
Membuat aplikasi resep makanan dengan menggunakan CSS, JavaScript, dan HTML
https://www.freecodecamp.org/news/html-css-tutorial-build-a-recipe-website/
---
Penting nya menggunakan element Semantic HTML jika dibandingkan menggunakan element div saja.
https://www.freecodecamp.org/news/semantic-html-alternatives-to-using-divs/
#css #flexbox #navbar #div #semantic #recipe
freeCodeCamp.org
CSS Flexbox Tutorial – How to Build a Fixed Side and Bottom Navbar
Flexbox can help you simplify the process of creating both basic and advanced layouts. And it's pretty straightforward to create side and bottom navigation menus with CSS flexbox or Grid. These layouts are so popular that they appear almost everywhere on…
Tips dan trik dalam implementasi Semantic HTML yang baik untuk struktur HTML dan SEO yang baik
https://www.freecodecamp.org/news/html-best-practices/
#html #seo #semantic
https://www.freecodecamp.org/news/html-best-practices/
#html #seo #semantic
freeCodeCamp.org
HTML Best Practices – How to Build a Better HTML-Based Website
HTML is the backbone of any website. It's the first thing people see. Without it, there would be no website. Because of this, it's important that you stick to good coding practices. If you don't follow the best practices, you will create a bad user experience…
Latihan penting dari Kevin Powell tentang semantic HTML dan contoh penggunaannya
https://youtu.be/ULdkpU51hTQ
#kevinPowell #semantic #html
https://youtu.be/ULdkpU51hTQ
#kevinPowell #semantic #html
YouTube
HTML section elements are a lie (sort of)
Semantic HTML elements like the main, aside, footer, nav, and others all come with, well, semantic meaning... sections don't actually have that extra meaning, unless we take an extra step though!
🔗 Links
✅ w3 page on sectioning elements: https://www.w3.org/TR/wai…
🔗 Links
✅ w3 page on sectioning elements: https://www.w3.org/TR/wai…
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
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=device-width, initial-scale=1.0">…