Categories
CSS HTML/CSS JavaScript Programming

WordPress VS React – What I learned from my first day with React

It was 3 years ago that I worked with people who used React for the first time. After that, I had many chances to get in contact with React. But I haven’t really write frontend using React until today.

I am quite amazed with the React ecosystem and would like to share my comparison here.

Categories
HTML/CSS Programming WordPress WordPress Themes

[Google Map] Web Link to show direction from user’s current location

Nowadays Google Maps can show direction from user’s current location to any specified place easily. Here is how to accomplish that in link on the web (<a>)

Categories
HTML/CSS PHP Programming WordPress WordPress Themes

[Social Share] How to add Share on LINE button

LINE is not only the top messaging app in Thailand, LINE users also share interesting links to each other just like Facebook. Web developers have to find a way to let them share links on the website easily.

Categories
HTML/CSS Programming

[Solution] How to fix Thai Google Fonts not working

Recently, Thai Google Fonts are becoming popular due to how easy it is to implement and the outstanding designs by CadsonDemak.

Categories
HTML/CSS Programming WordPress WordPress Themes

Adding 100% Fluid Width Facebook Comment

It’s painful to realize that one of the biggest Social Network in the world doesn’t allow fluid width comment box.

Categories
HTML/CSS Programming WordPress WordPress Themes

[Tutorial] Add CSS-only Dropdown Menu in WordPress Theme from scratch

Sometimes HTML version of the theme doesn’t come with dropdown menu in menu bar, here is a simple way to add dropdown menu to your HTML:

Categories
HTML/CSS JavaScript Programming WordPress WordPress Themes

[Foundation 6 & WordPress] SyntaxError: class is a reserved identifier class

I got this error when trying to use foundation 6’s JavaScript from Essential pack (downloaded from here: http://foundation.zurb.com/sites/download.html/)

Categories
HTML/CSS Programming

[Bootstrap] How to use Font Awesome in form submit button

(Tested in Font Awesome with Bootstrap 4)

I usually use Font Awesome as a fa-* class in <i> tag, but little did I know that it is possible to use Font Awesome in <input> tag.