Categories: Tips Trik

Link berguna untuk developer

Bismillaahirrohmaanirrohiim…

Saya catat link berguna ini agar kalau lupa bisa tinggal klik saja hehehe…

DNS Checker

untuk melihat DNS atau A record, dll pada website kita apakah sudah resolve atau belum

https://www.whatsmydns.net/ => agak lama cache nya, jd kurang realtime
https://dnschecker.org/ => lumayan bagus dan realtime

SSL Checker

untuk melihat SSL sudah beres atau belum, kadang root SSL nya belum diinstall jadi tidak bisa diakses via browser mobile.

https://www.ssllabs.com/ssltest/
https://www.sslchecker.com/sslchecker
https://www.digicert.com/help/

Check IP address

untuk cek ip address komputer lokal atau ip address orang lain.
statusnya pake jaringan operator atau server orang. ini bukan untuk mengetahui lokasi rumah orang ya.

https://whatismyipaddress.com/
https://www.whatismyip.com/ => captchanya njengkelin, lokasi kurang akurat, beda kota
https://www.myip.com/ => untuk cek ip sendiri

Gambar gratis tanpa lisensi

bisa dipakai kalau di bawah ini tanpa lisensi ya, bukan premium yang di screenshoot.

https://www.freepik.com/
https://pixabay.com/
http://www.pexels.com
https://www.freeimages.com/
https://stocksnap.io/

Mengecilkan ukuran gambar

disebut juga dengan compress image, baik berupa jpg, png, atau gif animation

https://tinypng.com/
https://tinyjpg.com/
https://compresspng.com/
https://ezgif.com/optimizehttps://imagecompressor.com/

Merubah teks menjadi gambar

Biasanya digunakan untuk membuat gambar yang hanya berisi teks, untuk thumbnail, dsb.

https://onlinetexttools.com/convert-text-to-image => sederhana, cepat, dan mudah digunakan
https://picfont.com/ => bisa menambah background gambar
https://text2image.com/en/ => agak manual

Test page mobile friendly

Tools dari google untuk mengecek apakah halaman web kita sudah mobile friendly atau bagus dibuka di mobile / HP.

https://search.google.com/test/mobile-friendly

Validasi halaman AMP

Tools google untuk mengecek halaman AMP valid atau tidak

https://search.google.com/test/amp

Validasi struktur halaman

Meskipun amp valid, namun bisa jadi struktur halaman tidak valid, nah cara mengeceknya ada di link di bawah ini

https://search.google.com/test/rich-results
https://search.google.com/structured-data/testing-tool

Check page speed google

Untuk melihat kecepatan website kita ketika diakses via desktop atau mobile / HP

https://developers.google.com/speed/pagespeed/insights/
https://pagespeed.web.dev/analysis/

Install Package PHP tanpa composer

https://php-download.com/

Menghapus css yang tidak diperlukan

Ini canggih karena hanya copas html dan css, nanti css yang tidak diperlukan akan dihapus.

https://uncss-online.com/

Menghapus multiple line breaks atau banyak enter

Ini juga bisa dipakai untuk beautify code kita. Lebih penting lagi saat ingin menghapus banyaknya enter / line break yang tidak berguna

https://codebeautify.org/remove-lines-containing

Menghapus background gambar menjadi transparan

https://www.remove.bg/upload
bisa square
https://www.fotor.com/features/circle-crop/

Resize image, crop image

https://www.iloveimg.com/
//untuk membesarkan gambar dan memperbagus kualitas gambar menjadi lebih besar (image upscaling)
https://www.img2go.com/
https://zyro.com/id/tool/image-upscaler

Generate favicon atau favicon generator

https://realfavicongenerator.net/

PWA Builder, buat pwa secara cepat dan bisa diupload diplaystore, ios, windows

https://www.pwabuilder.com/
//setelah selesai bisa generate app
https://www.pwabuilder.com/publish?site=https://yoursite.com/
https://www.pwabuilder.com/reportcard?site=https://yoursite.com/
//android info upload playstore
https://docs.pwabuilder.com/#/builder/android

Splash Screen Generator untuk PWA

https://appsco.pe/developer/splash-screens

web ganti background

https://www.fotor.com/features/background-remover/upload

WEB buat qr code online

https://me-qr.com/id/qr-code-generator

Web bot untuk kirim wa gratis

https://www.callmebot.com/blog/free-api-whatsapp-messages/

Cek warna text kontras dengan background

https://dequeuniversity.com/rules/axe/4.9/color-contrast
//digunakan agar text dan background enak dilihat user

Deteksi negara ip address

http://www.geoplugin.net/json.gp?ip=180.248.2.16
atau di web
https://whatismyipaddress.com/ip/180.248.2.16

icon lengkap png atau svg

https://github.com/themesberg/awesome-icons

admin template dan landing bootsrap starter

https://themesberg.com/templates/free => yg admin bootstrap 5 ga bisa pake jquery dan dialog error
https://github.com/orgs/themesberg/repositories
https://github.com/alfinauzikri/Admin-Template-and-UI-Kit

Yang lain akan terus diupdate ya,,,

Bagikan
rasupe

Recent Posts

compress gambar sebelum diupload dengan javascript

Bismillaahirrohmaanirrohiim... Berikut ini cara kompress gambar sebelum diupload menggunakan javascript, tujuannya agar misalkan gambar dari…

2 weeks ago

Format angka dengan javascript

Bismillaahirrohmaanirrohiim... Berikut ini cara format angka menggunakan javascript, misalkan 1000 menjadi 1.000 atau 1500000 menjadi…

1 month ago

CPU 100% ternyata dipakai miner orang

Bismilaahirrohmaanirrohiim... jika server anda dipakai orang untuk mining, maka cpu usage akan habis dipakai dia,…

2 months ago

Cara Mematikan Mode SSL Virtualmin Webmin

Bismillaahirrohmaanirrohiim... masalah muncul saat akses https://ipaddress:10000 muncul seperti ini Error – Document follows This web…

4 months ago

eBook: menjadi kaya dimasa kini dan masa depan

Bismillahirrohmaanirrohiim... Ebook ini menghadirkan wawasan mendalam mengenai pergeseran kekayaan dari uang, aset, tanah, dan bahan…

4 months ago

Tombol back tutup modal bootstrap tanpa kembali ke halaman sebelumnya

Bismillaahirrohmaanirrohiim... Jika kita membuat aplikasi web base menggunakan bootstrap, saat user membuka modal, kadangkala mereka…

4 months ago