Tag: HTML

Fixing Problems With Borders in Dark Mode (Email Design)

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Borders aren’t always treated the same as other elements when it comes to emails in Dark Mode. In this article I’ll take you through what is happening to your borders, as well as how fix any problems you’re having with them. Top Email Templates on Envato Elements… Continue reading Fixing Problems With Borders in Dark Mode (Email Design)

What is HTML Email?

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} In this quick explainer, I’ll clear up any doubts or questions you have about HTML emails, how to create them, and how to send them. What is HTML Email? Your email program or service can send and receive emails in two formats; plain text and HTML. Plain… Continue reading What is HTML Email?

UX-Friendly FAQ Page Template Designs

November 18, 2021 by Veronika FAQ pages are what make a website truly user-friendly. They provide the support and information that visitors need to take action, be it purchasing a product, testing a product, or subscribing to a newsletter. This collection includes some of the best examples of FAQ page template designs as well as… Continue reading UX-Friendly FAQ Page Template Designs

Easy Steps to Convert Photoshop Designs Into a Website

Here’s a simple guide to solving the troublesome task of turning Photoshop designs into a website. Or, in more technical terms, convert PSD files into responsive HTML. Modern business cannot operate without the Internet today. Therefore, it is very important to have a high-quality presence in it, for example, in the form of websites that… Continue reading Easy Steps to Convert Photoshop Designs Into a Website

10+ Best Bootstrap Blog Templates (for 2022)

Bootstrap blog templates are the perfect choice if you want to create a blog fast and need some ready-made templates that are easy to install and customize. After all, they are built with one of the most popular front-end frameworks available, made with a mobile-first approach.  This means any template or website made with Bootstrap… Continue reading 10+ Best Bootstrap Blog Templates (for 2022)

What is React Native?

React Native is a cross-platform mobile application development framework that Facebook created in 2015.  React Natives uses JavaScript as the underlying programming language, and it aims to help developers can build native mobile apps for both Android and IOS devices with a single codebase. In this post, I’ll introduce some of the key concepts and… Continue reading What is React Native?

How To Fix Outlook Dark Mode Problems (Email Design)

Unpredictable text color changes in Outlook for Windows is one of the many mind-boggling issues you’ve no doubt encountered if you’ve ever built an HTML email for Dark Mode. Outlook brutally inverts colors in Dark Mode, in some cases even turning dark colors into white. Not only can this result in very unsightly parts of… Continue reading How To Fix Outlook Dark Mode Problems (Email Design)

What Is JavaScript?

Technology is advancing rapidly and web development is no different. New tools and services are constantly coming into existence to help you build the next big thing. It’s great to have so much innovation in web development, but it can be very intimidating for people who are just starting out in the field and have… Continue reading What Is JavaScript?

How to Enable or Disable a Button With JavaScript: jQuery vs Vanilla

In this article, we’ll discuss how you can enable or disable a button with JavaScript. First, we’ll go through how it works in vanilla JavaScript and later on we’ll see how to do it with jQuery. JavaScript is one of the core technologies of the web. The majority of websites use it, and all modern… Continue reading How to Enable or Disable a Button With JavaScript: jQuery vs Vanilla

15 Best Web Fonts That Look Great at Small Sizes

Beautiful web fonts aren’t particularly difficult to find. A quick search will undoubtedly turn up a number of attractive typefaces that will complement your website’s look and messaging. However, many of these fonts tend to have very specific use cases. For instance, a wide font may be perfect for header text but would work poorly… Continue reading 15 Best Web Fonts That Look Great at Small Sizes

9 Amazing Design-Resource Package Sites

Every designer has their own preferred strategy for collecting resources. Some pluck brushes, fonts, and templates from different “stock photo sites” and public marketplaces. Others collect graphics from swipe files and forums around the web. The never-ending desire for themes, visual content, and graphical components has prompted an influx of “design packages” to appear around the… Continue reading 9 Amazing Design-Resource Package Sites

A Comprehensive Guide to Flexbox Sizing

Flexbox sizing makes it possible to create flexible layouts that fully adapt to the screen. If you set up everything correctly you won’t have to rely on media queries to support different viewports, layouts, and orientations. In this guide I’ll show you how to use the following flexbox sizing properties: flex-grow flex-shrink flex-basis flex  Explainer: Flexbox… Continue reading A Comprehensive Guide to Flexbox Sizing

A Comprehensive Guide to Flexbox Ordering & Reordering

The flexbox layout module allows us to lay out flex items in any order and direction. Flexbox ordering is, in fact, easier than ordering with floats or CSS grid, even if you might not think so at first. As flexbox is a one-dimensional layout model, as opposed to CSS grid which is two-dimensional, you only have… Continue reading A Comprehensive Guide to Flexbox Ordering & Reordering

Which Back-End to Choose? Node.js vs PHP

In this article, we’re going to discuss PHP and Node.js: two popular back-end technologies for web applications. We’ll discuss the key differences between them to help you choose the right back-end technology for your next project. Introduction First of all, let’s go through what exactly these two back-end technologies are and what they are used… Continue reading Which Back-End to Choose? Node.js vs PHP

The Complete Guide to Web Fonts in Email

When is a web font not a web font? When it’s an email font! In this tutorial I’ll walk you through implementing web fonts into your email campaigns. Web Fonts and Web Safe Fonts Web-safe fonts, like Arial and Trebuchet, Times and Georgia, are installed on most operating systems. As such, these “system fonts” will… Continue reading The Complete Guide to Web Fonts in Email

5 Tips for Building the Best Web Dev LinkedIn Profile

April 26, 2021 by Sangalang Kristine In the same way that websites need to be marketed, web developers and designers should also advertise themselves and their highly coveted skills. Building the best web dev LinkedIn profile is essential. Being a web developer and designer (and all other careers in between) is paramount in creating the… Continue reading 5 Tips for Building the Best Web Dev LinkedIn Profile

HTML5 Form Validation With the “pattern” Attribute

In this tutorial we’ll explore HTML’s pattern attribute, using it to help us customize the way we validate our forms. Form Validation Video Check out the video tutorial below, subscribe to Tuts+ on Youtube, or read on to learn more about HTML form validation and the pattern attribute! HTML5 Form Validation Form validation is of… Continue reading HTML5 Form Validation With the “pattern” Attribute

25 Exciting New Tools For Designers, April 2021

Rather than spring cleaning, do some spring “shopping” for tools that will make your design life easier. Packed with free options this month, this list is crammed full of tools and elements that you can use in your work every day. Here’s what new for designers this month: April’s Top Picks Charts.css Charts.css makes creating… Continue reading 25 Exciting New Tools For Designers, April 2021

What is PHP Used For?

PHP is an open source language that was created to make web development easier. It’s primary and most suitable purpose is as a web development language for creating web apps or APIs. You don’t need a complicated set of commands to create webpages in PHP. In fact, you can mix PHP with plain HTML in… Continue reading What is PHP Used For?

7 Skills You Need To Thrive As A Web Designer In 2021

Web design is an ever-evolving field. Those of us that have been in the industry a long time (i.e., six months plus) have seen the launch of more products, the establishment of more ideas, and the promise of more growth than most industries see over a whole career. While the tools we use, the terminology… Continue reading 7 Skills You Need To Thrive As A Web Designer In 2021

Untreefolio: Free HTML portfolio tempalte

Untreefolio is a new HTML one-page template for building a clean portfolio. This free template is an elegant solution for creatives and professionals who need to build a their online presence with a website. The overall design is clean, minimal, and pleasant, and it’s powered by Ajax features and GSAP animations. Designed and released by… Continue reading Untreefolio: Free HTML portfolio tempalte

8 Best Free Live Chat PHP Scripts

Are you thinking of adding a free live chat feature to your website? Do you want to give personalized live chat support that will improve your visitors’ website experience? Do you want your forum members to chat with each other in real time?  Fortunately, there are free PHP scripts available to help. Free PHP live… Continue reading 8 Best Free Live Chat PHP Scripts

Top 5 Online Courses to Learn HTML for Students

Programming and computer science are undoubtedly becoming the top valued careers in the world, so there’s more than one reason to hurry up and master one or both of them while the demand is still high. Still, learning how to speak to a computer and treat it right beyond the basic user’s ability can be… Continue reading Top 5 Online Courses to Learn HTML for Students