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

CPU usage tinggi pada server

Bismillaahirrohmaanirrohiim... Untuk mendeteksi cpu usage tinggi memang perkara rumit, adakalanya karena codingan bermasalah, akses ke…

2 months ago

Membersihkan log mongodb yang besar

Bismillaahirrohmaanirrohiim... Jika tidak dirawat dan dicek berkala, log mongodb akan semakin membesar. Bahkan sampai menghabiskan…

2 months ago

Cara mengakses gps di HP dengan javascript

Bismillaahirrohmaanirrohiim... Jika kita membuat website yang digunakan untuk memantau lokasi HP client, maka kita memerlukan…

5 months ago

Menghitung jarak dua titik koordinat dengan php dan javascript

Bismillaahirrohmaanirrohiim... Kali ini kita akan mencoba menerapkan rumus trigonometeri dari formula haversine, yang digunakan untuk…

5 months ago

Kemasan cleo botol kecil sering bikin tangan terluka

Bismillaahirrohmaanirrohiim... Disini saya akan berbagi pengalaman tentang susahnya membuka tutup botol cleo kecil ukuran 220ml.…

5 months ago

Solusi InsCek pada meteran PLN

Bismillaahirrohmaanirrohiim... Kali ini saya akan berbagi pengalaman tentang mati lampu yang disebabkan oleh permasalahan arus…

5 months ago