Typography: The Anatomy of a Letter

The more we communicate, the closer we become. Typography inspires us by reminding the world of a simpler time without connection. As designers and artists, we can carry that fascination into our work by studying the makeup of letters. If you prefer video tutorials, you can start with the basics of typography anatomy with this… Continue reading Typography: The Anatomy of a Letter

Introduction to Forms in Angular: Template-Driven Forms

Forms are critical to any modern front-end application, and they’re a feature that we use every day, even if don’t realize it. Forms are required for securely logging in a user to the app, searching for all the available hotels in a particular city, booking a cab, building a to-do list, and doing tons of… Continue reading Introduction to Forms in Angular: Template-Driven Forms

Beginner’s Guide to Angular: Services

Hello there! I hope you’ve followed along with our tutorials on Angular components and routing. In this post, we’ll go on to another interesting concept in Angular: services. Angular Beginner’s Guide to Angular: Components Divya Dev Angular Beginner’s Guide to Angular: Routing Divya Dev If Angular components are the presentation layer of our application, what… Continue reading Beginner’s Guide to Angular: Services

Beginner’s Guide to Angular: Components

Building single-page applications is an art, with many impressive frameworks to choose from. One of the most intuitive and widely used frameworks for building both web and mobile applications is Angular. Today, Angular 10 is out, and there are many impressive features. However, you need to master components before you dig deep.  First Things First:… Continue reading Beginner’s Guide to Angular: Components

Bulk Import a CSV File Into MongoDB Using Mongoose With Node.js

This topic is a really enjoyable one for me. It’s quite common in many web applications to accept user input and save a single record to your database. But what about when your users (or you) want to perform multiple inserts in a single command? In this article, we will demonstrate how to create a… Continue reading Bulk Import a CSV File Into MongoDB Using Mongoose With Node.js

Which Metric Should You Use to Measure Customer Satisfaction?

The “Net Promoter Score” and the “Customer Effort Score” are two ways of measuring customer satisfaction. Let’s look at the similarities and differences. In UX design, metrics are used to measure how something is performing, and the “Net Promoter Score” (NPS)  is recognised as being the gold standard of measuring satisfaction. Satisfaction may be a fairly… Continue reading Which Metric Should You Use to Measure Customer Satisfaction?

Kotlin From Scratch: Packages and Basic Functions

Kotlin is a modern programming language that compiles to Java bytecode. It is free and open source, and promises to make coding for Android even more fun.  In the previous article, you learned about ranges and collections in Kotlin. In this tutorial, we’ll continue to learn the language by looking at how to organize code using… Continue reading Kotlin From Scratch: Packages and Basic Functions

TypeScript for Beginners, Part 2: Basic Data Types

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} After reading the introductory TypeScript tutorial, you should now be able to write your own TypeScript code in an IDE that supports it and then compile it to JavaScript. In this tutorial, you will learn about different kinds of data types available in TypeScript. JavaScript has seven… Continue reading TypeScript for Beginners, Part 2: Basic Data Types

Learn to Code With JavaScript: Part 1, The Basics

Installation and Setup First, we will set up our development environment so that we can run our code on our own computer. Alternatively, you can test code examples in an online editor like OneCompiler. The easiest way to do so would be to use your web browser. This is especially true if you have no… Continue reading Learn to Code With JavaScript: Part 1, The Basics

13 Best HTML5 Game Templates of 2023 With Source Code

HTML5 game templates come with ready-to-use designs and functionality. All the time-consuming programming has already been done for you, so you can focus on designing games that are fun to play.  Top-Selling HTML5 Game Templates for 2023 on CodeCanyon Grab one of these HTML5 game templates or engines. Whether you already have a game concept… Continue reading 13 Best HTML5 Game Templates of 2023 With Source Code

How to Create a Split-Screen Slider With JavaScript

In today’s video tutorial I’m going to show you how to create a “split-screen” slider element (or UI, whatever you prefer to call it) using JavaScript. Inspiration for this came from a page on the Corsair website; let’s see how we can build one for our own projects. What We’re Going to Build Let’s first… Continue reading How to Create a Split-Screen Slider With JavaScript

The 5 Best IDEs for WordPress Development (And Why)

I’ve been developing with WordPress for around ten years now and, during that time, have used my fair share of Integrated Development Environments (IDEs). There’s certainly no shortage of choice these days, with literally dozens of different editors/IDEs available. (We’ll come to the distinction between an IDE and an editor shortly.) Some IDEs are free,… Continue reading The 5 Best IDEs for WordPress Development (And Why)

Extending HTML by Creating Custom Tags

In this tutorial I will show you how easy it is to extend the HTML language with custom tags. The custom tags can be used to implement various behaviors, so they are a very convenient way to write less code and keep your HTML documents simpler. What Is a Custom HTML Tag? With HTML you… Continue reading Extending HTML by Creating Custom Tags

How to Draw Bar Charts Using JavaScript and HTML5 Canvas

In an earlier tutorial we covered how to draw a pie chart or doughnut chart using HTML5 canvas. In this tutorial I will show you how to use JavaScript and the HTML5 canvas as a means to graphically display data by using bar charts. There are easier ways to create charts than coding one from… Continue reading How to Draw Bar Charts Using JavaScript and HTML5 Canvas

20 Professional (HTML + PSD) Email Signature Templates

How does your email signature look right now? Is it basic—or is it beautiful? Try using PSD and HTML email signature templates for a more eye-catching signature. Professional Email Signature Templates: one of the best email signatures that are trending in 2024. Your email signature is part of your personal business branding, so it needs… Continue reading 20 Professional (HTML + PSD) Email Signature Templates

Get Started With Firebase for Android

Mobile applications need a back-end server in order to perform tasks such as authenticating users and synchronizing user data across multiple devices. Creating such a server, however, requires a skill set that most independent app developers lack. Fortunately, there are several back-end as a service platforms, often called BaaS, you can use today. Google’s Firebase… Continue reading Get Started With Firebase for Android

Rapid, Interactive Prototyping With Xcode Playgrounds

What You’ll Be Creating Introduction Since their introduction in Xcode 6 alongside Swift, to their current iteration in Xcode 7.3.1, playgrounds have come a long way. With new features and better stability, they are evolving into a viable tool for rapid prototyping or quickly hacking together a proof of concept. As a developer, sometimes you have… Continue reading Rapid, Interactive Prototyping With Xcode Playgrounds

WWDC 2016 Aftermath

Earlier this week, Apple officially kicked off their annual WWDC (Worldwide Developers Conference) event in San Francisco. As always, the event began with a keynote during which Apple announced updates for their iOS, macOS, watchOS, and tvOS platforms. In this article, I’ll tell you everything you need to remember from the keynote. 1. iOS 10 This… Continue reading WWDC 2016 Aftermath

New Coffee Break Course on CSS Keyframe Animations

CSS keyframe animations offer designers a powerful way to create animations in the browser without having to rely on external plugins or extensive programming.  If you’re not sure how to use them, our new Coffee Break Course, Up and Running With CSS Keyframe Animations, is the place to start. In just ten minutes, Envato Tuts+ instructor… Continue reading New Coffee Break Course on CSS Keyframe Animations

A Comprehensive Guide to Typography Basics

If you’re learning web design from zero and want to significantly improve your typography chops, then this article is written for you. We will cover typefaces, fonts, typographic anatomy, hierarchy and how to choose typefaces. You will learn enough to become dangerous in no time. Topics As is usual for these comprehensive guides, we’ll be… Continue reading A Comprehensive Guide to Typography Basics

How to Create a Realistic Creased Text Effect Using the Displace Filter

What You’ll Be Creating Adding text to a dynamic background can be a bit tricky, as it usually ends up looking flat and fake. This tutorial will show you how to use the Displace filter to apply the text to a dynamic surface correctly, and make it conform to that surface to get a more… Continue reading How to Create a Realistic Creased Text Effect Using the Displace Filter