Beberapa hal baru di dunia desain web atau web design untuk Minggu ini , seperti tren desain, CSS, dan tips

https://speckyboy.com/weekly-news-for-designers-426/

#css #web #design

Membuat dialog modal di Angular dengan menggunakan element ref dan dom service


https://itnext.io/angular-create-your-own-modal-boxes-20bb663084a1

#angular #modal #dialog #dom

Pada NPM versi 5.7.1 ini, ada tambahan perintah command line yaitu "npm ci" , fungsinya sama dengan npm install pada project-project yang membutuhkan node dependency, tapi ini lebih cepat, karena si "npm ci" hanya membaca dependency dan versi yang ada di package-lock.json aja.

Cocok untuk dijalankan pada Continous Integration (CI) builds, misalnya pada Gitlab CI atau Travis CI .

Selengkapnya
http://blog.npmjs.org/post/171556855892/introducing-npm-ci-for-faster-more-reliable

Dokumentasi :
https://docs.npmjs.com/cli/ci

Ada yang sudah mencoba rupanya :
https://medium.com/@tomastrajan/how-to-speed-up-continuous-integration-build-with-new-npm-ci-and-package-lock-json-7647f91751a

#npm #ci #tips

Artikel infografik tentang pengukuran performa web dari Google Web Fundamentals dan bagaimanan optimasi dan pemakaiannya : https://developers.google.com/web/fundamentals/performance/speed-tools/

#web

Latihan tentang membuat CSS Grid langkah demi langkah

http://www.developerdrive.com/2018/02/how-to-create-a-css-grid-step-by-step/

#css #cssgrid #grid #tutorial

Cara melakukan Class dan Style Binding ke HTML di dalam Angular

http://www.discoversdk.com/blog/class-and-style-binding-in-angular

#angular #css #style #class #binding

Cara membuat halaman login yang bersifat responsif di layar browser

https://codeburst.io/responsive-windows-login-page-ui-tutorial-part-1-98a70b4fcc75

#tutorial #login #window

Membuat konversi string dan tanggal sesuai format kode area internasional dan format waktu dengan menggunakan ES6+


http://www.discoversdk.com/blog/ecmascript-6-text-strings-and-dates

#es6 #date #string #format #l10n #internationalization

Teknik CSS untuk membuat teks transparan atau knock out Text dengan latar belakang gambar

https://css-tricks.com/css-techniques-and-effects-for-knockout-text/

#css #text #font #knockout

Dokumentasi baru di situs Google Developers tentang teknik memuat file/library JavaScript pihak ketiga dari CDN atau server lain

https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/loading-third-party-javascript/

#async #defer #library #js

Cara untuk memuat library CSS pihak ketiga secara asinkronus dan tidak memblok parsing dokumen html

https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

#async #defer #css

Cara membuat event binding di Angular

http://www.discoversdk.com/blog/event-binding-in-angular

#angular #eventbinding

Membuat tooltip dengan menggunakan library Popper.js

https://matwrites.com/create-beautiful-tooltips-with-popper-js-tooltip-js/

#library #tooltip #popperjs #popper

Ini ada ekstensi yang bagus namanya Settings Sync untuk Visual Studio Code,

Petunjuk pemakaian Settings Sync bisa dilihat disini
https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync

Berguna untuk melakukan backup setelan, ekstensi, plugin dari Visual Studio Code ke Github Gist. Sehingga klo kita pindah komputer/install ulang OS, cukup pasang ekstensi Settings Sync, dan download setelan dari Gist yang telah di backup sebelumnya, kemudian restart VS Code untuk menampilkan setelan yang sama yang telah dibackup.

#vscode #visualstudiocode #sync #settings #settingssync

Membuat custom directive pada Framework Vue JS

https://css-tricks.com/power-custom-directives-vue/

#vue #directive

Cara membuat screenshot atau tangkapan layar dengan menggunakan Chrome Developer Tools, tanpa perlu plugin/ekstensi tambahan

https://medium.com/kode-dan-kodean/membuat-screenshoot-halaman-web-dengan-google-chrome-dev-tools-565bbe5566e8

#chrome #tips #screenshot

Memahami cara kerja JavaScript Typescript bagian kedua

https://medium.com/@wesharehoodies/typescript-javascript-with-superpowers-part-ii-69a6bd2c6842

Bagian Pertama
https://medium.freecodecamp.org/typescript-javascript-with-super-powers-a333b0fcabc9

#typescript #review #typing

Membuat landing pages untuk halaman utama akun Github sendiri, yang berguna untuk landing pages developer

https://dev.to/flexdinesh/create-your-developer-landing-page-with-github-pages---42jk

#portofolio #landingpages #github #pages

Vue VS Code Extension Pack
yang berisi paket ekstensi yang membantu programming web dengan #vue .

https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-extensionpack

Contoh aplikasi Real World Web App kini memiliki tambahan sampel baru yaitu penggunakan serverless Firebase dengan Angular

https://blog.realworldfullstack.io/real-world-app-part-17-cloud-storage-with-firebase-and-angular-d3d2c9f5f27c

#firebase #angular #realworld

Beberapa kesalahaan dalam penggunaan element CSS dan beberapa tips untuk memperbaikinya, yang seringkali kita lupa caranya

https://medium.com/@peedutuisk/lesser-known-css-quirks-oddities-and-advanced-tips-css-is-awesome-8ee3d16295bb

#css #quirks #padding