seen from Malaysia
seen from United States
seen from Brazil
seen from United States
seen from China
seen from Yemen
seen from China
seen from China
seen from Brazil
seen from Hong Kong SAR China
seen from Germany
seen from China
seen from Japan
seen from Malaysia
seen from Japan
seen from Australia
seen from Malaysia
seen from Canada
seen from China
seen from Malaysia
Package a Ruby Gem
Package a RubyĀ Gem
In this post, Iām going to package a Ruby cli app I built into a Ruby Gem. The app scrapes a list of beer currently available at a local Austin beer bar named Draught House from taplister.com and displays basic information for each beer, i.e. name, brewery, abv, etc., and thereās also an option for users to type in the name of a beer to get its style and description. The current tree structureā¦
View On WordPress
HTML5-Using iframe to embed Google Maps
HTML5-Using iframe to embed GoogleĀ Maps
In the past I have come across websites where I saw Google Maps being embedded on a webpage. I never put too much thoughts in it but always felt it was neat and would be a very helpful thing for small local businessesā websites.
Recently I watched a HTML5 tutorial by Flatiron school and learned that itās actually super easy to embed a Google map to your site. Depending on the level ofā¦
View On WordPress
Build My First Website: Use AngularJS to Refactor Code II
Build My First Website: Use AngularJS to Refactor CodeĀ II
Letās use directives to make the code better. The starting point of this blog is Build My First Website: Use AngularJS to Refactor Code.
First, create a folder named directives under the js folder:
Current content in body tag of index.html code:
<body ng-app="myApp"> Learn, Code, Grow
Welcome to learning.
Applications
View On WordPress
jQuery UI: Use Draggable and Droppable to Enhance Towers of Hanoi App
jQuery UI: Use Draggable and Droppable to Enhance Towers of HanoiĀ App
One of the apps I practicedĀ building lately is Towers of Hanoi (see its Wiki page here). For the first iteration I built the barebone logic and used only oneĀ click even listener on data-stacks. You can play the game here:Ā Towers of Hanoi.
Itās more intuitive for users to drag and drop the blocks than clicking. jQuery UI offers draggable and droppable interactions and I decided to use thoseā¦
View On WordPress
Tool Belt: Git I
Tool Belt: GitĀ I
As I promised in Git Introduction, this post is regarding Git commands that I use most frequently and find most helpful. Below list is to serve as much of a reminder for myself as it may be for you to look up a common Git command.
The list:
1. Initiate a Git repository in current directory.
git init
2. Add files for tracking, after this command, the selected files will become āstagedā
gitā¦
View On WordPress
Build My First Website: Make reusable HTML code using jQuery and Node.js
Build My First Website: Make reusable HTML code using jQuery andĀ Node.js
AfterĀ building the basic HTML and CSS structure of my siteās index.html page, I decided to make the navigation bar section commonĀ for all future pages. I donāt want to copy and paste the same code on each page of my site,Ā instead, I will take the code responsible for the navigation bar out of index.html file, save the code into a new file named header.html, and use some JavaScript power to loadā¦
View On WordPress
