Browsed by
Category: JavaScript

Website Development – Front-end ?>

Website Development – Front-end

I’ve been working recently on what’s the basic / features used in most websites in 2015. Here is the list: Parallax Carousel Animate Smooth Scrolling Flat UI Design Nice & Clean Icons UI Framework JavaScript Library with their extensions Slider From all of features above can be achieve by using following plugins/extension/library: Carousel – Owl Carousel Parallax – Parallax.js Animate – Animate.css Smooth Scroll – see my post here Fontello – include Font Awesome, Fontellico, etc. Ui Framework – Bootstrap,…

Read More Read More

Y2016 ?>


Year 2016, InsyaAllah, next year to be a year of sharing knowledge of what I’ve learnt so far. Following are the trainings I would like to conduct: 1. Mobile Apps Development with jQuery Mobile 2. Mobile Apps Development with Intel XDK (incoming) 3. API Development with Slim Framework (incoming) 4. PHP Basic / Advanced 5. Web Development with CakePHP 3 (incoming) 6. Web Development with Laravel 5 (incoming) 7. Web Development with Yii Framework 2 (incoming) 8. WordPress for Developers…

Read More Read More

WordPress: Custom Post Type Slider ?>

WordPress: Custom Post Type Slider

Getting Light Slider Download Light Slider here. Then extract the content, copy the img, js and css in src directory into your WordPress Plugin folder. Include Light Slider JavaScript & CSS Add Some Padding to the item and set link to white Getting posts The View Part Final Part: initialize the Light Slider Result WordPress Post Slider available here

JavaScript: JSON ?>

JavaScript: JSON

JSON, number of references for beginners, shared by one of my student during training in INTIM, Kemaman. A Non-Programmer’s Introduction to JSON JSON Basics: What You Need to Know JSON: What It Is, How It Works, & How to Use It JSON Tutorial

Bootstrap Studio: Demos ?>

Bootstrap Studio: Demos

Bootstrap Studio, is a powerful web design tool for creating responsive websites using the Bootstrap framework. Here are some screen shots that I have when working with it. An awesome desktop application, recommended for frond-end developer, reducing time spent for front-end development. Here are some samples that I’m able to create with Bootstrap Studios. Hope you guys enjoy it. Source code available here Carousel (component available in BS 1.0.9) Simple Login Here are the summary from my experience using Bootstrap…

Read More Read More

Training: Web Mobile Application Development (Basic / Intermediate) – INTIM – August 2015 ?>

Training: Web Mobile Application Development (Basic / Intermediate) – INTIM – August 2015

Training:¬†Web Mobile Application Development (Basic / Intermediate) Location: INTAN Kampus Wilayah Timur (INTIM), Kemaman, Terengganu Date: 17th – 20th August 2015 Slide:¬† Training Materials: Web Mobile Application Starter Kit –¬† Basic Android Configuration –¬† API Template –¬† Important Articles: HTTP Methods for Restful Services – Android Configuration –¬† Chrome Device Mode –¬†