Membuat element kontainer menjadi ber animasi ketika kursor mouse berada di atasnya, dengan menggunakan CSS transform dan perspektif
https://css-tricks.com/animate-a-container-on-mouse-over-using-perspective-and-transform/
#css #animation
https://css-tricks.com/animate-a-container-on-mouse-over-using-perspective-and-transform/
#css #animation
CSS-Tricks
Animate a Container on Mouse Over Using Perspective and Transform | CSS-Tricks
I’ve been working on a website in which large pictures are displayed to the user. Instead of creating a typical lightbox effect (a zoom-in animation with a
Beberapa hal menarik yang bisa dilakukan dengan Vue CLI versi 3
https://www.telerik.com/amp/blogs/4-awesome-things-you-can-do-with-the-vuejs-cli
#vue #cli
https://www.telerik.com/amp/blogs/4-awesome-things-you-can-do-with-the-vuejs-cli
#vue #cli
Telerik Blogs
4 Awesome Things You Can Do with the Vue.js CLI
A quick rundown of cool features the CLI provides for projects like prototyping, adding plugins & checking out Webpack config without no-going-back ejecting.
Cara menggunakan Vue dan Vuex untuk State Management ketika melakukan AJAX
https://medium.com/wdstack/vue-vuex-getting-started-f78c03d9f65
#vue #vuex #ajax
https://medium.com/wdstack/vue-vuex-getting-started-f78c03d9f65
#vue #vuex #ajax
Medium
Vue + Vuex — Getting started
At some point when building applications you will need to begin thinking about how to manage state. Vue provides a simple way to work with…
Slogan "write once, use everywhere" adalah anti pattern
https://hackernoon.com/write-once-run-everywhere-is-an-anti-pattern-2e32e1dd5b93
#tips #thought #antipattern
https://hackernoon.com/write-once-run-everywhere-is-an-anti-pattern-2e32e1dd5b93
#tips #thought #antipattern
Hackernoon
“Write once, run everywhere” is an anti-pattern | Hacker Noon
Tips penggunaan Const dan Enums untuk ukuran file hasil build bentuk JavaScript yang lebih kecil
https://netbasal.com/a-smaller-bundle-with-const-enums-in-typescript-b7f786227e5e
#typescript #const #enums
https://netbasal.com/a-smaller-bundle-with-const-enums-in-typescript-b7f786227e5e
#typescript #const #enums
Medium
A Smaller Bundle with Const Enums in TypeScript
Enums allows us to define a set of named constants. By using enums we can keep our code DRY, easy to refactor, and more readable.
Mengenal trik Houdini, trik baru dalam membuat animasi dan transformasi di dalam CSS
https://css-tricks.com/what-houdini-means-for-animating-transforms/
#css #houdini #animation #transform
https://css-tricks.com/what-houdini-means-for-animating-transforms/
#css #houdini #animation #transform
CSS-Tricks
What Houdini Means for Animating Transforms | CSS-Tricks
I've been playing with CSS transforms for over five years and one thing that has always bugged me was that I couldn't animate the components of a transform
Forwarded from The Devs
Menggunakan Angular dan Content Management Service (CMS) Contentful untuk membuat sebuah web pelatihan
Video
https://youtu.be/KhmjLjvlmyQ
Blog Latihan
https://codingthesmartway.com/angular-and-contentful-content-management-for-single-page-web-apps/
#angular #cms #contentful #typescript #spa
Video
https://youtu.be/KhmjLjvlmyQ
Blog Latihan
https://codingthesmartway.com/angular-and-contentful-content-management-for-single-page-web-apps/
#angular #cms #contentful #typescript #spa
YouTube
Angular And Contentful - Content Management For Single-Page Web Apps
Angular 6 - The Complete Guide (http://codingthesmartway.com/courses/angular2-complete-guide/)Top Web Development Online Courses(https://codingthesmartway.co...
Beberapa hal yang perlu dicatat dalam menjalani peran full stack JavaScript
https://dev.to/siwalik/mastering-full-stack-with-javascripts-superpowers-oin
https://github.com/siwalikm/Prep-for-Full-Stack-JS
#fullstack #javascript #superman
https://dev.to/siwalik/mastering-full-stack-with-javascripts-superpowers-oin
https://github.com/siwalikm/Prep-for-Full-Stack-JS
#fullstack #javascript #superman
DEV Community
Mastering Full-stack with Javascript's Superpowers
A frontend developer's guide to full stack web development
Memahami cara kerja for loops di dalam JavaScript ES6 ++
http://www.discoversdk.com/blog/ecmascript-6-for-of-loops
#loop #es6 #for
http://www.discoversdk.com/blog/ecmascript-6-for-of-loops
#loop #es6 #for
discoversdk
ECMAScript 6 - for of loops - DiscoverSDK Blog
Cara menggunakan JWT di Node.js dan MongoDb dan Vue
https://medium.com/@saigowthamr/how-to-use-jwt-authentication-in-vue-js-using-nodejs-and-mongodb-29110ec48ee4
#jwt #node #mongodb #vue
https://medium.com/@saigowthamr/how-to-use-jwt-authentication-in-vue-js-using-nodejs-and-mongodb-29110ec48ee4
#jwt #node #mongodb #vue
Medium
How to use JWT-Authentication in Vue.js
Jwt is called as JSON Web Tokens are an open, industry standard RFC 7519 method for representing claims securely between two parties.
Newsletter tentang hal hal baru di dalam dunia desain web dan CSS
https://speckyboy.com/weekly-news-for-designers-428/
#css #design #web
https://speckyboy.com/weekly-news-for-designers-428/
#css #design #web
Speckyboy Web Design Magazine
Weekly News for Designers № 428 - CSS Frameworks, Unique Drag-and-Drop UI, Web Design Trends 2018
This week’s Designer News (N.428) includes Creating User-Friendly Forms, a Free Bootstrap 4 Pricing Table, Web Design Trends 2018 eBook, A Library to Help Users Focus on Page Elements, a Free Podcast/Blog Template, Adopting CSS Grid at Scale, Navigating the…
Melakukan ekstraksi string di dalam kalimat dengan SubString dan Slice
https://love2dev.com/blog/javascript-substring-substr-slice/
#string #extract #slice #substring
https://love2dev.com/blog/javascript-substring-substr-slice/
#string #extract #slice #substring
Love2Dev
Using JavaScript subString, substr & slice 🔪 to Pull Sub Strings [Tutorials]
The JavaScript Substring, Substr and Slice methods can all be used to extract strings from a larger one. 👨🏼💻👨🏿💻👩🏾💻 Each method operates slightly different, and this tutorial demonstrates how each work so you know exactly which one will you look like a…
Latihan CSS dengan membuat efek pembuka film Star Wars
https://dev.to/christopherkade/developing-the-star-wars-opening-crawl-in-htmlcss-2j9e
#css #tutorial #starwars
https://dev.to/christopherkade/developing-the-star-wars-opening-crawl-in-htmlcss-2j9e
#css #tutorial #starwars
DEV Community
Developing the Star Wars opening crawl in HTML/CSS
Even though Star Wars: The Last Jedi is a divisive movie (which is not the point of this article, I...
Tips untuk komunikasi antar komponen di Vue dengan Event Bus dan juga cara menghentikan komunikasi event nya
https://medium.com/pixeldenkers-blog/simple-communication-between-vue-js-components-using-the-eventbus-ef20facd8020
#vue #bus #eventbus
https://medium.com/pixeldenkers-blog/simple-communication-between-vue-js-components-using-the-eventbus-ef20facd8020
#vue #bus #eventbus
Medium
Simple communication between Vue.JS components using the EventBus
Lets imagine you are building an application in Vue.JS. Everything works well but you need to pass data between components. Using props…
Tips tentang beberapa keunggulan dan kelebihan dalam penggunaan ES6
https://medium.com/the-n00b-code-chronicles/the-5-super-powers-of-es6-84e62875eed6
#es6 #tips #power #kelebihan
https://medium.com/the-n00b-code-chronicles/the-5-super-powers-of-es6-84e62875eed6
#es6 #tips #power #kelebihan
Medium
The 5 super powers of ES6
This blog is about new ES6 features. Learning about ES6 is probably pretty straightforward for experienced folks. It wasn’t for me. As a…
Game Super Mario World yang dibuat hanya menggunakan CSS saja, sampel dan contoh kode ada di kiriman link terkait
https://medium.com/@alcidesqueiroz/super-mario-world-in-css-100-css-no-javascript-no-embedded-images-data-uris-no-external-e43dc0c2b1f4
#css #sample #supermario
https://medium.com/@alcidesqueiroz/super-mario-world-in-css-100-css-no-javascript-no-embedded-images-data-uris-no-external-e43dc0c2b1f4
#css #sample #supermario
Medium
Super Mario World made only with CSS gradients - no JS, no embedded images/data URIs, no external…
In this post, I’ll be brief. Allow me to get straight to the point.
Membuat aplikasi Pomodoro dengan menggunakan Vue
https://scotch.io/amp/bar-talk/build-a-pomodoro-timer-with-vuejs-solution-to-code-challenge-6?url=https%3A%2F%2Fscotch.io%2Fbar-talk%2Fbuild-a-pomodoro-timer-with-vuejs-solution-to-code-challenge-6&__twitter_impression=true
#pomodoro #vue
https://scotch.io/amp/bar-talk/build-a-pomodoro-timer-with-vuejs-solution-to-code-challenge-6?url=https%3A%2F%2Fscotch.io%2Fbar-talk%2Fbuild-a-pomodoro-timer-with-vuejs-solution-to-code-challenge-6&__twitter_impression=true
#pomodoro #vue
Scotch
Build A Pomodoro Timer with Vue.js (Solution to Code Challenge #6)
Build A Pomodoro timer with Vue (Solution to Code Challenge #6). Challenge is completed by building the Pomodoro timer with Vue. Vue lifecycle methods and properties were employed to effectively manipulate data and application state in this post.
Membuat Code Snippet di Visual Studio Code
https://scotch.io/amp/bar-talk/write-less-code-by-creating-snippets-in-visual-studio-code
#snippet #vscode
https://scotch.io/amp/bar-talk/write-less-code-by-creating-snippets-in-visual-studio-code
#snippet #vscode
Scotch
Creating Code Snippets in Visual Studio Code
Learn how Code Snippets in Visual Studio Code can give you shortcuts to write the code that you're tired of writing.