There are some friends who asked me how I did this "back to top" feature of our blog. For a live demo, try to scroll down this page, you will see an "up arrow" image on the lower right corner. When you click it, it will get you to the top of this page.
Code of a Ninja Scroll Page To Top
For me this is another cool feature for any website that make use of long vertical scroll bar. The user
↧
Scroll Page to Top Using jQuery
↧
Simple PHP Pagination Script to Handle Your Growing Data
Navigate Contents:
1.0 Introduction
2.0 Video Demo
3.0 Pagination in 5 Easy Steps
3.1 Retrieving the Records
3.2 First and Previous Page
3.3 Number Page Buttons
3.4 Next and Last Page Buttons
3.5 User Input Page Number
4.0 Complete Code
5.0 Live Demo and Code Download
1.0 Introduction
PHP Pagination is another very important feature when building any web application. When
↧
↧
3 Steps to Install WAMP on Windows
Navigate Contents:
1.0 Introduction
2.0 Installing Wamp Server in 3 Steps
2.1 Download the Installer Files (Step 1)
2.2 Run the Installer Files (Step 2)
2.3 Verfify If WAMP Was Installed (Step 3)
3.0 Services
1.0 Introduction
Installing WAMP server on your machine is usually the first step to start your PHP programming. There's someone who pointed that out to me, he sent me a
↧
Beautiful Android Apps in the Android Gallery, a Beta Release
Hi friends, I think it is time to release a beta version of this website we made called "Android Gallery".
Android Gallery Website (Beta)
About Android Gallery
Android Gallery is a collection of beautifully designed Android apps and games which can be a user interface design inspiration for Android app developers like me. Non-developers can also benefit from this website, they can be
↧
CSS3 Rotate Image On Hover
Have you seen our logo on the upper left corner? Try to hover on it, it will rotate 360 degrees. Looks cool? In this quick post, I'm going to show you how I did that using CSS3.
CSS:
#linkWrapRotator img {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
}
#linkWrapRotator
↧
↧
How To Create MySQL Database With PhpMyAdmin
Create MySQL database with PhpMyAdmin in few minutes or even seconds! This is a quick post about how to do such task. I assume you are using a localhost, but you can also use these tips if you are using a real server.
If you don't have a server installed in your local machine, you can check out this simple guide I made: 3 Steps to Install WAMP on Windows
So after installing WAMP, follow this
↧
How To Create Table With PhpMyAdmin
A quick post here guys, for those who want to create new MySQL table with PhpMyAdmin. After you create a database, you would want to create new tables where your data will be properly stored.
Before doing this, you must have your server running and already created a database.
1. Go to your database
2. Click "Structure" tab
3. Find the "Create table" section
4. On the "name" textbox, enter your
↧
How To Use CakePHP Framework, A Getting Started Guide!
1.0 Introduction
Using CakePHP Framework is one of my most favorite things to do. This is the first PHP framework I worked with, and until now, I'm still delighted by it. Now it is time for me to share my knowledge in CakePHP web development.
I think you are here because you already know what CakePHP is, but for those who has no idea yet, and don't want to read more on CakePHP.org, here's a
↧
Creating Social Media Icons for Your Website using CSS
In almost every website we see today, there are links to their social media accounts. I think it is a standard now. It's like, you're not cool if you don't have a Facebook and Twitter account!
Recently, I was using Google drive to host my CSS and image files. Now, I removed it. Why?
Because Google drive slows down my website! During the use of Google drive hosted CSS and images, the average
↧
↧
jQuery: Sum TextBox Values As You Type
A friend asked me how to sum all TextBox value as he type the numbers? Here's a quick answer to that: give all your TextBoxes a class name and use the jQuery 'keyup()' and 'each()' methods to compute the sum.
HTML - a table where the product name and price TextBox is found.
| Product Name | Price |
| MOBILE POWER |
↧
CakePHP Classes and Naming Conventions
1.0 Introduction
After installing CakePHP on your server, we now have to learn how to create CakePHP classes and its naming conventions. CakePHP uses Model–view–controller (MVC) software architecture which is really great. If you have no idea what MVC is, I think Wikipedia can give you a great overview. Also, you're going to get the hang of it in this post.
2.0 Creating CakePHP MVC Files
In
↧
CakePHP Pagination Tutorial: Helper, Conditions, Limit, Sorting and More!
1.0 Introduction
CakePHP Pagination is one of the fastest thing you can code with this amazing framework. In this post I'm gonna show you how you can create a pagination script in matter of few minutes, or even seconds! Cool? Let's get started.
This post is part of my CakePHP tutorial series, before you proceed to this, make sure you already installed your CakePHP poperly, know the CakePHP
↧
Scalable and Rapid Application Development Using Grails
Hi guys! Today we have a guest post from Boni Satani, you can find more about him at the end of this post, please read below!
Shorter time to market web application signifies being ahead of the competition. There are many factors that can contribute in shortening the lead time right from application conceptualization to implementation by increasing developer’s productivity which is the byproduct
↧
↧
12 Animated Logo Made with HTML and CSS Only
I'm still amazed by these people creating and coding logos using the HTML and CSS technology only, I was like, look Ma, no Images and JavaScript! So here are some of those amazing animated logos that I recently found on the web. Click the title of each items below to view its code and live demo!
1. Optical Spinner
2. Alien Bot
3. Tape Recorder
4. Jarvis
5. Snow Pyramid
6.
↧
12+ Android Programming Tutorial Blogs and Resources
Here are some of the Android programming tutorial blogs or android code resources that you may also find very useful when starting your Android programming journey. Posts in these blogs ranges from basic to advanced programming, some includes tips and tricks with eclipse or android game programming, so just pick what suits you.
The blogs below does not include the top code resources like
↧
Android Table Scroll with Fixed Header and Column
Here's a sample code I used when I was tasked to make an Android scroll-able table with static header and column. Please note that this code is not yet fully optimized but it can help you have an idea on how this functionality was coded.
Video Demo
Code Download
TableFreezePane.zip
Code Basis
In order to be successful at something, you have to first visualize it. So here's a
↧
Android Date Picker Example App
I have a friend who often asks: "What day of the week is [insert date here]?" So I decided to create a simple app for him to easily know what day of the week is a certain date. After I made this simple app, I also find it fun to use, haha! Now I know what day of the week I was born, it was Monday (July 30, 1990)!
Video Demo
Here's the final output of our code for today.
Live Demo
In
↧
↧
Android Notification with Sound and Icon Tutorial
My app needed a simple Android notification with sound and icon. So here's the code I used to make that happen. I know that there are many other types of notification in Android, but this time, I just want to show you a very simple code that can be a solution to your problem too!
I will probably create a series of blog posts regarding Android notifications, and make it like a cheat sheet for all
↧
Introducing The Code Of A Ninja's Android App (Beta)
Introducing our favorite programming blog's android app! For the past few days, I have some spare time to code this. Now you guys can browse our blog instantly in your Android phone or tablet. To download this free app, go to your Google Play store and then search using the keywords "code blog by mike dalisay", you can see our app on the search result.
I think the first advantage of having a
↧
Working with Geolocation watchPosition() API
I'm going to share a working navigator.geolocation.watchPosition() code I used when I wanted the user to know his current location in real time (while he is walking or riding a vehicle) using his Android device or any device with a browser that supports the Geolocation API.
Today's code running in my tablet.
Live Demo
Recommended to use a mobile device, you must allow it to get your
↧