Vue Revise my code from Vue 2 to Vue 3 Try to understand Vue 3 Advanced things what I’ve known from Vue 2. And migrate some of my codes
Vue Replace Vuex with Vue.observable From the beginning when Vue was v0.12 (5 years ago) and Vuex didn’t exist yet and I had to make own “global” state storage. I had to use $root to access the properties from any component with ease and Crossroads.js [https:
Journal Web Component slots only exist in Shadow Dom I’ve created a web component with . The idea is to put any content inside a web component and the component does the rest. The greatest about Shadow Dom that it doesn’t care about the styling outside the element. And currently slots only
Front end Create quick prototype with Vue and Less (2020) We’re been bombarded with building tools such as Webpack, Gulp and Grunt and what not, but you still want to create something quick, without having an advanced editor by hand and you just want to start on the fly. Ghost blog has a
Front end Render Vue Components inside Twitter Bootstrap Modal as Vue Component Render raw HTML data containing Vue Components from Ajax (Axios) Request inside a Vue Component
Journal Just created Ghost Search Vue Web Component Ghost Blog short comings and you want to create Search only JavaScript solution.
Front end Quick Embedded CSS with LESS (2016) Use Less instead of CSS for a quick markup Make sure type="text/less" is in your style attribute and followed with the LESS.js script tag within GitHub script: src/lib/ghostApi.js
Front end Create a quick page with Less CSS on the fly Use Less instead of CSS for a quick markup Make sure type="text/less" is in your style attribute and followed with the LESS.js script tag within Quick HTML page with less Harianto van Insulinde Harianto van Insulinde 25 Jun 2015 • 3 min read comment
Front end Start build-in web server with PHP Viewing HTML file from a directory in your browser by starting a PHP server cd /my/public/directory php -S localhost:8000
Front end Scale Image and Reposition on Canvas element Scale image and reposition on canvas element after you select a file with this element. The HTML Upload je profielfoto Harianto van Insulinde Harianto van Insulinde 18 Nov 2014 • 2 min read comment
Front end HTML5 Form validation w/out JavaScript Just created a form validation without Javascript in Codepen. And I experimented some crazy colors. The idea is creating a HTML5 form with error messages styled by CSS without JavaScript. When filling text in the input field for example your email, it will validate
Front end How my base.less structure look like While I was reading awesome book of Smashing Magazine, I review my workflow and some basic structure before I start a project. This structure should be my way to keep track my front-end building blocks in Less CSS. base.less @import 'http://fonts.googleapis.
deployment Using Laravel, Grunt, Bootstrap and LESS I get this idea from Elena Kolevska [http://blog.elenakolevska.com/] where you get introduce with Grunt - The javascript task runner. This guide got little more detailed and fits my own MAMP vhosts installation. I always wondered how to automate things. Usually work
