Showing posts from June, 2023

Creating Transparency Effects with CSS - Background RGBA and Backdrop-filter

Image web design What really the key to becoming a good front-end website developer is all about being creative and innovative. You have to learn from many other people's works and sometimes just out of nowhere you will find your own idea, web design is more art than technicality.  Drawing buttons on a web page is easy, but making the button engaging is difficult. How do you design a checkout button that makes the user want to click it so badly, that leads to sale?  Well, it is not just about buttons, many aspects of a website must be cool, innovative and engaging so that users are willing to spend more time to discover what the business offer and what the users need. One of the things that makes a website stand out is the transparency effects. Continue reading, I will tell you about how these effects changed the way users experience (UX) of a web page, and how to implement it. It all started when I wanted to make a website that would leave a lasting impression. I

How to make money by freelancing at Amazon Mechanical Turk (MTurk)

Quick answer: I don't know how. So this article is more about why are you getting rejected? Amazon Mechanical Turk (MTurk) is an online outsourcing marketplace, for individuals can apply to work online and get paid. For businesses to submit tasks that mainly focus on Human Intelligence Tasks (HITs), to be honest I don't actually know the details because I got rejected. Yes I was very curious, so a few days ago using my new Amazon account, I applied, then it needed three days for manual review or verification by Amazon staff. But I ended up getting rejected, but it’s okay, I'm just curious and want to try, it seems like not much money I can make there anyway. I don’t know what qualification of the approval process for MTurk, I don’t have any of my friends that are approved, I guess it is based on your IP location maybe, only specific applications from certain age or regions that are approved.  Well, after reading from their website:  Selecting eligible workers , finally I go

How to start an event driven microservice backend application using Spring Kafka

Have you ever started a project from the start and it became a very large Project?  As your application grows, the complexities to your code also grows. Even the once perfect, orderly project can turn into chaos because you constantly put more and more features, services and assets into the project, making maintenance a nightmare.  One of the solutions to prevent a growing application from becoming a mess is by separating your application into smaller microservices. Microservice is a contrast to monolithic architecture, rather than putting your feature into one giant codebase, in microservice you divide your project into smaller projects(microservice), and then each microservice has only one responsibility with a specific task or functionality. Here’s some feature what most application has that can be divided into microservices: 1. User authentication and user Management Make your authentication and authorization of your APIs into different services, usually this type of service called

Very Beginner Tutorial How to Develop Python Applications Using IntelliJ Community

This tutorial is intended for beginners trying to learn a programming language, or you are a programmer but have never used the code editor called Intellij before. IntelliJ is widely regarded as one of the best choices for developing web applications using Python. Whether you are a professional software developer or a beginner, IntelliJ offers a comprehensive and user-friendly Integrated Development Environment (IDE) that can greatly enhance your Python coding experience. In this tutorial, we will explore how to start writing your first Python program using IntelliJ Community Edition, which is the free version of IntelliJ. And hopefully as your skill level increases, you can develop much more complex projects using Python. Download Intellij community edition here - To get started writing your very first Python code in Intellij community, follow these steps: 1. Intellij is Java IDE, so to start Python programming you must Install the Python plugin.  2. To ins

Tips for a success software project: Enhancing features, innovation, and little bif of marketing strategy

Photo by ThisisEngineering RAEng on Unsplash Yesterday was one example of some of my unproductive days as I spent the entire day just sleeping. In the afternoon, I just felt that I lacked the energy to work, primarily due to my inability to control my time effectively. The constant stream of thoughts about work, side projects, and my blog prevented me from maintaining a regular sleep schedule.  I usually sleep very late. It’s become obvious that sleeping late has become a persistent challenge in my life, affecting my overall productivity and well-being. Recognizing the negative impact it has on my daily routine, I have made a solid decision to address this issue and regain control over my sleep patterns, but somehow it works sometimes it doesn't, I guess it’s just human nature. Balancing Side Projects with Full-Time Employment Despite being a full-time employee, I find myself with enough time to dedicate to side projects. However, currently, these day job projects I handle have be

Exploring the World of Web Development Part 5 - Spring and MySQL database

In today's digital age, data plays a crucial role in web applications. Storing and retrieving data efficiently is essential for the success of any web development project. One of the most popular and widely used databases for web applications is MySQL. In this article, we will explore how to configure Spring Boot with MySQL, learn how to save and retrieve data, and understand the process of altering and removing data. This tutorial is designed for beginners in web development, and it is recommended to continue using the code from the previous articles to build upon the existing Spring project. Configuring Spring Boot with MySQL To begin, let's ensure that our Spring project is configured to work with MySQL. If you haven't set up a local MySQL database yet, you can download the installer from and follow the installation steps. Once installed, set up your credentials, including a username and password, and create a new database for your application. If you want to

Motivation on becoming a successful web developer - want to create a future masterpiece in UX user experiences?

Photo by Alex Azabache on Unsplash Have you ever dreamt of becoming a successful web developer? Everyone does, I totally have! Being a web developer means you get to create awesome stuff on the internet that people will use and get amazed how the web fulfills their day to day life, helps alleviate people's life. It's like being a doctor providing treatment, cure the patient's illness, but with computers and coding! For me, becoming a web developer is as cool as being a doctor.  To make my life more fulfilling, I don't want to limit myself by just working for some Tech company. Nope! I have big dreams of starting my own Tech-giant company someday, specializing in Web user experience, meaning creating a better web experience for users. I want to be my own boss and create amazing products that people will love. But hey, I also know it's important to be happy along the way. So, I don't want to sacrifice my happiness in the moment just for some unknown future. It

What makes you happy? My strategies that make me always happy

In my journey to be happy, I've discovered that there are several factors that contribute to my overall well-being, all without the need for drugs or other substances.  1. Not worrying that you will lose your job One of the primary sources of my happiness lies in envisioning my future self. I feel an immense joy when I finally get hired in my current company that provides me with a stable career opportunity. The assurance of financial stability, with a steady income each month, removes any worries that I have about being unemployed in the future. This sense of security and never having to struggle for money brings me immense happiness. In the past, when I was working at a company that felt like it would never get anywhere, I was constantly worrying about my future, it diminishes my happiness. Moreover, if external factors like my wife or my kids constantly interrupt me with their problems while I'm trying to focus, it hampers my ability to feel content. Similarly, external prob

Exploring the World of Web Development Part 4 - Write Rest APIs

One of the main advantages of writing a back-end Application using Spring is that Spring has the ability to  make a dependency injection, make it modular and loose coupling, your code easily reusable and can be shared across different components or modules. Each class in Spring is called a component that promotes the Single Responsibility Principle. Each component in spring can be any type of Configuration, Controller, Model, Service, Repository, etc. A. Step by step develop Rest API using Spring Without further ado, we are now trying to develop our own first API, to supply a list of products and handle a contact form validation and storing the contact data, and then displaying the list of user submitted feedback. At this moment we are not gonna store any of the data in a Database server, we will store the data in Memory. We will learn about SQL database integration using Spring in the next tutorial. First thing to do to create your Spring skeleton, you can download the Spring project

Exploring the World of Web Development Part 3 - Manipulating HTML Using Javascript

Basically an HTML is the face of any web page, it is very static, meaning it doesn’t know how to handle user input, it doesn’t have enough facility to manipulate the interface of a web page. You can only use something like Hyperlink to navigate from one page to another. HTML can not store any user input data without using another help, to help HTML manipulating a web page data or interface we use Javascript. JavaScript allows you to dynamically change the content and styling of your web pages. JavaScript is a powerful tool that can be used to change Document Object Model (DOM). DOM is a representation of the HTML structure of a web page. For example “<div>The Content</div>” is an example of DOM, basically any part of HTML is A DOM. What a JavaScript codes can do to your HTML pages: Web Page Dynamic content / DOM manipulation JavaScript capability can make any update to the content of HTML elements dynamically. For example, you can append, remove or alter the text inside a &

Exploring the World of Web Development Part 2 - Styling your page using CSS

Web email HTML and CSS template In the last chapter you are creating a perfect beautiful layout for your first web page using HTML and CSS. I hope that you really learn a lot about how HTML works, you start to begin recognizing the structure of HTML and remember some basic HTML tags. This chapter is talking about CSS, you will learn step by step creating a CSS style and understand some of the CSS properties and attributes. Here's a step-by-step guide to creating a `style.css` file for your project: To begin with styling any HTML page, you can create a separated file with file extension dot CSS. Create a new file called `style.css` in your project directory. And then place it in the same directory as your HTML files, then in your HTML file, you call the CSS using <link> tag inside the <head>. So for sort your calling your CSS like this: Open the `style.css` file in a text editor or an integrated development environment, in the previous article I recommended you to use

A Step-by-Step Guide to Creating a Logo with Namecheap Logo Maker

I have been using Namecheap Logo Maker for a while, it is a versatile, free and user-friendly tool that allows you to create unique and professional logos. With the online version, you don’t need any graphic design installed on the computer, you don’t even need any skills on logo design. For me, out of many free logo makers I found online, Namecheap Logo Maker is better because it is really free, you just have to create a Namecheap account to download the logo. Namecheap Logo Maker is free, unlike other tools, you need to pay for it, before you can download your logo. Here’s step by step creating logo using Namecheap logo maker: 1. Visit the Namecheap log maker website at: Start by entering your logo name, can be company or brand name. This will serve as the basis for your logo design. 2. There are 6 steps to pick your Favorite Fonts. Namecheap Logo Maker offers many different fonts, you have to follow the 6 different steps of selectin

Exploring the World of Web Development - Get Started

Motivation to be a web developer Web development is the easiest type of software development, for many people it's like the entry level before you deep dive into various advanced types of software development. Building a website is absolutely 10 times easier if you already have experience and expertise in, than developing embedded systems to work with external devices. Because building websites is basically just how to put pictures on the web and how to handle user input and mouse click. But it is still not gonna be that easy if you are still a newcomer and wanna be a developer. Trying to just implement a single feature is already a frustrating  task. One major factor is the lack of understanding of the flow of a web development, you just do not yet understand what is the right thing to do this or to do that, you may not even know the term of the specific task you are facing, or not even know the tools to solve the problem. It's just a matter of time, after a while you will be

Exploring Some of Marketplaces for Web Development, Template and Design

Wrapbootstrap list of items So, I have been doing web development and design for a while, and usually the most frustrating thing about web development is the designing part because it is not logical work, it's objectivity. The design will look good or not depending from person to person. So instead of wasting time on tuning the looks and the feel of a website, I usually just search for an already existing template from the internet, whether using the free version or the paid version. There’s so many online marketplaces, offering different types of digital assets and resources. But here are some of the best platforms that I used to find the templates for my website for my client. With their unique key PROs about their services as per my experience to explore those platforms. 1. CodeCanyon ( ) Wide range of products you can filter based on your need Codecanyon maintains a certain level of quality and ensures that the items meet specific standards The t

Popular posts from this blog

SQL Substring Not Start From 0

ERROR 1348 Column Password Is Not Updatable When Updating MySQL Root Password

How To Connect SSH Using PEM Certificate On Windows

How To Create Spring Boot Project Using Netbeans

Intellij Error: Spring class file has wrong version 61.0, should be 55.0