Alignment is probably the most confusing aspect of flexbox. The flexbox layout module has a handful of alignment properties that behave differently under different circumstances, and when using them you might not necessarily understand what is happening or why. However, if you know what to pay attention to, alignment is less complicated than it first… Continue reading A Comprehensive Guide to Flexbox Alignment
Tag: CSS
5 Web Design Tips To Improve Your SEO
Many factors affect your SEO ranking, and getting the best results from it depends on the same factors that affect your SEO. When people hear the words ‘search engine optimization’ or SEO, they automatically think about optimizing their content through keywords in order to improve their ranking on search engine results pages (SERPs). However, many… Continue reading 5 Web Design Tips To Improve Your SEO
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
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
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
How to Handle Text Overflow (with a CSS Ellipsis)
When a string of text overflows the boundaries of a container it can make a mess of your whole layout. Here’s a cool trick to handle text overflow by truncating long strings with a CSS ellipsis. Text Overflow (with a CSS Ellipsis) Our Overflowing Text Demo During this quick tip we’ll use the following demo… Continue reading How to Handle Text Overflow (with a CSS Ellipsis)
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
Quick Tip: Add a Formspree Form to Your Static Sites
In this tutorial we’re going to use Formspree for a hassle-free way of adding dynamic, flexible forms to your static websites. The Problem: Contact Forms Imagine you’ve just created a website using static pages, whether that be with the aid of Jekyll, Eleventy, Gatsby or merely using some HTML files, but you now want to add a contact form.… Continue reading Quick Tip: Add a Formspree Form to Your Static Sites
CSS Charts: How to Create a Horizontal Organizational Chart
In a previous tutorial, we learned how to create a CSS-only vertical organizational chart. Today, as some folks requested, we’ll go through the process of building its corresponding horizontal one. CSS CSS Charts: How to Create an Organizational Chart George Martsoukos And here’s the twist; we’ll create this new chart without changing a single line… Continue reading CSS Charts: How to Create a Horizontal Organizational Chart
27 Exciting New Tools For Designers, March 2021
Looking for something new to get you excited about design work? This list is packed with all kinds of goodies to help you feel inspired and ready to work. Here’s what new for designers this month. Top Picks for March Same Energy Same Energy, in beta, is a visual search engine. You can search with… Continue reading 27 Exciting New Tools For Designers, March 2021
How to Convert Bootstrap Pills (Tabs) Into a Dropdown Menu
In the past, we’ve discussed various Bootstrap 4 extensions. Today I’ll show you how to convert Bootstrap pills (tabs) into a dropdown. Most importantly we’ll keep both these components in sync. We’ll use pills for the desktop layout and a dropdown for mobile screens. Note: for this exercise, I’m going to use Bootstrap 4 latest… Continue reading How to Convert Bootstrap Pills (Tabs) Into a Dropdown Menu
8 Best Tools for Web Designers in 2021
With the changing times and the growing demand for online presence of various businesses and even individuals, web designers need to rethink their designs and make use of the latest tools to keep up with the market. While there are tools made specifically for experts, there are those that are fit for any starting designer.… Continue reading 8 Best Tools for Web Designers in 2021
Top 9 Tips For Optimizing Images in 2021
The ‘need for speed’ is an essential item on every website’s bucket list these days. And why not? Enhanced speed is directly responsible for converting traffic into paying clients. Anyone in any industry wishes to boost their website’s loading speed, providing an improved user experience. Plus, don’t forget that escalated site speeds also escalates the… Continue reading Top 9 Tips For Optimizing Images in 2021
Creating a Simple Responsive HTML Email
In this tutorial I will show you how to create a simple responsive HTML email which will work in every email client, including the more troublesome mobile and tablet apps. It uses minimal media queries and a “fluid hybrid” approach to ensure maximum compatibility. Popular HTML Email Templates on Envato Elements If you’re looking for… Continue reading Creating a Simple Responsive HTML Email
How to Create Online Brand Consistency (for Email and Web)
In an economy that’s more digital than ever, one statement stands particularly strong: “Brand consistency is the key to survival in today’s digital economy” – Marketing Week Brand consistency leads to brand recognition, and brand recognition leads to brand trust. Have you ever trusted a brand you didn’t recognise? The Challenge of Online Brand Consistency… Continue reading How to Create Online Brand Consistency (for Email and Web)
How to Use Variable Fonts on the Web
.jpg)
Are you wondering, “What are variable fonts?” Variable fonts were developed as the joint effort of the four biggest tech companies involved in type design—Apple, Google, Microsoft, and Adobe. Download this and all the best variable fonts from Envato Elements As the name suggests, variable fonts allow designers to derive an unlimited number of font… Continue reading How to Use Variable Fonts on the Web
Create Beautiful Scrolling Animations With the CSS Clip-Path Property
In a previous tutorial, we learned how to create a grayscale-to-color effect on scroll. To implement it, we took advantage of modern front-end features like CSS Grid, the clip-path property, and the Intersection Observer API. Today, we’ll use these tools and the knowledge gained from that tutorial to build another cool scroll effect. As we scroll, page… Continue reading Create Beautiful Scrolling Animations With the CSS Clip-Path Property
What Are Web Fonts?
If you’re new to web fonts, you might be wondering: what are web fonts? Don’t worry. Here we’ll cover what web fonts are and how to install web fonts. We’ll also show you some of the best web fonts from Envato Elements. Web fonts are fonts especially created for websites. They’re usually on a web… Continue reading What Are Web Fonts?
How to Create a Simple Web-Based Chat Application
In this tutorial we will be creating a simple web-based chat application with PHP and jQuery. This sort of utility would be perfect for a live support system for your website. Otherwise, learn how to build one yourself in this tutorial. This tutorial was updated recently to make improvements in the chat app. Introduction The… Continue reading How to Create a Simple Web-Based Chat Application
How to Use Color Fonts on the Web
Every web designer knows how to set a font’s color, right? It’s one of the first things we do when we begin learning CSS. We choose a color, and then we use styles to set it, like color: blue; or color: purple;, so all the glyphs in our chosen font turn that color, and only… Continue reading How to Use Color Fonts on the Web
Working With Tables in React, Part One
.png)
One of the most common user interface elements for presenting your data is a table. It turns out that there are many aspects to control when working with tables, such as: defining columns and headers various cell formats (text, numbers, check boxes) resizing filtering dynamic growing styling In this two-part series, you will learn about… Continue reading Working With Tables in React, Part One
How to Paginate Data With PHP
I can remember years ago, when I first began coding in PHP and MySQL, how excited I was the first time I got information from a database to show up in a web browser. For someone who had little database and programming knowledge, seeing those table rows show up onscreen based on the code I… Continue reading How to Paginate Data With PHP
Top New CMS Plugins, December 2020
Looking for the best new CMS plugins to take your website to the next level? Well look no further. In this post, we’ll cover a list of the best new CMS plugins for December 2020. This article will include useful plugins for WordPress, Shopify, Craft, and Joomla. Let’s get started… WordPress OptiPic images optimization OptiPic… Continue reading Top New CMS Plugins, December 2020