Here is the link to the complete code for the animated gradient ViewController.swift. To learn how it’s done, stick around.

Set Up the Gradient

Choose the colors

A gradient is a powerful effect. Choosing colors that look good together is essential to make it stand out. You may find color samples in uiGradients useful.

Define the Colors in Your Project

I use these three RGB colors in my gradient:

let color1: CGColor = UIColor(red: 209/255, green: 107/255, blue: 165/255, alpha: 1).cgColorlet color2: CGColor = UIColor(red: 134/255, green: 168/255, blue: 231/255, alpha: 1).cgColorlet color3: CGColor = UIColor(red: 95/255, green: 251/255, blue: 241/255, alpha: 1).cgColor

Create a Still Simple Gradient First

Let’s initialize an empty gradient layer to the…

CODEX

Structures and classes are important building blocks of your code. But what are the differences? Which one should I prefer?

The Short Answer

Structs and classes support properties, methods, subscripts, and initializers. They can be extended and both can conform to protocols.

Classes also have additional capabilities that structures don’t. These are inheritance, typecasting, deinitializers, and reference counting.

The main difference is that structures are value types whereas classes are reference types.

As a rule of thumb, prefer structs.

Use classes only when structures cannot do the job. For example, when you need inheritance, choose a class.

Reference Types

In Swift, classes are reference types…

I’ve collected a list of useful JavaScript tricks for you to make your code look more elegant and professional. I hope you enjoy it!

1. One-Liner If-Else

In JavaScript, you can use a ternary conditional operator to compress your if-else statements.

For instance:

Remember, this shorthand is meant to make the code cleaner. Use it only when it clearly makes the expression more understandable.

2. Null Coalescing

The null coalescing operator ?? returns the right-hand side if the left-hand side is null. Otherwise, it returns the value on the left. This is useful because it allows you to omit lengthy if-checks.

The syntax of null…

Learn the language of web development and web design that startups commonly use.

This article is a good primer for someone about to enter the world of web development, web design, and startups in general.

Agile Web Development

Agile is a common buzzword in the tech industry.

Agile web development is a term especially used in the startup world. In an agile team, web devs work according to sprints.

A sprint consists of five phases: design, develop, test, deploy and review.

Algorithm

An algorithm is a set of instructions for a computer to perform a task. …

In JavaScript, yield is used to pause the execution of a function. When the function is invoked again, the execution continues from the last yield statement.

A function that yields values is a generator. Here is an illustration of running a function vs. running a generator function:

A Python list is a common data type. It’s used to store elements, such as integers or strings. A list is a mutable collection. You can add, remove, and modify the elements of a list.

Here is an example of a list of numbers in Python:

numbers = [1,2,3,4,5]

How to Create a List in Python

In Python, you can create a list by comma separating elements inside square brackets.

For instance:

num_list = [1,2,3]word_list = ["cat", "car", "dog"]mixed_list = ["cat", 1, 2, "three"]

Notice how you can insert different types of items into the same list. …

Colors are everywhere. They can affect your mood. Green calms you down, and red fires you up.

Strategic brand colors lure you to buy products from a retailer. All this happens to you without even realizing it.

But what are the meanings of colors? What is color psychology? Why should you care about color meanings and color psychology?

What Is Color Psychology

Color psychology studies how colors affect human behavior.

Color psychology is a study that reveals how colors impact your everyday life and decisions.

Closures in JavaScript mean that an inner function has access to variables of the outer function. This also applies when the execution of the outer function has finished.

How Regular Functions Work in JavaScript

Let’s briefly see how a regular function works in JavaScript.

A JavaScript function creates a new scope. Variables defined inside that scope are not accessible from outside.

Here is an example function:

function hello() {
  const word = "Hello";
  console.log(word);
}hello();

Output:

Hello

When hello() is called, the code in between the curly braces runs. During that time, the function hello() can access and use its variable word.

Trying to access…