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
Tag: JavaScript
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
Exciting New Tools for Designers, November 2020
In the spirit of fall feasts, this month’s collection of tools and resources is a smorgasbord of sorts. You’ll find everything from web tools to icon libraries to animation tools to great free fonts. Let’s dig in. Here’s what new for designers this month. The Good Line-Height The Good Line-Height is the tool you won’t… Continue reading Exciting New Tools for Designers, November 2020
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
10 CSS3 Properties you Need to be Familiar With
We’ve already covered the thirty CSS selectors that we should all memorize; but what about the new CSS3 properties? Though most of them still require a vendor-specific prefix, you can still use them in your projects today. In fact, it’s encouraged! Web Development The 30 CSS Selectors You Must Memorize Jeffrey Way At the conclusion of… Continue reading 10 CSS3 Properties you Need to be Familiar With
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
How to Use AJAX in PHP and jQuery
Today, we’re going to explore the concept of AJAX with PHP and JavaScript. The AJAX technique helps you to improve your application’s user interface and enhance the overall end user experience. If want to learn JavaScript, check out our free online course on JavaScript fundamentals! FREE JavaScript Modern JavaScript Fundamentals Dan Wellman What Is AJAX? AJAX… Continue reading How to Use AJAX in PHP and jQuery
Accessible Routing in JavaScript Frameworks
Lost in Transition In my role as a Developer Consultant with Deque, I get asked a variety of questions on how to implement and fix technical accessibility issues. One topic that always seems to be at the forefront of everything else that developers have asked is ‘How do I manage focus in my JavaScript framework?’.… Continue reading Accessible Routing in JavaScript Frameworks
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
24 Best jQuery Image Sliders
Add a full-featured and easy-to-implement jQuery image slider to your website to help you keep your visitors’ attention. CodeCanyon offers some of the best jQuery image sliders available on the web for a low one-time payment. Slider Revolution is one of the best-selling jQuery image sliders available on CodeCanyon. Images are an integral part of… Continue reading 24 Best jQuery Image Sliders
'Knowing what you're looking at' – JS tips for new React developers
August 17, 2020 I have a confession to make. While I have been a professional web developer for over 6 years, I didn’t feel comfortable with JavaScript until a year and a half ago. I still don’t feel like I know a lot of things. There’s a lot that still confuses me. But I’ve grown… Continue reading 'Knowing what you're looking at' – JS tips for new React developers
Choose Your Own Adventure with the Parsons Web Design and Development Certificate
Many people dream of a career in web design, but it may actually be more attainable than you think. There are countless online courses, of variable quality, with little to no academic structure; self-learning is an option, but it doesn’t come with a curriculum. Without a professional structure and a comprehensive curriculum your dream career… Continue reading Choose Your Own Adventure with the Parsons Web Design and Development Certificate
What Are the Best Online Web Design Certificate Programs?
August 5, 2020 by Clarence Web design is a continuous learning process. As our technology develops day by day, the number of new things we need to learn to be well-versed in web design increases as well. Good thing there are already online classes that teach web design. Whether you’re a beginner or a professional,… Continue reading What Are the Best Online Web Design Certificate Programs?
17 Tools I Can’t Design Without
I think of a creative practice as a combination of an approach (a design philosophy) and a series of techniques (craft skills); a good tool facilitates a technique, which in turn supports an approach. It wasn’t until I sat down to write a list of tools I can’t design without, that I realized just how… Continue reading 17 Tools I Can’t Design Without
How To Act and Understand Accessibility Right Now
In recent history, the digital channel has extended it’s already dominant reach, even further. Whether its COVID-19, omnichannel strategy, mobile, or driven by user behavior and expectations, the digital channel is key for business-to-consumer (B2C) organizations. As organizations are investing more in digital channels, it’s important that accessibility is included. Not addressing accessibility can leave… Continue reading How To Act and Understand Accessibility Right Now
2020 Best Designed Websites
Have you ever been to a site, and you keep admiring all the contents? It can be a photo, a beautiful video, or even your favorite colors. Whatever keeps you glued on the website is known as user experience. When interacting with such sites, you can search for IT companies near me to get how… Continue reading 2020 Best Designed Websites
6 Best Practices for Building Responsive Dropdown Menus
Creating a responsive dropdown menu is a tricky task. There are many decisions you have to make, in both the design and development phases. Recommended solutions usually depend on the characteristics of the website or application you’re building. However, there are also some general best practices that are recommended for all types of responsive dropdown… Continue reading 6 Best Practices for Building Responsive Dropdown Menus
Quick Tip: How to Create a Simple Fade Effect on Scroll
In today’s super quick tutorial, we’ll learn how to build a simple, yet useful scroll effect. As we scroll within the page, the visibility of two elements will change depending on the scroll position. As the saying goes: “a picture is worth a thousand words”, so let’s have a look at what we’re going to create (scroll… Continue reading Quick Tip: How to Create a Simple Fade Effect on Scroll
How to Build a Grayscale to Color Effect on Scroll (CSS & JavaScript)
In this new tutorial, we’ll start with some grayscale images and learn how to smoothly reveal their colored variants on scroll. To achieve the desired effect, we’re going to take advantage of different modern front-end features like CSS Grid, the clip-path property, and the Intersection Observer API. Our Grayscale to Color Effect Without further intro, let’s check… Continue reading How to Build a Grayscale to Color Effect on Scroll (CSS & JavaScript)
How to Contribute to Open Source TypeScript Projects — SitePoint
If you think of the ideas of open source applied to information in an encyclopedia, you get to Wikipedia – lots and lots of small contributions that bubble up to something that’s meaningful. – Matt Mullenweg One of my favorite aspects of open source is the fact that anyone can contribute! It’s like “productive volunteering”… Continue reading How to Contribute to Open Source TypeScript Projects — SitePoint
Build a Chrome Extension to Streamline Your Workflow — SitePoint
When I began as a JavaScript editor at SitePoint, our submission process was something of a mess — articles coming from every direction in a variety of formats. So we decided to standardize things and settled on submission via GitHub in Markdown. This was a step forward, but we still needed to convert the Markdown… Continue reading Build a Chrome Extension to Streamline Your Workflow — SitePoint
6 Best Browsers for Developers in 2020
On the surface, web browsers seem very similar. They all provide you with a relatively straightforward way to get online and search for the content that you need. However, the more time you spend building your skills as a designer/developer, the more you’ll recognize the need for a unique kind of browsing experience. Fortunately, we’ve found… Continue reading 6 Best Browsers for Developers in 2020
How to Add Custom CSS to Your WordPress Site
The WordPress ecosystem is huge, so it can be a challenge to find the perfect theme to match your brand in every respect. A good starting point is by browsing the thousands of high-quality WordPress themes on ThemeForest. However, it frequently happens that you find an almost perfect design but you still want to tweak it a little—or… Continue reading How to Add Custom CSS to Your WordPress Site