Month: May 2024

  • ACS3

    ACS3

    ACS3 is a solar sail demonstration project that was launched in April, 2024. It is expected to be quite bright in the night sky.

  • Converting HEIC to PNG

    I discuss the problem of converting HEIC image files to PNG and explain two solutions: manual conversion and writing a Python program using Pillow-HEIF. I share my Python code and discuss the installation and features of the pillow-heif package.

  • addEventListener()

    The addEventListener() method allows you to add an event to an HTML element in JavaScript. Although the example used often shows this function being used to add a response of a ‘click’ event to a button, there is an easier way by using the ‘onclick’ property. This is the typical way to use a button:…

  • Server-side vs. client-side

    As you are learning HTML, JavaScript and CSS, you are going to realize that there are things that webpages do, that you can’t do with HTML, JS or CSS. At that point, it is time to understand the server-side vs. client-side of the web. All of the web development you have been doing so far,…

  • Writing more complex code

    When you first start learning to program, you are often motivated by a desire to create a specific program, like a game. But writing larger programs can be frustrating due to the number of errors and your lack of progress. I discuss how to develop you code step-by-step in order to achieve early success and…

  • If statements

    In JavaScript, if statements are written like this: This is one of the main ways that we use to get a program to make a decision based on input and do something different than it would otherwise do. When the program reaches the if statement, it will determine if the condition is true or false.…

  • Things we discussed

    troubleshooting properly controlling a function with a button setInterval Adjusting the look of a hyperlink inputting text arrays if statements writing more complex code server-side vs client-side addEventListener flex boxes

  • Running a JS function with an HTML button

    This short tutorial shows how to run a function written in JavaScript when a button is pressed. The Code How the code works The HTML code has three tags: The JavaScript code defines one function, called buttonClick. The function contains a single line of code, which is run when the button is pressed. The function…

  • Troubleshooting your webpage

    This code troubleshooting guide emphasizes the importance of clear formatting, comments, and variable names. It also highlights common HTML and JavaScript errors to watch out for and suggests using the browser console for error messages and variable value checks. Proper formatting and console usage can greatly facilitate code troubleshooting.

  • Adjusting the look of a hyperlink

    In HTML, a hyperlink is specified by the tag <a>. Here is an example: By default, the text in a hyperlink is blue and underlined. However, you can use CSS to change the appearance of a hyperlink. For example, This will change the text of the hyperlink be red (color) and to NOT be underlined…