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
Tag: names
Search and Replace Strings With Regular Expressions in PHP
PHP comes with a huge variety of functions to work with strings. You can use these built-in PHP functions to trim strings, join them, or replace them. String functions in PHP are pretty powerful by themselves. You can use them to make case-insensitive changes or do multiple replacements at once. However, they still require you… Continue reading Search and Replace Strings With Regular Expressions in PHP
Form Input Validation Using Only HTML5 and Regex
Validation of form input is something that should be taken seriously. With luck, nothing worse than garbage data will be submitted to a site which uses data from forms without proper validation. However, there also a chance that hackers will be able to compromise the private data of users who trusted you with their information.… Continue reading Form Input Validation Using Only HTML5 and Regex
5 Women Web Designers We Can All Learn From in 2021
March 8, 2021 by Sangalang Kristine What better way to celebrate International Women’s Day than to feature the best women web designers of 2021. Let’s face it, the population of women designers in the industry does not compare to the number of men in the profession. However, that does not mean that the excellence of… Continue reading 5 Women Web Designers We Can All Learn From in 2021
Portugal by Sebastião Rodrigues’ pencil
[unable to retrieve full-text content] A journey that merges with the country’s history © Tamanna Rumee The recent history of design in Portugal in general and graphic design, in particular, is certainly still to be written. In other words, it is a story that is written every day, thanks to the work, often in difficult contexts,… Continue reading Portugal by Sebastião Rodrigues’ pencil
34 Best Modern Didone Typefaces (Fonts Similar to Bodoni & Didot)
Looking for new Didone typefaces to add to your font library? In this article, we’ll look at what makes a Didone font, as well as a collection of fonts similar to Didot, fonts similar to Bodoni, and other Didone-inspired typefaces. This stylish fashion magazine design features Didone type and is available to download on Envato… Continue reading 34 Best Modern Didone Typefaces (Fonts Similar to Bodoni & Didot)
Common React Native App Layouts: Login Page
In this series, you’ll learn how to use React Native to create page layouts commonly used in mobile apps. The layouts you’ll be creating won’t be functional—instead, the main focus of this series is to get your hands dirty in laying out content in your React Native apps. If you’re new to laying out React… Continue reading Common React Native App Layouts: Login Page
How to Use Map, Filter and Reduce in JavaScript
Functional programming has been making quite a splash in the development world these days. And for good reason: Functional techniques can help you write more declarative code that is easier to understand at a glance, refactor, and test. One of the cornerstones of functional programming is its special use of lists and list operations. And… Continue reading How to Use Map, Filter and Reduce in JavaScript
9 Ways To Boost Your Domain Authority
Domain Authority (DA) is a ranking metric that predicts how well a site will rank online. It goes by a scale of 1 to 100 — the closer you are to 100, the better your odds of ranking in search engine result pages (SERPs), thus giving you more clicks. To see how your site currently… Continue reading 9 Ways To Boost Your Domain Authority
WooCommerce: Adding the Product Short Description to Archive Pages
What You’ll Be Creating WooCommerce comes bundled with archive pages and loops that do a great job, but sometimes you might need to display a bit more information on your main shop and other archive pages. In this tutorial, I’ll show you how you can add the product short description to your archive pages and display it… Continue reading WooCommerce: Adding the Product Short Description to Archive Pages
The Ultimate 10 UX Influencers to Follow
The digital world is a place of constant change. Just as you get used to a new design trend, another one appears, forcing you to rethink the way that you approach each client project. As a web designer, it’s up to you to make sure that you have your finger on the pulse on the… Continue reading The Ultimate 10 UX Influencers to Follow
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
Finding Your Way With Domain Mapping
It’s no secret that having a custom domain name is an essential piece of any company’s branding strategy. While there are a myriad of hosting plans available that offer domains like your company.webhost.com, making the shift from one of those to simply yourcompany.com is an important step. However, your domain branding strategy need not end… Continue reading Finding Your Way With Domain Mapping
How to Convert Blog Visitors Into Customers: 3 Effective Strategies
According to these blogging statistics, over 70 billion blog posts are published on WordPress alone, without even taking into account the other popular platforms. That’s a lot of words and opinions being shared by individuals, as well as businesses that are trying to grow their audiences and make more sales. But while growing the audience… Continue reading How to Convert Blog Visitors Into Customers: 3 Effective Strategies
What Does PHP Stand For?
In this quick post, we’re going to discuss what PHP stands for and what you can build with it. If you are new to PHP, this article should help you to understand the basics. What Is PHP? PHP is an open-source, server-side scripting language which is mostly used to build web-based applications. You could use… Continue reading What Does PHP Stand For?
PHP Magic Methods Cheatsheet
In this post, I’ll give you a cheetsheet quick reference to all the magic methods available in PHP. Whether you are a seasoned PHP developer or a novice in PHP development, if you’ve worked with OOP in PHP, then you’re using at least a couple of PHP magic methods already. However, if you have not… Continue reading PHP Magic Methods Cheatsheet
20 Freshest Web Designs, January 2020
January 2020 is picking up where 2019 left off, with lots of animation and even more bold, bright color schemes. We’re also seeing an unusual number of luxury sites this month, and as always there’s a strong set of startups trying to break into the market. Enjoy! Plink To take on giants like PayPal, you… Continue reading 20 Freshest Web Designs, January 2020
Secure Your Websites With GoGetSSL Certificates
Internet users these days expect to find the padlock symbol in their address bars whenever they visit a website. It assures them that the website is not only trustworthy but also capable of offering a secure and private browsing experience. The padlock symbol, however, is only shown for websites that use HTTPS and have a… Continue reading Secure Your Websites With GoGetSSL Certificates
6 Figma Plugins to Give You Design Superpowers (and How to Use Them)
Figma plugins are a recent addition to what’s becoming the go-to collaborative tool for UI designers everywhere. Plugins are built by the community (you can even build one yourself if you wish) and provide an easy way to extend your capabilities with Figma. Through this helpful update, designers can automate repetitive tasks, add accessibility features,… Continue reading 6 Figma Plugins to Give You Design Superpowers (and How to Use Them)
Build a Simple Weather App With Vanilla JavaScript
We have a lot of interesting things to cover, so grab a cup of coffee and let’s get started! Here’s a quick navigation menu for you. What You’ll Learn In This Weather API JavaScript Tutorial: Scaffolding the Weather App Find a Weather API What is OpenWeather? Where To Find Weather Icons and… Continue reading Build a Simple Weather App With Vanilla JavaScript
Mega Menus, Sticky Menus and More
Of things that users expect when they are on a website, navigation menus are the most important. It’s hard to imagine a website without them. A website menu is made up of a collection of links. These links are road signs that make it possible to navigate and interact with a website. They guide users… Continue reading Mega Menus, Sticky Menus and More
Solving Problems With CSS Grid: The Gantt Chart
We recently published a tutorial explaining how to build a JavaScript-driven Gantt Chart. I think it’s the perfect case study for CSS Grid, so in this tutorial we’ll see how well suited CSS Grid Layout is for building a flexible Gantt Chart. Our CSS Grid Gantt Chart Here’s what we’re building. It uses CSS Grid… Continue reading Solving Problems With CSS Grid: The Gantt Chart
How to Create a React Native Calendar Component
React Native is a cross-platform mobile app development framework with a gentle learning curve and lots of built-in components. Because it has a very active developer community, there are also hundreds of open source third-party component libraries available for it, allowing you to create both Android and iOS apps focusing only on the apps’ core… Continue reading How to Create a React Native Calendar Component
10 Best Design Systems for 2019
A design system helps everyone in your business to maintain brand consistency. It’s a collection of guidelines that explains how your branding assets should be used in everyday communication and marketing efforts. A design system usually consists of general brand guidelines, color usage, brand tone and voice, typography, patterns, and any other visual element that… Continue reading 10 Best Design Systems for 2019