Where to Put JavaScript Codes?
Most often, JavaScript is placed between the <head> and </head> section. However, that may not…
0 Comments
How to Disable WordPress Auto Wrap Function ‘wpautp’
Update: the current version of WordPress has rendered these methods ineffective. I'll update this post…
0 Comments
Use CSS Override to Modify WordPress 2016 Theme
August 28th, 2020 update Modifications: 1. Move search bar to top right Edit header.php: Dashboard…
0 Comments
JavaScript: Build a Tic Tac Toe Game (without AI)
Demo: https://blog.kimconnect.com/wp-content/projects/ticTacToeGame.html CSS Code: @import url('https://fonts.googleapis.com/css?family=Merienda');body{ font-family: 'Merienda', cursive; font-weight: bold;}#gameBoard { width: 396px; //…
0 Comments
JavaScript: Wikipedia Viewer
Demo: Wikipedia Viewer HTML Code: <body><div class="container"> <h1>Wikipedia Search</h1> <p>A Free Code Camp Intermediate Project</p><br/>…
0 Comments
JavaScript: Build a Tribute Page
Demo: https:// codepen.io/dragoncoin/pen/EZJxYY HTML Code: <html><head> <body> <img src="http://www.animationxpress.com/wp-content/uploads/2015/10/Mahatma-Gandhi.jpg"> <h1>Mahatma Gandhi</h1> <div class="hidden"> <h2>"You must…
0 Comments
JavaScript: Use the TwitchTV JSON API
Demo: https:// codepen.io/dragoncoin/pen/Zebwvq HTML Code: <div class="container"> <div class="row" id="header"> <h1>Selected Twitch Streamers</h1> <div class="menu">…
0 Comments
JavaScript: Show the Local Weather
Demo: https://blog.kimconnect.com/wp-content/projects/showLocalWeather.html HTML Code: <html><body><h3 class="text-center">A Free Code Camp JavaScript Intermediate Level Project</h3><div class="container"><div class="text-center">…
0 Comments
Build a JavaScript Calculator
Demo: https://blog.kimconnect.com/wp-content/projects/calculator.html HTML Code: <link href='//fonts.googleapis.com/css?family=Bungee' rel='stylesheet'><div class='container'> <div id='calculator'> <!-- TITLE --> <div id='title'…
0 Comments
JavaScript: Pomodoro Clock
Demo: Pomodoro Clock HTML Code: <body> <div class="header"> <h1>Pomodoro Timer</h1> <h2>A Free Code Camp Student…
0 Comments
JavaScript: Random Quote Generator
Demo Link: https://blog.kimconnect.com/wp-content/projects/randomQuoteGenerator.html HTML code: <body> <div class="container fluid"> <div> <div class="text-center"> <h1> Random Quote…
0 Comments