Easily Back Up Your Websites with Website Backup Bot

Source: https://www.maketecheasier.com/websiteba…8Make+Tech+Easier%29
Archive: web.archive.org
Capture Date: 10.11.2019 23:17:31

This is a sponsored article and was made possible by Website Backup Bot. The actual contents and opinions are the sole views of the author who maintains editorial independence, even when a post is sponsored.

When running a website or blog, one of the important things you should never ignore is creating regular backups. These backups will help restore your site in the event of any file corruption, hack attacks, unwanted changes to file(s) or database(s), etc.

Typically, many web-hosting services offer some sort of basic backup service to safeguard your data. However, you cannot rely on those backups because they generally don’t bother creating backups for individual websites, you have no control over how many backups are retained, and you cannot restore individual directories, files, or websites.

To bridge the gap Website Backup Bot will give you better control over creating, managing, and restoring website backups, and it will work with any type of website on any hosting platform.

Features of Website Backup Bot

Works with any type of website: Since Website Backup Bot uses regular FTP or SFTP connection to back up a site, it works with almost any type of website. It doesn’t matter if you are hosting a simple HTML website or using a custom or popular CMS software like WordPress, Drupal, Magento, etc. Just enter the FTP details and you are good to go.

You can back up your database in the same manner by entering the essential details like the port number, database name, and authentication details. You can get that information directly from the web-hosting control panel or by contacting your hosting provider.

One-click backup and restore: You can create or restore backups as and when needed with just a single click. It’s a very useful feature when you want to make sure that you have the latest backup before making any big changes to your website.

Schedule backups: Apart from creating on-demand backups, you can automate the backup process by creating custom schedules. For instance, you can create multiple schedules to create daily, weekly, and monthly backups. Since the storage space is limited, you can either configure the schedules to automatically delete backups older than a certain number of days or manually delete them as needed.

Password protect your backups: All the backups are password protected by default. When you download a backup, Website Backup Bot sends the password to your registered email address so that you can decrypt and access the backup files. Of course, you don’t need a password to restore a website via the Website Backup Bot admin page.

No strain on your server resources: Since Website Backup Bot does all the heavy lifting of running backup scripts, compression, etc., on their servers, there will be no strain on your server resources.

Pricing: Compared to other backup services like Codegaurd or BackupGuard, the pricing is very reasonable. The base plan starts at $8 per month which gives you 10GB storage. If you need more, you can upgrade the storage up to 200GB. The good thing is no matter what plan you choose, there is no limit on how many websites you can back up.

Email and phone support: Website Backup Bot offers one of the fastest email and phone support to fix any issues you are having. I personally tried the email support and got a reply from them within thirty minutes with solutions to fix the issue I was facing.

Using Website Backup Bot

First off, create an account with Website Backup Bot, and click on the “Add website backup” link appearing on the top navigation bar.

websitebackupbot-website-backup

Enter a name and all the required FTP details like protocol, username, password, port number, etc. If you face any problems or confusion while filling up the form, click on those little “?” icons to receive on-page help. The help pop-ups are pretty detailed and on-point.

Next, create a schedule by filling in the fields under the “Add a schedule” section. For instance, I created a schedule to back up my website every day and retain the backups for sixty days. Backups that are older than sixty days will be automatically deleted. Once you are done, click on the “Add a website” button.

websitebackupbot-enter-ftp-details

To back up the database, click on the “Add database backup” link on the navigation bar. Enter the necessary authentication details, and click on the “Add a database” button.

websitebackupbot-database-backup

Once the site has been added, Website Backup Bot will initiate the first backup automatically. After the backup has been created, you will receive an email notification. You can see and download the backup from the admin page.

websitebackupbot-backup-in-progress

From now on, depending on the schedule, Website Backup Bot will automatically create website backups.

websitebackupbot-list-backup

To restore a backup, navigate to “View Backups -> View or Restore,” select the folders you want to restore and click on the “Restore” button. Within a few minutes, your website will be restored. Follow the same procedure to restore the database.

websitebackupbot-restore-backup

Conclusion

WebsiteBackupBot does exactly what it says, and its one-click backup and restore feature is very handy. The best part about WebsiteBackupBot is that unlike other backup services, there is no limit on how many websites you can back up. Most of all, the response time of the Website Backup Bot team is is very quick, and that’s certainly helpful in not wasting any valuable time.

That being said, Website Backup Bot does not have some features that could make it even more useful than it already is, such as the ability to compare backups to see changed, removed, and added files, virus or malware scanning, and detailed logging and reporting.

Additionally, the backup process of Website Backup Bot was a little slow, at least for me. In my case, a new WordPress website which is less than 20MB took more than thirty minutes. However, if you schedule daily, weekly, or monthly backups, it’s really not a big deal.

All in all, Website Backup Bot is good at what it does. The service makes up for the few things it lacks with its ease of use, clean user interface, better pricing compared to its competitors, responsive support and the ability to back up an unlimited number of websites.

And to be frank, Website Backup Bot’s position is that they could offer those other features at some point in the future, but at this time they want to keep the price low for their users.

Since Website Backup Bot offers a thirty-day free trial with 5GB storage, there’s no reason to not try it out for thirty days to see how it works for you.

Visit Website Backup Bot

Is this article useful?

Building Interactive Longform Storytelling Contents on WordPress

Building Interactive Longform Storytelling Contents on WordPress

This ebook is all about interactive longform storytelling: what it is, why you need to embrace it and its benefits, how to create one, and the available tools to help you create your first longform content.

Get it now! More ebooks »

8 Awesome CodePen Features for Programming and Web Development

Source: https://www.makeuseof.com/tag/best-codepen-features/
Capture Date: 08.10.2018 23:13:43

Getting started with JavaScript web development can be a frustrating process, but there are tools out there which make it easier.

CodePen.io is an in-browser coding environment designed for both learning to code and to quickly prototype ideas with minimal hassle.

In this article, we look at some of the site’s features and how they can help you become a better programmer.

What Is CodePen?

These CodePen features will help you improve your coding

CodePen provides something called a pen, which comprises three different windows for HTML, CSS, and JavaScript, plus a preview pane that updates in real-time as you type.

While it is frequently used for web developers to showcase ideas for websites, it is also a great place to learn the basics of front-end web development. Here are the most notable features you need to know when using CodePen.

1. Preprocessors

Preprocessors are interpreted or compiled languages designed to simplify coding. They can add features to a language for convenience, and make code easier to read. In web development, a combination of preprocessors for HTML, CSS, and JavaScript are used to create clean code quickly.

If you are learning web development and want to try out different preprocessors, CodePen allows you to switch preprocessors on the fly, and see the code it compiles down to in real time. Each of the three panes on the CodePen app has a dropdown menu in the top right. Select View Compiled HTML/CSS/JS to see how the code will be interpreted.

These CodePen features will help you improve your coding

In this pen, we’ve created a simple site using Haml and Sass to style some header text. Selecting View Compiled shows the standard HTML and CSS. In this example the difference is minimal. While learning a new language, however, it can be useful to see how the preprocessed code looks once compiled.

2. External Resources

Alongside native support for preprocessors, CodePen supports external scripts. This makes it the perfect place to get hands-on experience with libraries for your personal projects, or to brush up on popular web app libraries like React.

7 Best Free Tutorials for Learning React and Making Web Apps 7 Best Free Tutorials for Learning React and Making Web Apps Free courses are rarely as comprehensive and helpful — but we’ve found several React courses that are excellent and will get you started on the right foot. Read More

To add an external library, open the Settings pane on your pen, and head to the JavaScript tab. There are two ways to add resources, either by adding the resource URL manually, or by searching.

These CodePen features will help you improve your coding

We used this feature in our article covering web animation with mo.js, along with Babel preprocessing.

Yes, CodePen pens can be embedded! Go ahead and click on the preview pane above to see the results of the Mo.js tutorial!

Other pens can be imported much like external libraries. This means you can take elements from previously written pens to use like modules in your new pens. CodePen user Adam’s Simple Poll pen is a good example of this.

3. Templates

When you are learning new concepts or testing out new ideas, you frequently use similar components and retread the same steps getting started. CodePen allows the creation of template pens which can cut out the repetition, and let you get straight to the point.

To create a template, open a new pen, make your changes, and select the Template slider in the settings menu.

Until recently, free users could only make three templates, but now all users can have as many templates in their account as they want. Perfect for getting started on a new idea with the minimum delay!

4. Collaboration Mode

The ability to collaborate and teach with CodePen may be its greatest asset. There are already a wealth of great collaboration tools for programmers, but CodePen’s approach is simple and intuitive.

Pro users of CodePen can create a new pen, and open it to collaboration under the Change View menu. This changes the pen’s link into a shareable invitation accommodating a scaling number of people depending on your CodePen Pro plan.

In this instance, I wrote HTML while a friend updated the CSS in real-time, with a labelled cursor identified where they were working.

These CodePen features will help you improve your coding

Anyone with the link can join and use the in-browser chat function, regardless of whether they are a pro user or even have a CodePen account. Provided autosave is off only the owner of the pen can save any changes, making it a safe way to open your code to others without risk.

The open-ended nature of this mode is beneficial for beginners as you can invite almost anyone into your pen to guide you through a difficult concept. It is also a handy mode to know your way around as it is perfect for interviewing potential employees, and has already been used professionally in this way!

5. Professor Mode

Professor mode allows one Pro user to host a room in which only they can edit the code. Between 10-100 users can watch and chat depending on the Pro plan of the host.

These CodePen features will help you improve your coding

The Professor mode allows flexibility between classroom learning and distance learning, or a combination of the two. Using Professor mode will enable people at the back of the class to have the same experience of those at the front, and for the teacher to show bugfixes which will update in real time.

6. Presentation Mode

Presentation mode is designed, unsurprisingly, with presenting code in mind. The app displays in a simplified view, designed to work with overhead projectors. CodePen has optimized Presentation mode for use on lower speed internet connections and weaker hardware.

These CodePen features will help you improve your coding

Shrewd readers may have already realized that the free version of CodePen would provide precisely this function, though the Pro mode does have a few useful features. Layout, font size, and themes can be quickly changed on the fly to suit almost any setting, and showing the link to the pen brings up a jumbo-sized shortened URL making sharing the project easier.

These CodePen features will help you improve your coding

These small changes, along with being able to scale the preview window to fit whatever you are showing off, make presentation mode perfect for both teachers, and developers presenting ideas to colleagues. Presentation mode is also a clean-looking, and simple way to present code if you find yourself interviewing for a programming position.

How to Prepare Yourself for a Programming Interview How to Prepare Yourself for a Programming Interview The best advice for programming interviews. Any interview can be daunting. Do you know enough to pass? Will your solutions be good enough? What if you choke? Apply these five tips. Read More

7. Patterns

Searching for inspiration is made much easier with CodePen’s collections of Design Patterns.

Each category is a collection of example code provided by CodePen users for specific tasks. Are you looking for a way to create dynamic buttons for your site? Accordioning menus? There are a wealth of categories to fit almost any example.

These CodePen features will help you improve your coding

These patterns are also a great way to learn how interactive buttons work, and the different ways dynamic user interfaces can function.

8. Emmet

Emmet, previously known as Zen Coding, is widely regarded as the greatest time saver for HTML and CSS development. The plugin takes some of the code you find yourself writing a lot and converts them into simple shortcuts.

Seeing it in action is better than explaining it, so take the usual setup for an HTML document:

These CodePen features will help you improve your coding

Adding this to every HTML document has been reduced to two actions. Using Emmet, type ! and hit the Tab key. Magic!

These CodePen features will help you improve your coding

Emmet is active as standard on CodePen and is especially useful if you are trying to learn a new concept in JavaScript and need to create the supporting HTML and CSS quickly.

Develop With CodePen for a Better Experience

CodePen is an excellent tool for web developers, and the field is continuously growing. JavaScript is a great language to learn for a future in web development.

There are some great tutorials and courses available for people wanting to get started with JavaScript, and CodePen is a great environment to test out your new skills.

Really Learn JavaScript with 5 Top Udemy Courses Really Learn JavaScript with 5 Top Udemy Courses JavaScript is the programming language of the web. If you have a reason to learn JavaScript, these five excellent courses from Udemy could be the place to begin your coding journey. Read More

How to Make Your Server Invisible with Knockd

Source: https://www.maketecheasier.com/make-linu…8Make+Tech+Easier%29
Capture Date: 16.09.2018 22:57:40

When you have a server that is publicly accessible, hackers can easily scan your IP address and check for open ports (particularly port 22 that is used for SSH) on your server. One way to hide your server from hackers is knockd. Knockd is a is a port-knock server. It listens to all traffic on an ethernet or other available interfaces, waiting for special sequences of port-hits. Clients such as telnet or Putty initiate port-hits by sending a TCP or packet to a port on the server.

In this article we will look at how we can use knockd to hide services running on a Linux server.

Install Knockd on a Linux Server

Knockd is available in most distro’s repositories. On a Debian/Ubuntu/Ubuntu-based server, you can use the apt-get command to install knockd.

sudo apt-get install knockd

For Fedora, CentOS, or REHL users, you can use the yum command:

Install and Configure Iptables

If you don’t have Iptables installed on your server, install it now.

sudo apt-get install iptables iptables-persistent

The package iptables-persistent takes over the automatic loading of saved iptables.

Next, you need to allow already established connections as well as current sessions through iptables. Use the following command to achieve this task:

iptables -A INPUT -m conntrack --ctstate ESTABLISHED, RELATED -j ACCEPT

Next, you need to block all incoming connections to port 22 SSH.

iptables -A INPUT -p tcp --dport 22 -j REJECT

Now let’s save the firewall rules via the following commands:

netfilter-persistent save netfilter-persistent reload

You can go ahead and check whether you have indeed blocked port 22 by connecting to your server via your computer.

Configure Knockd

Now it is time to configure knockd default settings. It is located at “/etc/knockd.conf.” To do so, change to the knockd configuration file using the following command:

cd /etc sudo leafpad knockd.conf

For illustration purposes, I am using the leafpad editor. On your server you can use nano or Vi.

The screenshot shows the knockd configuration file.

knockd

  • Options: You can find configuration options for Knockd in this field. As you can see in the screenshot above, it uses syslog for logging.
  • OpenSSH: This field is made up of sequence, sequence timeout, command and tcp flags.
  • Sequence: It shows the port sequence that can be used as a pattern by the client to initiate an action.
  • Sequence Timeout: It shows total time allocated to Clients to complete the required port knock sequence.
  • Command: This is the command that will be executed once the knocking sequence by the client matches the pattern in the sequence field.
  • TCP_FLAGS: This is the flag that must be set on the knocks issued by the client. If the flag was incorrect but the knock pattern bcorrect, the action will not be triggered.

Note: The iptables command in the OpenSSH section in Knockd configuration file uses the -A option to append this rule to the end of the INPUT chain. This causes all the remaining connections to drop.

To prevent it, replace it with the following below:

command = /sbin/iptables -I INPUT 1 -s %IP% -p tcp --dport 22 -j ACCEPT

This command ensures that a new rule will be added to the top of the INPUT chain to accept ssh connections.

Enable and Start Knockd Service

Use the following procedure to enable the knockd service in “/etc/default/knock.”

Change value from 0 to 1 as shown in the screenshot.

knockdconf

knockdconf-1

Afterwards, save and close the file “/etc/default/knockd.”

Next, you can start the knockd service by using one of the following commands:

sudo service knockd start

or

sudo systemctl start knockd

Time to Knock-Test Your Linux Server

Now it’s time to test your Linux SSH server. To open port 22 at a specified IP address, use the following on your computer. (You will need to install knockd on your computer, too)

knock -v my-server-ip 7000 8000 9000

You need to replace “my-server-ip” with your server’s IP address.

You can now connect to port 22 SSH by using the following command:

After you have finished with whatever you wanted to do via port 22, you can close it using the following command:

knock -v my-server-ip 9000 8000 7000

Conclusion

With knockd, you are well-assured that your SSH server is secured nad safe from attackers with sophisticated scanners. In addition, you are completely in charge of your SSH server.

How to Create a Website in Minutes Using HTML5 Boilerplate

Source: https://www.makeuseof.com/tag/html5-boilerplate-tutorial/
Capture Date: 16.09.2018 22:59:05

When you’re building a new website, these days you’ll want it to be HTML5-compatible. But you also don’t want to spend unnecessary time learning the intricacies of HTML5 from scratch, do you?

Fortunately, the HTML5 Boilerplate template can help. It’s a simple front-end template that you can use to create a HTML5 website in just a few minutes. But it’s also powerful enough that you can use it as the foundation of a complex, fully featured site.

This HTML5 Boilerplate tutorial will go over what comes in the template, the basics you need to know about how to use it, and some resources for further learning. I’ll also show you how I used the template to create a very basic site with only a few lines of HTML.

The HTML5 Boilerplate Template

When you download the template from HTML5 Boilerplate, you get a number of folders and files. Here are the contents of the ZIP file:

css ---main.css ---normalize.css doc img js ---main.js ---plugins.js ---vendor ---jquery.min.js ---modernizr.min.js .editorconfig .htaccess 404.html browserconfig.xml favicon.ico humans.txt icon.png index.html robots.txt site.webmanifest tile.png tile-wide.png

We won’t be going over every element in the template here, only the basics. To make sure you have the resources to use all of the files, though, we’ll start with the help documents.

HTML5 Boilerplate Help Documentation

Boilerplate has a collection of help documents hosted in GitHub. This is a big help when you have technical questions or are wondering why something was designed the way it was.

Almost everything in the documentation is also included in the doc folder of the template. You’ll see a number of Markdown (.md) files that are a big help in figuring out how to build your Boilerplate site.

create website from scratch with HTML5 boilerplate template

If you want to read through everything, start with TOC.md and follow the links from there to other Markdown files. If you’re looking for help on a specific issue, find the file that sounds like it might be related; usage.md is a good place to start.

Starting With HTML5 Boilerplate’s CSS

The HTML5 Boilerplate template comes with two CSS files: main.css and normalize.css.

The second file, normalize.css, helps different browsers render elements in consistent ways. To learn more about how it works, check out the normalize.css project at GitHub.

Meanwhile, main.css is where you’ll put in any code that you need to format your site with CSS. The standard CSS included with the template is the result of research conducted by developers and the HTML5 Boilerplate community. It’s readable and displays nicely in different browsers.

10 Simple CSS Code Examples You Can Learn in 10 Minutes 10 Simple CSS Code Examples You Can Learn in 10 Minutes We’ll go over how to create an inline stylesheet so you can practice your CSS skills. Then we’ll move onto 10 basic CSS examples. From there, your imagination is the limit! Read More

If you want to add your own CSS, you can add it to the Author’s Custom Styles section. I’ll add a bit of link styling for our example page:

create website from scratch with HTML5 boilerplate template

There are also a number of useful helper classes included in the base CSS. Some of them hide items from standard browsers and screen readers (or some combination).

Also in main.css you’ll find support for responsive design and helpful print settings.

All of these items are clearly explained by comments in the CSS:

create website from scratch with HTML5 boilerplate template

In general, you can get started with the base CSS.

Adding Your Own HTML to the Template

Boilerplate includes two HTML files: 404.html and index.html.

The index page is where you’ll create your homepage (or your only page, if you’re going for a simple one-pager).

Just a Single Page Website: 3 Reasons Why It Can Work For Your Idea Just a Single Page Website: 3 Reasons Why It Can Work For Your Idea Read More

If you open the index page in a browser, you’ll see a single line of text. But looking into the HTML reveals a lot more hiding in the code. The only thing that you really need to worry about changing is the Google Analytics code (find the text “UA-XXXXX-Y” and replace it with your own tracking code).

The rest of the HTML on the index page includes information for web apps, notifications for old browsers, and useful JavaScripts. When you’re getting started, you shouldn’t need to mess with any of this.

Having them already pre-populated, however, is a good way to make sure that your site is prepared to get the most out of HTML5.

To create your page, insert your HTML between the <body> tags in the file. Here’s some basic information that I’ll add about myself:

create website from scratch with HTML5 boilerplate template

Want to create more pages? Create copies of this file and rename them so you don’t have to copy and paste all of the HTML over. Then add your content.

If you’d like to customize your 404 page, just modify the HTML file. Not sure what to put on your 404 page? Check out these great 404 page design examples.

How To Make a Great 404 Error Page & 10 Examples How To Make a Great 404 Error Page & 10 Examples A smartly designed 404 error page can be the difference between a boring website and a memorable website. Read More

Adding a Favicon (and Other Icons)

Want to replace your favicon? Then favicon.ico is the file you’ll need to replace.

If you don’t have one yet, you’ll need to create one. You can use an online favicon generator or design your own. Just make sure that it’s 16 x 16 pixels and has the .ico file type.

It’s a good idea to put some thought into your favicon. Use these famous favicons to guide your brainstorming. Make sure that when you add the new favicon it’s called favicon.ico.

Your Favorite Icons: 14 Favicons That Stand Out From The Crowd Your Favorite Icons: 14 Favicons That Stand Out From The Crowd Once you start noticing favicons, you realize how much they differ. Most are boring, predictable, and instantly forgettable. But some are good enough to stand out from the crowd. Read More

You may notice that there are three other images in the root directory of your site: icon.png, tile.png, and tile-wide.png. What are these for?

  • icon.png is used for Apple touch icons. If you build a web app, this icon will be used when an iPhone or iPad user adds the app to their homescreen.
  • tile.png and tile-wide.png are for Windows’ “pin” functionality, and will show up in Windows 10.

It’s a good idea to provide icons for all of these cases—but if you’re not building a web app, it can be a lower priority.

Adding More Functionality

Once you’ve added your HTML and a favicon (as well as any CSS you may want to include), your site is ready to be published. That’s how easy it is to use HTML5 Boilerplate. Upload it to your server, and you’re done!

Here’s what our page looks like:

create website from scratch with HTML5 boilerplate template

As you can see, just a few lines of text has created a fully functional (if a bit bland) website. It’s not much, but it only took a few minutes. And it’s highly extensible with HTML5. That’s the power of the Boilerplate template.

But there’s plenty more you can do with the Boilerplate template if you’d like. If there’s something specific you’re looking for, there’s a good chance you’ll find it in the help documentation.

If you’re not sure what you can do with HTML5, but you’d like to find out, there are plenty of web design tutorials out there to help you out.

Need a Website Design Tutorial? Use These 10 Awesome Resources Need a Website Design Tutorial? Use These 10 Awesome Resources Web design is a great skill to have — it lets you create your own website and can be a great path to a new career. Here’s how to learn the basics. Read More

5 Fast and Free Web Apps to Transfer Large Files Locally or Online

Source: https://www.makeuseof.com/tag/web-apps-transfer-large-files/
Capture Date: 16.09.2018 22:59:38

Need to share a file quickly? These five sites let you transfer files either on Wi-Fi or online. You don’t need to install anything, and they’re completely free.

There are several ways to transfer files between computers. Our most recommended app is Send Anywhere, which works on all platforms. But other apps have their own methods that make them worth a look, from torrent-like transfers to fully no-internet-needed sharing.

Firefox Send: Private File Sharing, Deleted After 24 Hours

In an age where you want to be sure that any private data isn’t stored on some company’s servers, something like Firefox’s Send is the order of the day. It’s a simple file-sharing site for those who want to protect their data.

Go to the site, upload your files, and share the unique link with any friends. The files will be downloadable for 24 hours from the time of upload. And yes, it works the same on desktop or mobile. This is like one of those no-installation apps to transfer files quickly.

5 No-Installation Apps to Copy-Paste or Transfer Files Quickly 5 No-Installation Apps to Copy-Paste or Transfer Files Quickly Installed file transfer tools may be better for sending heavy files from one device to another. But here are five solutions when you need something simpler without installing anything. Read More

The extra reassurance is from the makers behind the app, as Mozilla Firefox puts a premium on privacy and security of Internet users. And no, you don’t need be on Firefox to use Send, it’ll work on any modern web browser.

NoFile.io: Previews, Encryption, and Dropbox Saving

free web apps transfer large files

There are several apps like Firefox Send, where you upload a file and share a link. NoFile takes this standard file-sharing template ands adds just enough extra features to turn it into a powerhouse.

For starters, you can preview any file before download. This is especially useful for images and videos, so that you know exactly what you want to save. NoFile also encrypts files during all transfers, adding that little extra security layer.

And for extra-sensitive files, you can even encrypt before uploading so that no bot can check the file before your recipient downloads it.

Finally, in case you don’t want to download a file but still save it somewhere, NoFile offers to let you download it to your Dropbox directly.

Fastest Fish: Transfer Without Waiting for Upload

free web apps transfer large files

Most transfers like Firefox Send require you to fully upload your file to a server. Then it generates a URL, and someone can download the files with that URL. For large files, this is a lot of time-wasting.

Fastest Fish uses peer-to-peer file sharing technology so that the upload and download is simultaneous. Think of it as all those piracy-oriented apps you grew up with, except this time, you’re using it for your own transfer needs.

How P2P (Peer to Peer) File Sharing Works How P2P (Peer to Peer) File Sharing Works There has always been a dark side to the Internet, and from the earliest days piracy was rampant. It began with message boards even before the traditional “internet” as we know it was even born,… Read More

Fastest Fish requires a few things though. You need to ideally use Google Chrome, and both the sender and receiver have to be online at the same time. A simulated network loss on the sender’s side didn’t kill the whole transfer; when I resumed network connectivity, the file transfer picked up where it stopped.

Instant.io: Private Sharing via Web Torrents

free web apps transfer large files

Instant.io combines the best features of Fastest Fish and Firefox Send into one app. This app is a private torrent-maker, letting you create a torrent with your own files.

Once you’ve added the files to Instant.io, share the torrent file or the Magnet URL with anyone who has to download it. They can put the URL in Instant.io and start the download immediately. Again, you’ll have to use Chrome, and all uploaders and downloaders will need to be online at the same time.

Instant.io is great for sharing large files when you’re in a large, distributed team, and is a perfect example of surprising legal uses for torrents.

8 Legal Uses for BitTorrent: You’d Be Surprised 8 Legal Uses for BitTorrent: You’d Be Surprised Like HTTP, which your browser uses to communicate with websites, BitTorrent is just a protocol. You could use your browser to download pirated content, just as you could use a BitTorrent client to download pirated… Read More

FileRoom.io: Share Files With Anyone on the Same Wi-Fi

free web apps transfer large files

When you’re working in a coffee shop or a shared workspace, the entire network isn’t at your disposal. But if you and your teammates want to transfer files quickly and privately, hop on to FileRoom.

This is basically a place where one person can send files to many others, as long as you are all connected to the same Wi-Fi network. FileRoom gives each individual the name of an animal, which can get confusing if you’re in a large team. But for teams of three or so, the app is perfect for quick file-sharing.

There is no chat room, comments, or other paraphernalia here. The idea is that you are all next to each other, so you can talk in person. Use FileRoom only when you need to share a file.

If You’d Rather Install File Sharing Apps…

All of the above options are for for quick, last-minute transfer, so it helps those who want to use a web browser and avoid installing another app on their phone or computer.

But if you transfer files between computers regularly, you’re better off with one of these awesome apps for sharing large files.

4 Best Apps for Sharing Large Files Instantly 4 Best Apps for Sharing Large Files Instantly With these apps, sharing large files with someone in a split second will be the easiest thing you’ve ever done. Read More

File Explorer Search Filters Every Windows User Should Know

Source: https://www.maketecheasier.com/windows-f…8Make+Tech+Easier%29
Capture Date: 16.09.2018 23:00:59

The most common way to search in Windows File Explorer is to plop a word in the search bar, and the File Explorer will spit out the results. The File Explorer’s search bar is far more powerful than you think. Though there is nothing wrong with the general approach, you can further improve the search results using Windows Advanced Query Syntax, or what is simply known as search filters. Here are some of the most useful File Explorer search filters that every Windows user should know.

Find Files with a Specific Extension

When you want to find files with a specific file extension, then all you have to do is use the *.fileExtension search filter. The * in front of the file extension is called a wildcard and helps to ignore the filename. For instance, if you want to find all the MS Word documents on your hard drive, all you have to do is type *.docx in the File Explorer search bar and press the Enter button.

file-explorer-search-filters-file-extension

Since we are already using the wildcard, if you know part of the file name, you can add it before or after the * symbol. For instance, a search like ra*.mp3 shows all the mp3 files with the letters that start with “ra.”

Find Files Based on File Size

When your hard disk is filling up, it is time to find all those big files and either delete them or move them to other locations. To help you with that, File Explorer has a specific filter to find files based on their file size.

To find files based on file size, enter size: fileSize in the search bar. Replace “fileSize” with the actual file size, like 100MB. You can also use greater than (>) and less than (<) signs to find files larger or smaller than the specified file size. For instance, if you want to find files that are larger than one gigabyte, then use the search filter size: >1GB.

file-explorer-search-filters-size-filter

Though you can manually enter the file size as needed, File Explorer has some built-in easy-to-remember pre-defined properties to make things a tad bit easier. They are as follows.

  • Empty: Files that are empty or 0KB
  • Tiny: Files between 0 to 10KB
  • Small: Files between 10KB and 100KB
  • Medium: Files between 100KB and 1MB
  • Large: Files between 1MB and 16MB
  • Huge: Files between 16MB and 128MB
  • Gigantic: Files larger than 128MB

To use the above properties, type size: medium and press Enter. Of course, you can replace “medium” with any option you want.

Find Files Based on Date

Other than file size, you can also use the File Explorer’s search bar to find files that are created on, after, or before a certain date. Just like with the file size filter, you have to use the keyword date: to search files based on date. To be helpful, as soon as you type “date:” in the search bar, File Explorer will show a simple calendar so that you can quickly choose the date you need.

Use the > and < signs to find files created after or before the given date. If needed, you can use “>=” and “<=” to find files that are created on or after a given date and on or before a given date.

file-explorer-search-filters-date-filter

Find a Specific Kind of Files

While the file extension filter helps you find all the files with that specific extension, the “kind” filter helps you find all the files of a specific kind, regardless of their extension. For example, if you want to see all the images on your hard disk regardless of their file extension, like JPG, PNG, PSD, ICO, etc., then all you have to do is type kind:=picture.

file-explorer-search-filters-kind-filter

There is a whole boatload of the “kind” properties. They include but are not limited to calendar, communication, film, music, note, video, task, program, email, and feed. The good thing is you don’t have to remember all these properties. Just place your mouse cursor in the search bar, click on the “Search” tab and then select the “Type” option to see all the available properties.

file-explorer-search-filters-type-filter

Find Files with the Specific Tag

I’ve recently shown how to tag files in Windows. Once tagged, you can find those files using the tag: property. For instance, if you want to find all the photos that are tagged as “vacation,” you simply type tag: vacation in the search field.

file-explorer-search-filters-tag-filter

Additional Search Operators

Apart from the above search filters, File Explorer also offers additional search operators like “AND,” “OR,” “NOT,” and “[search term]” to further refine the search experience. If you have basic programming knowledge, you might’ve already guessed what these search operators can do. Other than “[search term],” these search operators are used to combine two search filters.

AND: when used, it will show results that satisfy both search filters. For example, *.mp3 AND size: >100MB will show all the MP3 files that are over 100MB.

file-explorer-search-filters-and-filter

OR: while the AND operator only shows results that satisfy both parameters, the OR operator shows results that satisfy at least one parameter. For example, using financial OR banking in the search bar results in files that have the word financial or the word banking in their name.

file-explorer-search-filters-or-operator

NOT: the NOT operator is useful when you want to exclude an item or search filter. As an example, a search like financial NOT banking will show all the files that contain the word “financial” but not “banking” in their name.

“[search term]”: When you know the exact phrase, you can use the “[search term]” filter and replace [search term] with the actual search term. A search like "family vacation" will result in files that have the exact phrase “family vacation” in them names.

Conclusion

The File Explorer’s search bar is a very powerful tool. The above search filters and operators are good enough for day to day usage. However, there are a lot more things you can do with the File Explorer’s search bar. Thankfully, Microsoft has detailed documentation regarding its Advanced Query Syntax and how to use it. So, spend some time with it and refine your search skills.

Comment below sharing your thoughts and experiences regarding using the above search filters to search in File Explorer.

How to Play Almost Any Video Game on a Raspberry Pi

Source: https://www.makeuseof.com/tag/play-video-games-raspberry-pi/
Capture Date: 16.09.2018 23:03:12

You’ve got a Raspberry Pi. You’ve probably entertained the idea of using it for retro gaming. But what if we told you that you don’t need to stop there—that you can play a massive selection of games, past and present, using a Raspberry Pi?

You probably don’t believe us, but it’s totally true. Save for a handful of modern console games, you can play almost any video game on a Raspberry Pi. Here’s everything you need to know about it.

6 Ways to Play Video Games on Raspberry Pi

Incredibly, you have six options for gaming on your Raspberry Pi. You’re not limited to Linux titles, or to games intended for x86 systems (like standard PCs). As long as you do it right, a massive library of games can be enjoyed on your Raspberry Pi:

  1. Retro gaming with RetroPie, RecalBox, and Lakka
  2. Play Raspberry Pi-exclusive games
  3. Install classic games directly on Raspberry Pi
  4. Play classic PC games with DOSBox
  5. Play PC games on Raspberry Pi with Exagear and Wine
  6. Stream modern PC games to Raspberry Pi with Parsec

Each of these six options will deliver some great gaming action to your Raspberry Pi. Let’s look at each in turn.

1. Retro Gaming With RetroPie, RecalBox, and Lakka

You probably already know about the possibilities of retro gaming with a Raspberry Pi. It’s one of the little computer’s most popular uses! While individual emulators can be installed on a per-platform basis, it’s a good idea to use one of the retro gaming suites, which include support for all emulators, including MAME for arcade machine emulation.

While these can be installed as full disk images, some are also available as apps to run on Raspbian (or your preferred Raspberry Pi operating system). All in all, there are several retro gaming systems for Raspberry Pi worth checking out.

10 Operating Systems You Can Run With Raspberry Pi 10 Operating Systems You Can Run With Raspberry Pi The hardware of the Raspberry Pi alone is only one side of the story: Today I explore 10 different Operating Systems you can install. Read More

Once installed, you’ll be able to copy your favorite retro gaming ROMs to your Raspberry Pi. In the video above, I demonstrate how to run Dreamcast games on Raspberry Pi 3. Note that as Raspberry Pi computers become more sophisticated, the more platforms are added as emulators.

Be sure to only use ROMs that you own the physical copy of, in order to avoid charges of copyright theft.

2. Play Raspberry Pi-Exclusive Games

Several games that have been designed to run on the Raspberry Pi are also available. You probably already know about Minecraft PE, which comes preinstalled with Raspbian (or even set up a Raspberry Pi as a Minecraft server).

Most games designed to run natively on the Raspberry Pi are written in Python. You can find a great selection of Python games at pygame.org. Meanwhile, you’ll find games that run on the Raspberry Pi via the Add/Remove Software tool.

3. Install Classic Games Directly on Raspberry Pi

An impressive collection of classic games has been re-released as open source over the past few years, enabling them to be ported to other platforms. Often, this means Linux, but typically only with x86 support. Fortunately, it can also mean ARM, which means Raspberry Pi compatibility.

Titles such as Doom, Quake III, and even Star Wars Jedi Knight II: Jedi Outcast have all been ported to the Raspberry Pi. All you need to do is download, install, and start playing! Our guide to running Doom on Raspberry Pi will give you a good idea of how simple this is.

How to Run Doom on Your Raspberry Pi Without an Emulator How to Run Doom on Your Raspberry Pi Without an Emulator It’s now possible to run FPS classic Doom on the Raspberry Pi, thanks to Chocolate Doom. We’ll show you everything you need to know. Read More

4. Play Classic PC Games With DOSBox

How to Play Almost Any Video Game on a Raspberry Pi muo gaming dosbox civ

Another option for playing classic games on your Raspberry Pi is with DOSBox. This is an emulator for Microsoft’s MS-DOS operating system, which precedes Windows (but was packaged with Windows 95 and 98). Almost all classic PC games can be installed in DOSBox, and the software can run on Raspberry Pi.

So, you can expect to revisit (or discover!) classics like F117A Stealth Fighter, the original Sim City and Civilization games, and many more. It’s estimated that over 2,000 titles were released for MS-DOS, so you’ll have plenty to keep you entertained!

Note: You’ll find most of these old PC games require keyboard and mouse, not a modern game controller.

5. Play PC Games on Pi With Exagear and Wine

how to play almost any video game on raspberry pi

Incredibly, you can even run some Windows games on a Raspberry Pi thanks to Wine. While the popular Windows application layer software for Linux is not designed to be run on ARM systems, Exagear’s software makes it possible.

The result is an ever-growing collection of Windows PC games that will run on your Raspberry Pi, with a bit of tweaking. Admittedly, these are not recent titles, but given that many older Windows games won’t work in modern versions of the operating system, running them on a Raspberry Pi instead seems like a good alternative.

Need some help? Check our guide to installing Windows software on a Raspberry Pi with Exagear.

How to Install Windows Software on Raspberry Pi Using Wine How to Install Windows Software on Raspberry Pi Using Wine It’s now possible to run Windows software on a Raspberry Pi thanks to the ExaGear desktop environment. Here’s all you need to know to get started. Read More

6. Stream Modern PC Games to Pi With Parsec

Configure streaming in Parsec

Finally, and perhaps most surprisingly, you can stream games from Windows, macOS, and Linux PCs to your Raspberry Pi. While this will require a powerful PC in the background to run the game, this changes everything.

You’ll need a reliable network and a Raspberry Pi 3 or later, but with Parsec set up on the PC and on Raspbian, it’s simple to stream whatever is running on your computer to your Raspberry Pi. We’re not talking retro gaming anymore, either.

The latest titles, as long as they run on your PC, can be streamed to your Pi. This makes the Raspberry Pi an alternative to the Steam Link. Our guide to using Parsec with Raspberry Pi shows you how to make this happen.

How to Stream Any PC Game to TV Using a Raspberry Pi How to Stream Any PC Game to TV Using a Raspberry Pi Don’t limit yourself to streaming only Steam games from PC to TV. With a Raspberry Pi, you can stream ANY game installed on your computer—without worrying about Steam Link! Read More

Raspberry Pi: A Surprisingly Versatile Gaming Device!

Amazing, isn’t it? The Raspberry Pi is an incredibly versatile machine, capable not only of letting you play your favorite retro games, but also current games thanks to streaming technology.

Better still, you can retain your existing retro game emulators at the same time as running Exagear or Parsec. In short, each of the six options listed here can be set up on a single Raspberry Pi 3 or later. Given the price of the Raspberry Pi, this surely makes it the most amazing gaming computer currently available!

All of this makes it the ideal gaming device, perfect for installing in a gaming cabinet!

7 Fantastic RetroPie Game Stations You Can Build This Weekend 7 Fantastic RetroPie Game Stations You Can Build This Weekend Retro gaming is soaring in popularity. These 7 awesome RetroPie game stations can all be built in a weekend with hard work and a Raspberry Pi. Read More

How to Create a Hosting-Free Website With Itty Bitty

Source: https://www.makeuseof.com/tag/create-hos…-website-itty-bitty/
Capture Date: 16.09.2018 23:03:49

With programming, online creativity knows no bounds. Every day, programmers across the Internet use their skills to create small projects for the public. Itty Bitty, a website created by former designer for Google and current vice President at Dropbox Nocholas Jitkoff, is one such small project.

Using the Itty Bitty site, you can create a tiny HTML website for free even if you don’t have any web hosting.

An Itty Bitty Explanation

Build a hosting free HTML website with Itty Bitty

Here’s how it works: itty.bitty.site creates small sites by loading them through their URLs. In other words, your site is stored, and presented, within its link.

Because of this, websites created using Itty Bitty require absolutely no web hosting. The URL itself holds the entire data of the site: what it looks like, what it says, etc.

You’ll note that once you receive your Itty Bitty link, it’ll be a bit larger than usual. That’s your entire website.

Link for Link

Build a hosting free HTML website with Itty Bitty

The actual site created by Itty Bitty has a very minimal interface. Keep in mind, every additional page on the site is created using the site itself.

From this page, you can immediately begin using basic HTML for create a simple page.

If you want to create a more robust Itty Bitty site, you can either drag and drop an HTML document directly into the website or link an existing project directly into the prompt.

While your document or link may use other programming languages like CSS or JS, they’ll still be loaded with your Itty Bitty site. That said, the main benefit of using Itty Bitty (and the central reason it can be loaded from an address) is that your page has to be kept under a certain, small size.

How Small Is an Itty Bitty Site?

Build a hosting free HTML website with Itty Bitty

If Itty Bitty is free and requires no web hosting, how big can your site really be? The answer: not very.

The site presents the size of your website to you at the top-right portion of the window. While sites can fluctuate in size, that also means your link will fluctuate in size as well. Some sites won’t allow you to share links larger than a few bytes, which can limit your ability to share bigger sites.

Luckily, the creator has posted the max byte sizes possible for plenty of popular platforms to explain what sizes different platforms will accommodate:

Build a hosting free HTML website with Itty Bitty

If you’re looking to shorten a website using Bitly, for example, you’re going to have to create a very small website. That goes for Microsoft Edge as well. If you’re only looking to share it across browsers, however, you can create a much larger site.

From Link to Itty Bitty Site

While you can also create Itty Bitty sites by dropping HTML files directly into it or by typing the site contents directly, I’ll demonstrate using a Codepen project previously made by Dudley Storey.

Codepen is the easiest way to create your site using Itty Bitty. Codepen provides users with both an easy-to-use developer environment and a convenient linking process.

Build a hosting free HTML website with Itty Bitty

The above is a fantastic example of how a strong HTML backbone—and other subtle programming additions—can create a simple website. Luckily, it’s also small enough to share across many of the platforms listed above.

To convert a Codepen project into an Itty Bitty site, paste the Pen’s link into the Itty Bitty site. Then, mouse over the gray untitled section and edit the text to reflect your site.

Build a hosting free HTML website with Itty Bitty

Next, click on the menu at the top right of the window.

Build a hosting free HTML website with Itty Bitty

This is where you create the link to your Itty Bitty. While it may not seem as though you’ve just created a website, you have!

Once you click the copy link option, you can paste the link into your browser to view the site. Also important to note: by default, Itty Bitty sites can be sent via QR code.

That allows for a slew of options, like attaching a physical reference for lost devices.

Build a hosting free HTML website with Itty Bitty

Congrats, you now have a ready-to-link website that is server-less and free!

Shorten Your Itty Bitty Link Even Further

You can also create a clutter-free link using a link shortening tool. I’ll use Bitly, which not only allows you to shorten links but also allows you to customize the link with your own text if you sign up for a free account.

Our original Codepen example is too large to condense using Bitly, so here’s another fantastic project by JT Helms. I simply followed the process above to convert this Pen to an Itty Bitty site.

Once you have your link, head to Bitly. Paste your link into Bitly’s splash page, or sign into your account and select the Create button. Enter your link in the following prompt.

Build a hosting free HTML website with Itty Bitty

Once you’ve pasted your link, it will automatically be converted. Then, adjust your link as you see fit using Bitly’s editor if you’re logged in.

Build a hosting free HTML website with Itty Bitty

I change the initial link to ITTYBITTYEXAMPLE. You can now head to bit.ly/ITTYBITTYEXAMPLE as you would any other site—except, of course, that it’s free and requires no web hosting or server maintenance.

Security for Itty Bitty Sites

Build a hosting free HTML website with Itty Bitty

While this is a cool and ingenious way to create small HTML sites, it’s not without its flaws. You can misuse an Itty Bitty site as easily as you can any other. That means sites can annoy you with features like alerts.

Since the site is still in an experimental phase, don’t necessarily rely on the site as a main method of establishing a safe web presence.

The Itty Bitty Possibilities Are Endless

Creativity found online is often impressive. Rarely, however, is it as simple, accessible, and easy to use as Itty Bitty. Want to showcase a small application? Messing around with div elements? It’s all readily doable using the Itty Bitty site.

Moreover, you’re not limited to a certain number or sites. Take a note from the site’s creator Nocholas Jitkoff and link a site within a site for a comprehensive, multi-page explanatory website. Or make an ASCII bulldog. The possibilities are small in size, but endless in scope, so try out this little online experiment today!

Go further and make even better sites by improving your knowledge of HTML and CSS before creating an Itty Bitty site!

Learn HTML and CSS with These Step by Step Tutorials Learn HTML and CSS with These Step by Step Tutorials Curious about HTML, CSS, and JavaScript? If you think that you have a knack for learning how to create websites from scratch — here are a few great step-by-step tutorials worth trying. Read More

How to Play Classic PC Games on Your Raspberry Pi

Source: https://www.makeuseof.com/tag/play-class…-games-raspberry-pi/
Capture Date: 16.09.2018 23:06:22

An incredible library of games and other software is available to your Raspberry Pi. You probably know that it makes a great base for emulating other platforms, but did you know it could run retro PC software?

Before Windows, there was MS-DOS. This old disk operating system from Microsoft can be emulated on the Raspberry Pi in a couple of different ways. Which method you choose depends on the outcome you’re looking for.

Here’s how to install old PC games on a Raspberry Pi!

Running DOS Software on Raspberry Pi

Civilization on a Raspberry Pi with DOSBox

Microsoft’s first PC-based operating system, MS-DOS was released in 1981 and discontinued in 2000. During this time, over 2000 games were released for what was then a largely office-based computer system.

Furthermore, Windows 95 and 98 could run DOS software. Often you would leave the desktop operating system to run MS-DOS games and applications.

The process is straightforward:

  1. Install DOSBox
  2. Configure DOSBox
  3. Find MS-DOS games
  4. Install MS-DOS games
  5. Enjoy!

For the best results, make sure you’re using a Raspberry Pi 2 or later, with an 8GB or higher SD card. Classic PC games typically need a keyboard and mouse to play, although some controllers and joysticks are supported.

You’ll also need an HDMI cable and display to enjoy the games (instead of a remote VNC or RDP connection, which can kill the magic somewhat).

VNC, SSH and HDMI: Three Options for Viewing Your Raspberry Pi VNC, SSH and HDMI: Three Options for Viewing Your Raspberry Pi The Raspberry Pi is a remarkable little computer, but it can be time consuming to set it up and connect it to your monitor. Read More

Step 1: Install DOSBox on Raspberry Pi

DOSBox on Raspberry Pi

You should already have an operating system installed on your Raspberry Pi before starting. With the Pi powered on, open a terminal, and check for updates:

sudo apt upgrade sudo apt update

Once done, install DOSBox:

sudo apt install dosbox

Step 2: Configure DOSBox on Raspberry Pi

Install DOSBox on Raspberry Pi

Configuring is a bit trickier. You’ll need a directory to run DOSBox and the software from:

mkdir dos

Next, edit the DOSBox configuration file in nano:

sudo nano .dosbox/dosbox-0.74.conf

Next, scroll to the end of the file and add your mount instruction under the [autoexec] heading.

Configure DOSBox to auto-mount a directory.

This will ensure that when DOSBox runs, it uses the dos directory as the C: drive.

mount c ~/dos c:

Save and exit the text editor with Ctrl + X, and hit Y to confirm.

You should now be able to run DOSBox from the Games menu on your Raspberry Pi!

Step 3: Find MS-DOS Games for Raspberry Pi

Where can you find suitable games? Well, thrift stores and eBay are a good place to start. Old games will typically be available on CD-ROM or floppy disk, however, so you’ll need to make sure you have the right type of disk drive connected to your Raspberry Pi.

If this isn’t possible, then you will need to rely on disk images found online. We can’t link you to these as there are copyright considerations. Such ROM files can be found in ZIP format, unpacked, and installed within DOSBox just as they might be on a genuine MS-DOS PC.

To avoid breaching copyright and breaking the law, restrict your use of game ROMs to titles you already own.

You really shouldn’t need to break copyright law to get hold of old games, however, as so many have been made open source. A big selection of such games can be found at the Internet Archive. Here, you’ll find everything from genuine games to cover discs full of shareware titles.

In short, you should be able to find something to play very easily. But what do you do once the games have been downloaded? How can you load them into DOSBox?

Step 4: Install MS-DOS Games on Raspberry Pi

To run DOS games on your Raspberry Pi, you need DOSBox to be aware of the game. The best way to do this is create a new directory for your games within the dos directory:

mkdir dos/games

You can then use the mv (move) command to copy any games from Downloads into this new folder:

mv Downloads/[GAME_TITLE] dos/games/

You’re now ready to start installing and playing games.

Launch DOSBox, and use the command line to navigate into the /games/ directory. Remember, you’re in an environment emulating MS-DOS, so different commands are needed. While cd still changes directory, the contents are listed with dir (you can use dir /p to display the contents list a page at a time). Type help to get more assistance.

Install games in DOSBox

Once you have copied games into the games directory, open a specific directory, then find the install.bat file and run it. Sometimes, this may be named after the game in question. For instance, in this example, I used cm2.bat to begin installation of Championship Manager 97-98.

Wait while the game installs. Once done, you can usually run the game using the shortened form of its title. Often, this is the same as the BAT file, but without the suffix.

For example, to run Championship Manager 2, I simply entered cm2. This will differ from game to game, however, so check the documentation. If all else fails, run the appropriately names EXE file to launch the game.

Copy game ROMs from your PC to Raspberry Pi over FTP

Note that you can also copy games to your Raspberry Pi from your PC. If you have SSH enabled on the Pi, the SFTP function of your preferred FTP software (we like Filezilla) will let you copy game files to the Pi. You should probably save them directly to the /games/ directory to save time.

When you’re done with DOSBox, simply exit the environment with a single command:

exit

Classic PC Games on Raspberry Pi Made Easy!

It can be a little time-consuming to set up a DOS environment on your Raspberry Pi, but once you’re up and running, you have a massive library of games and software at your disposal.

This isn’t the only way to play classic PC games on your Raspberry Pi, however. Some titles have been ported to Linux and altered to run on the Raspberry Pi without emulators.

10+ Classic Games You Can Run on Raspberry Pi Without Emulators 10+ Classic Games You Can Run on Raspberry Pi Without Emulators Want to play some classic games on your Raspberry Pi? These ten titles are available without using emulation. Grab them and you’ll be playing in minutes! Read More

How to Add One-Click Login With Google in WordPress

Source: https://www.wpbeginner.com/plugins/how-t…google-in-wordpress/
Capture Date: 16.09.2018 23:07:02

Last updated on July 30th, 2018 by

Do you want to add one-click login with Google to your WordPress site? Allowing users to login with their Gmail account saves them time because they wouldn’t have to remember their WordPress username and password. In this article, we will share how to easily add one-click Google login in WordPress.

How to add one-click login with Google in WordPress

Why You Should Add One-Click Google Login in WordPress?

Most internet users remain logged in to their Google accounts. This allows them to quickly access all Google apps like Gmail, Drive, Docs, Photos, and more without signing in separately for each app.

Having one-click Google login activated on your WordPress login page allows your users to quickly sign-in to your website using their Gmail account. It saves them time, and they wouldn’t have to enter their login credentials each time.

If your organization uses GSuite for professional business email addresses, then your team members can use your organization’s Google apps accounts for login.

If you run a simple WordPress blog, then you might not find this feature useful. However single sign-on feature like one-click Google login is very helpful for any websites that require users to login such as multi-author websites, membership websites, and websites selling online courses.

That being said, let’s take a look on how to easily add one-click login with Google to your WordPress website.

Adding One-Click Gmail Login in WordPress

First thing you need to do is install and activate the Google Apps Login plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to go to Settings » Google Apps Login page in your WordPress admin area. Under the Main Setup tab, you’ll need to add Client ID and Client Secret code.

Apps login settings page

To get these details, you need to visit Google Developers Console. If you are not already logged in, then you will be asked to login with your Google account.

Next, you need to click on Start a project from the top menu. It will open a popup where you would click on New Project button to continue.

New project

Now, you need to add a project name and select the location. Project name can be anything, and Location will be your organization’s domain name (example.com). If you are logged in with your company’s Google account or your GSuite account, then it will add the location and organization automatically.

Project, location, and organization name

However, if you are creating a project from your personal Google account, then you can leave the location with No Organization selected.

Project name and location

Next, click on the Create button to continue.

You’ll now be redirected to APIs & Services dashboard. On this page, you need to click on Credentials from the left menu and go to OAuth consent screen page.

In the Email Address field, you need to add your email address that you have used to create this project. Also you need to add your website URL in the Homepage URL field and click on the Save button.

OAuth consent screen

After that, it will take you to the Credentials page again. Go ahead and click on the Create Credentials button to select OAuth client ID option.

OAuth client ID

Next, you need to select Web application as an Application type. In the Authorised JavaScript origins field, you need to enter your website URL (http://www.example.com), and add WordPress login page URL (http://www.example.com/wp-login.php) in the Authorised redirect URLs field.

Web application type

After that click on the Create button, and you’ll see your Client ID and Client Secret information in a popup.

Client ID and Client secret

You need to copy and paste these keys on the plugin’s settings page in your WordPress admin area.

Add client ID and client secret in WordPress

After that, you can simply logout from your WordPress admin account, and you’ll see a Login with Google button on your login screen.

Login with Google

Clicking on the button allows you to login with one-click into your WordPress account. However, keep in mind that users can only login with the Google account address that they have used on your website.

We hope this article helped you learn how to add one-click login with Google in WordPress. You may also want to see our guide on how to create a login popup modal in WordPress, and how to create a custom user registration form in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.