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
Tag: HTML
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
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)
15 Elegant CSS Pricing Tables for Your Latest Web Project
Pricing tables are an important part of any website that sells some kind of services and products. You can use them to quickly list the features, similarities, or differences between two, three, or four different products at once. These tables give users all the information they need when choosing between different products and services. This,… Continue reading 15 Elegant CSS Pricing Tables for Your Latest Web Project
Luxury Hotel: Free HTML template
Luxury Hotel is a free elegant HTML template designed by Joefrey Mahusay. With its modern design and typography and beautiful reveal animations, it’s a great choice for building a stunning website for hotels and holiday houses. Click on the button below, and leave your email. You will receive the freebie straight to your inbox! Download… Continue reading Luxury Hotel: Free HTML template
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
How to Use Figma’s Inspect Panel
What You’ll Be Creating We’re going to design a scheduling app in Figma! In doing so we’ll work with Figma’s Inspect panel, explaining how to export a Figma design to code, how to inspect a Figma design system, and how to use Figma to inspect any element from a design. What You Will Learn in… Continue reading How to Use Figma’s Inspect Panel
Why Your Design Team Needs a Robust PDF Editor
Every design team has its own set of preferred tools for creating stunning visuals, whether it’s for a website, an application, or some sort of marketing collateral like a landing page or a brochure. However, these creative teams also need a very robust PDF editor that acts as a behind-the-scenes application. Such a software application… Continue reading Why Your Design Team Needs a Robust PDF Editor
Exciting New Tools for Designers, December 2020
Jumpstart your next design project or speed up a workflow with some of these new tools and resources. With so many new tools being developed all the time, you are almost certain to find something that can help you with projects. Here’s what new for designers this month. Everypixel Patterns Everypixel Patterns solves a common… Continue reading Exciting New Tools for Designers, December 2020
How to Use PHP in HTML
In this article, I’ll show you how to use PHP code in your HTML pages. It’s aimed at PHP beginners who are trying to strengthen their grip on the world’s most popular server-side scripting language. Again, PHP is a server-side scripting language. That means a PHP script is executed on the server, the output is… Continue reading How to Use PHP in HTML
Top New CMS Plugins, November 2020
Since there are so many CMS plugins out there, it can be overwhelming to choose the best ones for your website. We’ve done the research for you; this list contains the top new CMS plugins for November 2020. You’ll find useful plugins for WordPress, Craft, Shopify, and Joomla. Let’s get started… WordPress 404 Page Editor… Continue reading Top New CMS Plugins, November 2020
CSS Charts: How to Create an Organizational Chart
In previous tutorials we’ve learned how to create different types of charts including bar charts, thermometer charts, and donut charts. Today we’ll continue this journey by building a CSS-only organizational chart. Ready to test your CSS skills? The Organizational Chart We’re Building Here’s the CSS chart we’ll be creating: It consists of four levels and… Continue reading CSS Charts: How to Create an Organizational Chart
How to Use ARIA Roles, Properties, and States in HTML
In this beginner’s accessibility tutorial we’re going to learn what ARIA is, why it is necessary to write our HTML with ARIA in mind, what ARIA roles, properties, and states are, and (very importantly) the 5 rules of ARIA use. What is ARIA? ARIA stands for Accessible Rich Internet Applications and it was created by the World… Continue reading How to Use ARIA Roles, Properties, and States in HTML
Submit A Form Without Page Refresh Using jQuery
A great way to improve the user experience of your website is to validate and submit forms without a page refresh. In this tutorial I’ll show you how easy it is to do just that—validate and submit a contact form that without page refresh using jQuery! Let’s get started. What We’re Building In this example,… Continue reading Submit A Form Without Page Refresh Using jQuery
Understanding the Image Component in React Native
Images are an essential aspect of any mobile app. This tutorial will introduce you to the image component and show you how to use images in your React Native app. You will also learn how to create your own photo gallery! Prerequisites to Create a React Native App We will use the Expo CLI for… Continue reading Understanding the Image Component in React Native
Angular Component Libraries and Accessibility
Nowadays, it feels as if web development is an ever-changing landscape that moves at supersonic speeds. With the demands to keep your content up to date with the latest and greatest designs and frameworks, it can be an overwhelming task to keep up. JavaScript frameworks, such as Angular, play a large role in this with… Continue reading Angular Component Libraries and Accessibility
A Guide to HTML & CSS Forms (No Hacks!)
Historically, HTML forms have been quite tricky — firstly, because at least a little bit of JavaScript was required, and secondly, because no amount of CSS could ever make them behave. However, this isn’t necessarily true in the case of the modern web, so let’s learn how to mark up forms using only HTML and… Continue reading A Guide to HTML & CSS Forms (No Hacks!)
7 All-Too-Common Landing Page Errors You Must Avoid
And it does this 24 hours a day, 7 days a week, 52 weeks a year without ever asking for a pay raise. But this is true only if your website landing page is designed well, maintained, and optimized to the gills. The art and science of a flawless landing page is beyond the scope… Continue reading 7 All-Too-Common Landing Page Errors You Must Avoid
Create a Contact Form in PHP
No matter what type of website you own or manage, you probably need a contact form. The contact form can help your visitors request a quote, ask for information, or share any tips or problems they’re facing while using your website. In this tutorial, our focus will be on creating a fully functional contact form… Continue reading Create a Contact Form in PHP
These Fun Games With Surely Test your Web Design Skills
September 23, 2020 by Sangalang Kristine Anyone could learn how to create websites through continuous training and practice. However, this could get eventually boring and de-motivating. The great news is that game devs have created games that help newbie web designers hone their skills for both web design and coding development. Here are a few… Continue reading These Fun Games With Surely Test your Web Design Skills
Lessons from setting up an internal research participant panel at Atlassian
[unable to retrieve full-text content] Sign up page for the Atlassian Research Group My first UX Research role was at a small digital agency, where the discipline was still new. Sales teams would frequently sell clients research, without fully budgeting in participant recruitment. Shoestring budgets meant I often had to find my participants using creative, scrappy… Continue reading Lessons from setting up an internal research participant panel at Atlassian
12 Best Google Design & Development Tools
Google resembles an iceberg: there’s the part above the water we can see and use everyday; there’s also the part beneath the water, that we don’t see and know little about. While many of us are concerned about the aspects of Google we don’t see — the parts that threaten our privacy, or monopolize the… Continue reading 12 Best Google Design & Development Tools
Create Your First React Native Android App
React Native is an open-source mobile application framework created by Facebook you can use it to develop applications for Android and iOS devices with a single codebase. React Native powers some of the world’s most popular apps, such as Instagram and Facebook, and in this post I’ll show you how to create your first React Native… Continue reading Create Your First React Native Android App