Journal Just created zero tools Vue component PageIndex for this blog Currently we’re bloated with building tools such as Webpack / Gulp / Grunt; that we’re almost forget to build a quick page, a small prototype on the fly with just pure Javascript on the browser. But somehow, just Vanilla Javascript doesn’t cut it,
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.
docker Guide to install Nginx + Php + MariaDB + Phpmyadmin in Docker (XNMP-VHOST) (XNMP-VHOST) Replace MAMP/XAMP with Docker Containers and keep you system clean.
Journal Upgraded and fully restyled this blog While a company doesn’t give you space to grow and do your own things, you had to make up for lost years and things you really want to experiment and build.
git GIT: When files are deleted in some commit in the past Find the last commit that affected the given path. As the file isn't in the HEAD commit, this commit must have deleted it. git rev-list -n 1 HEAD -- Then
docker Create NPM Developer environment in Docker Docker benefits of course having a container without affecting your system installs. In short. Containerized environment using Docker, in this case with NPM. Get Docker [https://www.docker.com/products/overview] Check this github [https://github.com/HariantoAtWork/docker-npm-working-env] Setup Create working directy mkdir
Node Use global variable for socket.io While I have been searching for different alternatives to emit or broadcast with socket.io [http://socket.io], the solution is quite simple. Use global variable to access it. Global variable For example in my www (or server.js) file. app.set('port', port)
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
javascript How many chocolates can you get? While I was taking a break from programming, I saw a random post on 9gag and I thought I make a script for it. > A shop sells 1 chocolate at $1. You can exchange 3 wrappers for 1 chocolate. If you have $15, how
git Reset Git Repository git clean -xdf > git-clean will remove any files from the tracked root directory source [http://stackoverflow.com/questions/9529078/how-do-i-use-git-reset-hard-head-to-revert-to-a-previous-commit]
docker Connect an existing database from Docker network To list Docker networks docker network ls result: NETWORK ID NAME DRIVER SCOPE 58fa29cd9897 bridge bridge local e6f07fb628ff devvhosts_default bridge local 1b20cf0e2660 host host local e24d89089238 none null local There are 3 pre-defined networks and cannot be removed: * bridge
docker Test a Node application with Docker (while understanding Docker functions) I was getting to know some differences between Dockerfile and docker-compose.yml and how to test it with existing node app. > skip down to action At first I made dev-vhosts Docker [https://github.com/HariantoAtWork/dev-vhosts] to create Nginx Virtual Hosts. It has only
docker Build Docker (Alpine) Nginx PHP7 Vhosts for development Create a development vhosts (virtual host) system with Docker (Nginx and PHP7) on Mac.
nginx Valid SSL Certificate with letsencrypt (example) # /etc/nginx/sites-enabled/sylo.space.conf server { listen 80; server_name ~^sylo\.space(\.dev)?$; return 301 https://$host$request_uri; } server { listen 443 ssl; server_name ~^sylo\.space(\.dev)?$; root /var/www/vhosts/sylo.space/httpdocs; ssl on; ssl_certificate /etc/letsencrypt/live/sylo.
linux Configuring Debian 8 (Jessie) VPS Got VPS from transip.nl for some time now and had reinstalled couple of times trying to achieve idealistic server. > Used previous version and got stumbled upon many problems, and I was used to Ubuntu out-of-the-box-make-my-life-easy scripts. This about what I did; a reminder
git When you’re testing but your develop branch seems off between master branch I had some weird thing working with git. While I was testing, my master branch seems to be off from the develop branch. I tested and development branch seems to
deployment Deploy Vue.js, ExpressJS, Bootstrap, LESS, Gulp, Browserify (2016) There are so many tools out there for deploying and building large scalable ready apps. And sometimes is a ‘simple’ website not enough. In this tutorial we're going to use HTML, CSS(LESS) and Javascript for frontend, backend and deployment. But server deployments is
linux Node init.d script example > Improved article: Generate init.d script for Node apps [https://blog.sylo.space/generate-init-d-script-for-node-apps/] Working example for Node app as a debian/ubuntu daemon. You need Node's forever module, installed as: -g > npm install -g forever file: themeoccurrenced.sh #!/bin/bash # # An init.d
deployment Installing Brew with Nginx and LUA brew install nginx-full --with-lua-module --with-set-misc-module Docroot is: /usr/local/var/www The default port has been set in /usr/local/etc/nginx/nginx.conf to 8080 so that nginx can run without sudo. nginx will load all files in /usr/local/etc/nginx/servers/
deployment My Front End Deployment on Fresh install MacBook Yosemite Installations * XCode * Brew * Gettext * NPM * NGINX * php * redis * mariadb * Go brew install go --with-cc-common * ForkLift * Browsers * Chrome * Firefox * SublimeText 3 * HTML5 * Emmet * Alignment * Bracket Highlighter * Syncthing (Dropbox Replacement) * Tower 2 * Sequel Pro * Node -g * express-generator * gulp * grunt-cli * bower * browserify * livereload * XChat Azure (IRC)