Coding Archives - Designmodo

The Best Ways to Embed Images in HTML Email

Andrian Valeanu — Mon, 17 Apr 2023 12:38:23 +0000

This post is originally published on Designmodo: The Best Ways to Embed Images in HTML Email

We have all heard that a picture is worth a thousand words. When it comes …

For more information please contact Designmodo

10 Best AI Tools for Web Developers

Nataly Birch — Wed, 08 Mar 2023 10:05:33 +0000

This post is originally published on Designmodo: 10 Best AI Tools for Web Developers

AI-powered tools have significantly evolved over the past few years. They have applications in almost …

For more information please contact Designmodo

Create a Drop Down Menu with Search Box in CSS3 and HTML

Puneet Pugalia — Fri, 20 Jan 2023 10:54:48 +0000

This post is originally published on Designmodo: Create a Drop Down Menu with Search Box in CSS3 and HTML

Topic: CSS3 Difficulty: Intermediate Estimated Completion Time: 45 min In this tutorial, we will be …

For more information please contact Designmodo

How to Create a Credit Card UI using HTML and CSS3

Raul Dronca — Fri, 13 Jan 2023 11:34:48 +0000

This post is originally published on Designmodo: How to Create a Credit Card UI using HTML and CSS3

Topic: HTML / CSS3 Difficulty: Intermediate Estimated Completion Time: 30 minutes In this tutorial, we …

For more information please contact Designmodo

HTML and CSS in Emails: What Works in 2023?

Daniel Schwarz — Tue, 10 Jan 2023 15:15:03 +0000

This post is originally published on Designmodo: HTML and CSS in Emails: What Works in 2023?

Arguably, one of the most exciting aspects of web development in recent years has been …

For more information please contact Designmodo

Collection of Free Preloaders and Loading Animated Spinners

Nataly Birch — Tue, 03 Jan 2023 09:52:13 +0000

This post is originally published on Designmodo: Collection of Free Preloaders and Loading Animated Spinners

Waiting is an annoying thing, whether it happens on a website, mobile application, or in …

For more information please contact Designmodo

Create a Product Page with Interactive Colors in HTML, CSS3 & jQuery

Raul Dronca — Tue, 03 Jan 2023 09:27:18 +0000

This post is originally published on Designmodo: Create a Product Page with Interactive Colors in HTML, CSS3 & jQuery

Topic: HTML / CSS3 / jQuery Difficulty: Intermediate Estimated Completion Time: 30 minutes In this …

For more information please contact Designmodo

How to Create a Shopping Cart UI using CSS & JavaScript

Raul Dronca — Mon, 02 Jan 2023 12:42:15 +0000

This post is originally published on Designmodo: How to Create a Shopping Cart UI using CSS & JavaScript

Topic: HTML / CSS3 / JavaScript Difficulty: Intermediate Estimated Completion Time: 30 minutes In this …

For more information please contact Designmodo

20 Useful CSS Graph and Chart Tutorials and Techniques

Nataly Birch — Mon, 27 Jun 2022 20:08:47 +0000

This post is originally published on Designmodo: 20 Useful CSS Graph and Chart Tutorials and Techniques

Usually, Graphs and Charts are mainly used for representing and organizing a set of numerical …

For more information please contact Designmodo

How to Use steps() in CSS Animations

Joni Trythall — Thu, 31 Mar 2022 19:00:34 +0000

This post is originally published on Designmodo: How to Use steps() in CSS Animations

I am guessing that many of you have found steps() to be confusing when using …

For more information please contact Designmodo

How to Create Forms Using Slides and Collect Data on Static.app

Sam Norton — Mon, 03 Jan 2022 13:38:39 +0000

This post is originally published on Designmodo: How to Create Forms Using Slides and Collect Data on Static.app

Web forms are everywhere. Almost every person on this planet who uses the internet will …

For more information please contact Designmodo

Collection of Free jQuery Plugins

Nataly Birch — Fri, 22 Jan 2021 10:02:51 +0000

This post is originally published on Designmodo: Collection of Free jQuery Plugins

jQuery has seen ups and downs, but after 15 years in the game, this open-source …

For more information please contact Designmodo

List of Bootstrap Button Generators

Nataly Birch — Wed, 06 Jan 2021 11:17:55 +0000

This post is originally published on Designmodo: List of Bootstrap Button Generators

Everyone knows the point of using bootstrap generators, though maybe not everyone uses this help …

For more information please contact Designmodo

Useful Tools to Speed up your CSS and HTML Coding Time

Nataly Birch — Thu, 05 Nov 2020 12:18:28 +0000

This post is originally published on Designmodo: Useful Tools to Speed up your CSS and HTML Coding Time

Time is what we always lack in web development. Even when the deadline is adequately …

For more information please contact Designmodo

Free jQuery Notification Message Plugins for Websites

Jake Rocheleau — Sun, 27 Sep 2020 13:34:23 +0000

This post is originally published on Designmodo: Free jQuery Notification Message Plugins for Websites

JQuery notification message plugins for websites hold a unique opportunity for entrepreneurs all around the …

For more information please contact Designmodo

Animating SVG Gradients

Joni Trythall — Thu, 04 Jun 2020 09:27:21 +0000

This post is originally published on Designmodo: Animating SVG Gradients

SVG gradients are so handy. We can fill complex shapes and create depth and character …

For more information please contact Designmodo

Getting Started With Chrome and Firefox Developer Tools

Albert Kim — Thu, 28 May 2020 12:21:45 +0000

This post is originally published on Designmodo: Getting Started With Chrome and Firefox Developer Tools

Chrome and Firefox are modern web browsers that have built-in tools to help developers edit pages and fix …

For more information please contact Designmodo

CSS3 and jQuery Loading Animations, Examples and Plugins

Nataly Birch — Mon, 11 May 2020 08:29:49 +0000

This post is originally published on Designmodo: CSS3 and jQuery Loading Animations, Examples and Plugins

Time is money – everyone knows that. This critical factor affects the decision-making process. If …

For more information please contact Designmodo

How to Easily Create a Responsive Vertical Rhythm with CSS

Paula Borowska — Wed, 06 May 2020 14:03:11 +0000

This post is originally published on Designmodo: How to Easily Create a Responsive Vertical Rhythm with CSS

Maintaining grid systems across a website can be a challenge. Implementing a CSS grid has …

For more information please contact Designmodo

15 Free Video Players for Website and Blog

Nataly Birch — Sat, 11 Apr 2020 20:57:27 +0000

This post is originally published on Designmodo: 15 Free Video Players for Website and Blog

According to statistics, video traffic accounts for almost 70% of all global consumer internet traffic. …

For more information please contact Designmodo

2 Ways to Add Interactive Hotspots to Postcards Email Templates

Paula Borowska — Wed, 15 May 2019 13:15:39 +0000

This post is originally published on Designmodo: 2 Ways to Add Interactive Hotspots to Postcards Email Templates

Adding an interactive hotspot to your email’s image is a wonderful idea. It can significantly …

For more information please contact Designmodo

Free File Uploader Scripts for Websites

Nataly Birch — Tue, 09 Apr 2019 11:22:04 +0000

This post is originally published on Designmodo: Free File Uploader Scripts for Websites

Do you know that each second almost 1,000 photos are uploaded to Instagram? It means …

For more information please contact Designmodo

Create a Beautiful and Responsive HTML Email Template with Postcards

Paula Borowska — Mon, 11 Mar 2019 10:51:28 +0000

This post is originally published on Designmodo: Create a Beautiful and Responsive HTML Email Template with Postcards

Postcards is the perfect tool for quickly creating beautiful, fully responsive HTML emails. It has …

For more information please contact Designmodo

Best Free Tools for Adding Dynamic Animations to UI

Nataly Birch — Tue, 18 Dec 2018 10:29:28 +0000

This post is originally published on Designmodo: Best Free Tools for Adding Dynamic Animations to UI

In case you haven’t heard, everyone does animation these days. It can be a small, …

For more information please contact Designmodo

The Short History of Website Building [Infographic]

Diana Valeanu — Wed, 07 Nov 2018 08:02:56 +0000

This post is originally published on Designmodo: The Short History of Website Building [Infographic]

Website design has come a long way in a relatively short time. From zeros and …

For more information please contact Designmodo

Best Tools for Code Collaboration

Doru Ciobanu — Wed, 24 Oct 2018 13:03:58 +0000

This post is originally published on Designmodo: Best Tools for Code Collaboration

According to Forbes, 50 percent of Americans will work as independent contractors by 2027. Many …

For more information please contact Designmodo

How to Create a Cryptocurrency Exchange Rates using Coinlayer API?

Doru Ciobanu — Thu, 19 Jul 2018 07:17:06 +0000

This post is originally published on Designmodo: How to Create a Cryptocurrency Exchange Rates using Coinlayer API?

Back in 2008, a group of people hidden behind the Satoshi Nakamoto figure, developed Bitcoin, …

For more information please contact Designmodo

Best and Free JavaScript Plugins

Nataly Birch — Mon, 04 Jun 2018 13:15:56 +0000

This post is originally published on Designmodo: Best and Free JavaScript Plugins

To be a good developer means not only produce good products but also to stay …

For more information please contact Designmodo

Tabbed Widgets in Web Design: UI Examples & Free Plugins

Jake Rocheleau — Tue, 01 May 2018 08:44:31 +0000

This post is originally published on Designmodo: Tabbed Widgets in Web Design: UI Examples & Free Plugins

Certain layouts work really well with tabs. You can show/hide content on the page like …

For more information please contact Designmodo

Best Resources for Learning Haml from Scratch

Jake Rocheleau — Wed, 07 Feb 2018 12:52:35 +0000

This post is originally published on Designmodo: Best Resources for Learning Haml from Scratch

Basic HTML is pretty simple to learn. It’s also the cornerstone of all websites and …

For more information please contact Designmodo