Topics Search

Newest Tutorials


Animating Many Elements and the Animate Method

In this example, you have five circles that just zig and zag all over the screen. Under the covers, this animation is accomplished by just using the animate method and employing some simple JavaScript tricks. In the following sections, we will look at everything that is involved when animating more than a single element.

Keyframes and the Animate Method

Tutorial preview or category icon
In this tutorial, we are going to take a deeper look at the animate method by revisiting some of the important details we simply glossed over. This will be part review, part learning about new stuff, and a big part of living the dream...provided your dream was to learn more about the animate method.

Getting the Mouse Movement Direction

JavaScript provides you with a boatload of properties to figure out what your mouse is doing, but it doesn't help you out with figuring out what direction the mouse is actually moving in. That is something you will have to do yourself, but don't worry! In the next few sections, together we'll look at the few simple lines of code you need to do all of this.

Range Mapper & Iteration Basics in Xpresso

Maxon’s UX designer, Orestis Konstantinidis shows the power of using Range Mapper and iterations in Cinema 4D’s Xpresso. Using the simple example of two interacting spheres in C4D, Orestis covers the basics of the Range Mapper Node in C4D. The Range Mapper node allows you to remap values using Xpresso, which can be quite helpful in a lot of tasks.

Centering Content Vertically and Horizontally Using Flexbox

Tutorial preview or category icon
Strangely enough, one of the more difficult things to do using CSS is centering content. Centering content horizontally is relatively easy some of the time. Centering content vertically is difficult almost always. If you've ever tried it, it is hard - especially if you want to avoid using tables. Fortunately, our cries for help were heard, and one of the new weapons added to the CSS arsenal to solve this problem is a layout type known as the flexible box layout. All the cool kids just call it flexbox.

Make body Take Up 100% of the Browser Height

Tutorial preview or category icon
Ok, so here is the setup! A short while ago, I was trying to listen for mouse events on the body of a mostly empty page. What I wanted to do was make the body element take up the full height of the page so that I have a giant hit target that I can do all sorts of event-related shenanigans on. Knowing what I had to do, I specified the body element in the HTML and wrote some CSS...

How to make a file read only

In this post, we will see how to make a read only file in java. It is very simple. You need to just call 's setReadOnly() method.

Java tutorial for beginners

In this post, we will see how to find start node of loop in linkedlist in java. We have already seen how to detect a loop in linkedlist in java. This is extension of that post. It is quite easy to find starting node of loop in linkedlist.

Testing Windows 10 Changes by Refreshing Windows Explorer

Say you’re making some minor changes to Windows 10 that you want to test – something like a registry modification to enable or disable a Windows 10 function. By all accounts a reboot of the computer will allow your changes to take effect. In previous Windows versions, you could shortcut the process and skip the reboot by locating Explorer.exe in the list of processes in Task Manager, shut it down completely, and then perform a File-Run New Task and kick-off Explorer.exe again.

How to install Fail2Ban on CentOS 7

Most Linux servers offer an SSH login via Port 22 for remote administration purposes. This port is a well-known port, therefore, it is often attacked by brute force attacks. Fail2ban is a software that scans log files for brute force login attempts in real-time and bans the attackers with firewalld or iptables. Fail2ban recognizes unwanted access or security breach efforts to the server within the administrator set time frame and blocks the IP addresses which show signs of brute force attacks or dictionary attacks. This program works in the background and continuously scans the log files for unusual login patterns and security breach attempts.

Javascript Regular Expressions Example

Regular expressions are patterns used to match character combinations in strings. They are used to perform pattern-matching and “search-and-replace” functions on text. In JavaScript, regular expressions are also objects. You only need to make sure your web pages have a doctype that requests the browser to use standards mode rather than quirks mode.

How to use the Contact Support app

Microsoft has included a brand new app dedicated to helping it’s customers get fast tech support when they encounter problems. It’s a new universal app that works both in Windows 10 and Windows 10 Mobile. The app is named Contact Support and acts as a portal for reaching the appropriate support service for the specific problem that you are having. As you will see in this guide, it helps you get to the right place faster and more easily, depending on your need.

Seven tips to tap into Word's AutoText power

Word's AutoText feature is like AutoCorrect on steroids. Once you master a few tricks and shortcuts, you'll wonder how you ever got along without it. Word's AutoText feature lets you store text and graphics to insert later. Any content you include regularly is an AutoText candidate. Once you create the entry, you can insert the entire element instead of retyping it. AutoText is similar to AutoCorrect, which replaces commonly misspelled words automatically. But AutoText goes beyond the AutoCorrect feature by storing formatting, line breaks, and even graphics. It's AutoCorrect, but more.

How to Set Up and Customize Email Accounts

Windows 10 comes with a built-in Mail app, from which you can access all your different email accounts (including, Gmail, Yahoo!, and others) in one single, centralized interface. With it, there's no need to go to different websites or apps for your email. Here's how to set it up.

Create an Emotional Photo Manipulation

In this Photoshop tutorial I’ll show you how to create a beautiful field scene featuring an emotional girl. You’ll learn how to combine different stock images using adjustment layers, masking and brushes. You’ll also learn how to adjust color, enhance the atmosphere and create lighting effects.

A Beginner's Guide to AJAX with jQuery

In this tutorial, we’ll walk through a few of jQuery’s AJAX-related functions and methods. More specifically, we’ll take a closer look at the shorthand load method and the generic ajax function.

How to remove all special characters from String

You can use regular expression and replaceAll() method of java.lang.String class to remove all special characters from String. A special character is nothing but characters like ! #, % etc. Precisely, you need to define what is a special character for you. Once you define that you can use a regular expression to replace those character with empty String, which is equivalent to removing all special characters from String. For example, suppose, your String contains some special characters e.g. "Awesome!!!" and you want to remove those !!! to reduce some excitement, you can use replaceAll("!", "") to get rid of all exclamation mark from String.

Reset system with the Remove Everything option

Windows 10 also provides you with the Reset This PC with the Remove Everything option. Unlike its counterpart, this option removes all your data and settings and then reinstalls a fresh copy of Windows 10. This approach comes in handy if you want to scrap everything and start over from scratch or you're getting ready to decommission your PC and want to pass it on. Let's see how the Reset This PC with the Remove Everything option works.

What Is a Landing Page?

Results are what differentiate a landing page from every other page on your site. They’re laser-focused web pages on specific topics that help to (a) bring in more visitors or (b) convert visitors into leads and sales. The trick is moving beyond the visual aesthetic or design to make sure all the proper elements appear correctly on each page. We’ll cover these important pieces, and then dive into explaining what you should consider testing (and why), to increase your return on investment (ROI).

Fix Pro Evolution Soccer Problems

Users are reporting game crashes, sound issues, controller problems, and many more. And in this article, we’ll try to cover all known issues in every version of PES since Pro Evolution Soccer 2013. So, if you’re facing the problems with any of these games, you’ll maybe find a solution here.