Introduction to Ionic Framework: Combining HTML, CSS, and JavaScript

May 27, 2024
Ionic Framework
Comment off

The Ionic Framework has revolutionized mobile app development by seamlessly combining the power of HTML, CSS, and JavaScript. In this comprehensive guide, we will delve into the fundamentals of Ionic, exploring how these core web technologies are integrated to create robust and feature-rich applications. From understanding the basics of HTML, CSS, and JavaScript to building your first app with Ionic, this article will provide you with the essential knowledge and practical insights to kickstart your journey into the world of cross-platform development.

How To Style Figure and Image HTML Elements with CSS

October 4, 2023
Tutorials
Comment off

This tutorial will lead you through examples of image CSS styling for web pages, allowing you to make informed decisions about how images are displayed and altered to fit the context. You will create a web page consisting of content and three images. The first image will be loaded as an element on its own, the second will be wrapped in the

element with an appropriate

, and the third will use the

How To Add a Resume or Employment History Section To Your Website With CSS (Section 4)

May 30, 2023
Tutorials
Comment off

In this tutorial, you will recreate the “Employment” section of the demonstration website using HTML tables and CSS classes. The methods you learn here can be applied to other CSS/HTML website projects.

How To Scale and Crop Images with CSS object-fit

May 18, 2023
Tutorials
Comment off

Learn how to use CSS object-fit to scale, crop, and position images responsively without distorting aspect ratios, plus a comparison with background-size.

Comparing CSS Pseudo-Classes: nth-child vs nth-of-type

April 19, 2023
Tutorials
Comment off

Learn the the difference between the CSS pseudo-classes nth-child and nth-of-type. Examples of when to use each will be explored.

How To Build a Media Processing API in Node.js With Express and FFmpeg.wasm

April 17, 2023
Javascript
Comment off

In this guide, you will build a media API in Node.js with Express and `ffmpeg.wasm` a WebAssembly port of the popular media processing tool. You’ll build an endpoint that extracts a thumbnail from a video. By the end, you will handle binary data in Express and processing them with `ffmpeg.wasm`.

rem vs em Units in CSS

March 19, 2023
Tutorials
Comment off

A brief look at perhaps the two most popular relative units in CSS: em and rem. From this post you’ll finally grasp what the exact difference is between them.