Web Development – Altometa

Fireflies Animation with Background Music using JavaScript and jQuery

al2meta — Fri, 12 Apr 2019 21:06:26 +0000

This is a JavaScript animation where it shows a background of a picnic area in the woods, surrounded by glowing fireflies. The code was originally wrote by Andrew Reifman. I further develop the code and added a background music that reflects the environment, then a fade in and a fade out effect. The code is …

Continue reading "Fireflies Animation with Background Music using JavaScript and jQuery"

Image Slider with Sliding Animation in HTML and CSS only

al2meta — Sun, 31 Mar 2019 06:25:30 +0000

This is a demonstration of an Image Slider/Carousel written in HTML and CSS only. No Javascript needed! The slider has a sliding animation, where images slide from left and right. The tutorial can be found here. I kind of only replicated Clever Techie’s code and change some parts, but I think I now understand how …

Continue reading "Image Slider with Sliding Animation in HTML and CSS only"

Image Slider/Carousel with Fade Effects

al2meta — Wed, 27 Mar 2019 07:45:34 +0000

Almost all educational resources can now be found in the Internet. Thanks to the people who shared their knowledge with everybody. Kudos to all of them. I have to admit that I didn’t knew how to make an image slideshow/carousel by myself, not without the help of W3Schools, using their tutorial here. Thanks to that …

Continue reading "Image Slider/Carousel with Fade Effects"

Enlarge Objects when clicked Javascript Demo

al2meta — Sat, 23 Mar 2019 22:51:43 +0000

Javascript can do a lot of things on your web page, and while PHP deals most of the server-side jobs, Javascript do the front-end client-side tasks. One of its capabilities is manipulating DOM elements. DOM, for those who don’t know what it means, stands for Document Object Model. According to W3C (World Wide Web Consortium), …

Continue reading "Enlarge Objects when clicked Javascript Demo"

Snow Effect in Javascript

al2meta — Thu, 21 Mar 2019 07:06:19 +0000

This Javascript creates a snowfall effect on a web page. Thanks to VerkkoNet for his tutorial video. OK, I won’t deny it, I copy pasted a little, but that is only because I don’t know what functions to call. I somehow needed an idea. But now that I know the functions, I’m finally beginning to …

Continue reading "Snow Effect in Javascript"

Super Mario RPG Mario Punching Animation in Javascript

al2meta — Sun, 17 Mar 2019 06:34:00 +0000

This is an attempt to replicate a battle animation in Super Mario RPG wherein Mario punches an enemy. Our setting here is the Sunken Ship, and he’s facing an adversary not normally present in the game — Bandana Green. As you know, Bandana sharks can be repalettize to change their colors, which makes up the …

Continue reading "Super Mario RPG Mario Punching Animation in Javascript"

Typewriter Javascript Animation

al2meta — Mon, 04 Mar 2019 08:14:25 +0000

This is a simple Javascript code that demonstrates an example of a DOM manipulation wherein we can make our webpage display a text animation that resembles a Typewriter. For this animation to look a lot better, we also use a 1942 custom font to mimic an old typewriter font. In addition, we added a background …

Continue reading "Typewriter Javascript Animation"

A simple image gallery using class and objects

al2meta — Tue, 19 Feb 2019 08:40:26 +0000

For several months I’ve been coding the hard way. When I say the hard way, I mean using the Procedural Programming Paradigm where I wrote tons of code spanning over 1000 lines. Take for example this project. Now, I may be a noob when it comes to other developers but trust me, if you are …

Continue reading "A simple image gallery using class and objects"

Random Background Color with Javascript

al2meta — Thu, 07 Feb 2019 07:33:54 +0000

It’s been a long while since I started studying coding again, though I did learn more while working on an Inventory System CMS for Appliances Connection. This time around it’s no longer just about PHP. I added a new subject to my self-study curriculum — Javascript. Thanks to YouTuber mmtuts, he made learning Javascript a …

Continue reading "Random Background Color with Javascript"

File Unzipper

al2meta — Mon, 22 Oct 2018 06:38:15 +0000

One of the PHP scripts I wrote that was actually put to actual use was the File Unzipper. As the word, it unzips zip files using PHP. Modern Windows operating systems has built-in functionality that allows you to unzip zip files. Back in the past, you have to use an application such as WinZip or …

Continue reading "File Unzipper"

Auto Fetch File from FTP Server

al2meta — Wed, 03 Oct 2018 03:32:30 +0000

It’s been 3 months since I started studying PHP, now it’s time to put what I learned into application. Just recently, I got drafted into the Junior Developer position in a company I am currently contracted to work on. As a Junior Developer, I am but a novice to the team, and thus, yet to …

Continue reading "Auto Fetch File from FTP Server"

Scientific Calculator in PHP

al2meta — Sun, 26 Aug 2018 02:54:21 +0000

This is a Scientific Calculator written in PHP. It has some of the functions of a standard Scientific Calculator like the Pi (π), Exponents, Square Root, Sine, Cosine, Tangent, Arc Sine, Arc Cosine, Arc Tangent, Logarithm, Natural Logarithm (ln), Factorial (n!), the basic arithmetic operations found in a Standard Calculator – Addition (+), Subtraction (-), …

Continue reading "Scientific Calculator in PHP"

Search and Signup PHP Files

al2meta — Sun, 19 Aug 2018 18:45:07 +0000

These are simple search and signup PHP files that I made using mmtuts tutorials on using PHP to interact with MySQL database. They are made of several components (PHP files) that link to one another. This also requires you to have a MySQL database in order to work. I packed it in a zip file …

Continue reading "Search and Signup PHP Files"

Multiplication Table

al2meta — Sun, 24 Jun 2018 07:55:26 +0000

This Multiplication Table was created in PHP using new PHP commands namely, the complex “for” loop, and an increment operator that works like addition, but works in a way that it adds itself. For example we have a value of 1, if we increment the number, it would be 1+1, which is equals to 2. …

Continue reading "Multiplication Table"

Planets in the Solar System (PHP Project)

al2meta — Sat, 23 Jun 2018 03:11:02 +0000

Planets in the Solar System is a small PHP project that demonstrates the use of an array function and array variables. In this project, we made use of a WHILE loop, LIST language construct, and EACH function to produce a page that displays each planet in the Solar System along with a description of it …

Continue reading "Planets in the Solar System (PHP Project)"

Background and Text Color Switch

al2meta — Mon, 18 Jun 2018 05:27:23 +0000

Last time I posted a small project written in PHP about a Background and Text Color Switcher. It wasn’t working right at that time as you can see, we were having some trouble keeping the values of the variables that keep the color changes stay. We have to keep it so that on next page …

Continue reading "Background and Text Color Switch"

IV Drip Rate Calculator (Expanded Version)

al2meta — Sun, 10 Jun 2018 23:57:14 +0000

IV Drip Rate Calculator (Expanded) is an expanded version of the IV Drip Rate Calculator that I started working on May 30th and completed on June 5th 2018. While the first version has more calculators, this one is designed specifically for calculating the Drip Rate. It now has radio buttons that allow users to automatically …

Continue reading "IV Drip Rate Calculator (Expanded Version)"

IV Drip Rate Calculator

al2meta — Tue, 05 Jun 2018 04:51:48 +0000

This is a PHP file that I made that is compose of three types of calculators, specifically designed for calculating Intravenous (IV) Fluid infusion-related equations. One calculator is designed to get the amount of IV Fluid to infuse each hour. The second is designed to get the Drip Rate, while the final calculator is for …

Continue reading "IV Drip Rate Calculator"