DEV Community: Artiom

Made CPS test just for fun

Artiom — Sun, 14 Jul 2024 15:55:52 +0000

You can check it here and give your feedback and ideas to improve :)
https://cps-tests.com

I made simple binary translator support binary, text, hex, octal, decimal

Artiom — Wed, 10 Jul 2024 09:30:30 +0000

Would like to hear your feedback: https://binarytranslate.com

How to Build a Morse Code Translator with Player in Python

Artiom — Tue, 30 Jan 2024 09:29:00 +0000

Morse code, a classic method of encoding text into sequences of dots and dashes, has been a cornerstone in the world of communication. While it's less common today, learning Morse code can be an exciting challenge, especially if you're interested in amateur radio or historical communication methods. To get a hands-on feel for Morse code, check out an online Morse code tool like convertmorse.com.

In this beginner-friendly tutorial, we'll walk through creating a Morse Code Translator and Player in Python. Let's dive in!

Step 1: Setting Up the Morse Code Dictionary

Our first task is to map each alphabet letter and number to its corresponding Morse code sequence. We use a Python dictionary to do this:

morse_code_dict = {
    "A": ".-", "B": "-...", "C": "-.-.",
    "D": "-..", "E": ".", "F": "..-.",
    "G": "--.", "H": "....", "I": "..",
    "J": ".---", "K": "-.-", "L": ".-..",
    "M": "--", "N": "-.", "O": "---",
    "P": ".--.", "Q": "--.-", "R": ".-.",
    "S": "...", "T": "-", "U": "..-",
    "V": "...-", "W": ".--", "X": "-..-",
    "Y": "-.--", "Z": "--..", " ": "/"
}

Step 2: Input the Message

Now, let's get the message from the user:

message = input("Type a message to translate into Morse code: ")

Step 3: Translating to Morse Code

The next step is translating each character of the message into Morse code. We'll iterate through the message and convert each character:

morse_message = " ".join(morse_code_dict[char] for char in message.upper())
print("Morse Code:", morse_message)

Step 4: Play the Morse Code

To make our translator more interactive, we'll add functionality to play the Morse code using sound. We use the winsound module for Windows users. For each dot, we play a short beep, and for each dash, a longer beep:

import winsound
import time

for char in morse_message:
    if char == ".":
        winsound.Beep(1000, 200)  # frequency, duration in ms
    elif char == "-":
        winsound.Beep(1000, 600)
    elif char == " ":
        time.sleep(0.5)  # pause for space
    time.sleep(0.2)  # short pause between each signal

Complete Program

Putting all these steps together, you have a simple Morse code translator and player in Python:

# Complete program here combining all the above steps
import time
import winsound

# Morse Code Dictionary
morse_code_dict = {
    "A": ".-", "B": "-...", "C": "-.-.",
    "D": "-..", "E": ".", "F": "..-.",
    "G": "--.", "H": "....", "I": "..",
    "J": ".---", "K": "-.-", "L": ".-..",
    "M": "--", "N": "-.", "O": "---",
    "P": ".--.", "Q": "--.-", "R": ".-.",
    "S": "...", "T": "-", "U": "..-",
    "V": "...-", "W": ".--", "X": "-..-",
    "Y": "-.--", "Z": "--..", " ": "/"
}

# Input Message
message = input("Type a message to translate into Morse code: ")

# Translate to Morse Code
morse_message = " ".join(morse_code_dict[char] for char in message.upper())
print("Morse Code:", morse_message)

# Play Morse Code
for char in morse_message:
    if char == ".":
        winsound.Beep(1000, 200)  # frequency, duration in ms for a dot
    elif char == "-":
        winsound.Beep(1000, 600)  # frequency, duration in ms for a dash
    elif char == " ":
        time.sleep(0.5)  # pause for space
    time.sleep(0.2)  # short pause between each signal

The Beginner’s Handbook to Enhancing Web Speed: A Focus on Image Optimization

Artiom — Fri, 20 Oct 2023 13:22:37 +0000

Introduction
Past Strategies for Site Speed
Image Optimization Techniques
- Scale Down and Compress
- Implement Lazy-Loading
- Specify Dimensions
- Utilize the <picture> Tag
Conclusion

Introduction

In the last twelve months, I've delved deep into the subject of web performance, particularly focusing on site speed. Guided by tools like Google Page Speed Insights and the newly-released Core Web Vitals, my quest was to not just improve search ranking but also to enhance the user experience by cutting down data load.

For newcomers to this field, the Web Performance course by Scott Jehl is an invaluable resource. It gives you a complete overview, from understanding metrics to practical tips on how to boost your site's performance.

Past Strategies for Site Speed

Previously, the emphasis was on reducing the total webpage size to improve speed, but this metric is increasingly seen as outdated. It doesn't truly capture the user's experience while browsing. The modern approach is to load elements only as they are needed, moving away from the older mindset of minimizing the overall elements loaded on a webpage.

Image Optimization Techniques

Below is a rundown of methods I've employed for optimizing images on websites. These techniques are drawn from both expert advice and my own hands-on experience. They are not only easy to apply but also serve as a solid foundation for overall site optimization.

Scale Down and Compress

It’s been a long-standing best practice to not upload oversized images, especially when they will be displayed as small thumbnails. It's a common mistake that I often encounter, where a small image takes an unusually long time to load because it's actually a larger file being scaled down. This wastes bandwidth and harms the user experience. To tackle this, I usually rely on two free tools for bulk image editing:

Bulk Resize Photos: Useful for resizing multiple images at once.
Image Optim: A Mac-only tool that offers more extensive compression options.

Implement Lazy-Loading

Lazy-loading is a feature that I've been eagerly waiting for. It allows the browser to postpone the loading of images until they actually come into the user's view. This is particularly useful for galleries located well below the viewport, as it prevents these images from negatively impacting metrics like LCP (Largest Contentful Paint).

Specify Dimensions

In the past, setting width and height attributes on images was the norm. This practice later fell out of favor but has recently made a comeback. It's now recommended to specify these dimensions to prevent CLS (Cumulative Layout Shift), as it gives the browser an idea of the image's size before it fully loads.

Utilize the `<picture>` Tag

The <picture> element allows you to use modern formats like WEBP, which are generally smaller in size compared to traditional JPGs or PNGs. This ensures that users get the best quality images with the least amount of data.

Conclusion

Improving web performance and site speed through image optimization can be challenging, especially when dealing with dynamic content and varying art directions. However, the methods outlined above offer a solid starting point. By implementing these techniques, you can take significant steps toward making your website more efficient and user-friendly.

For those interested in more advanced techniques, you can also visit thecharcounter.com for character counting tools that can help you further optimize your site's text content.