Mr Branding

Friday, October 11, 2019

Hackers are Tracing Encrypted Traffic Throughout the Web by Patching Browsers!

It is said that the hackers should never be underestimated. Recently, a new piece of malware was discovered by the researchers that can recognize the encrypted traffic from a victim’s system by patching browsers (Chrome and Firefox). The threat assists in performing man-in-the-middle (MitM)...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Ali Siddiqui via Digital Information World

Thousands of Computers Fall Prey to Smominru Malware Daily

It seems like every other day we hear about a new form of malware that is making the rounds and infecting a wide range of computers thereby making them pretty much impossible to use in an overall secure manner. The latest malware that is having a pretty huge impact on computer systems around the...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Zia Zaidi via Digital Information World

How To Create A Multilingual WordPress Site

A multilingual WordPress site is one that offers content in more than one language. For example, a site can provide content in English, French, German, and Spanish. Since most countries have more than one official language, it makes sense to have content in multiple languages. Having a multilingual site is one of the best ways to break into international markets.

With the AJAX Translator Revolution plugin, you can automatically translate your WordPress site into any language you want!

Any site owner aims to reach as many people as possible. The easiest way to achieve that is by creating a multilingual site. There are many plugins that make it easy to translate your site. In this tutorial, we'll look at one of the best: the Ajax Translator Revolution dropdown plugin to create a multilingual website.

By the end of this tutorial, we should have something like this:

Advantages of a Multilingual Site

When it comes to staying ahead of your competition, businesses are inventing all manner of ways to capture as many customers as they can. Having a multilingual site is one of the ways you can stay ahead of your competition. It also has other advantages, as outlined below.

Reach a Wider Audience

The number of internet users in 2019 is an estimated 4.39 billion. This number is expected to go up every year. This population represents potential customers who could be interested in what you have to offer if they can access it—but most of those 4.39 billion people are not English speakers.

Increase in Sales

Making your site multilingual is an effective way of increasing sales. Since more and more people will visit your website, the chances of sales increase rapidly.

Increase in Web Traffic

A multilingual site means that your website will mean that users all over the world will discover your site, especially if it is optimized for SEO. If your site appears for a single search in multiple languages, the traffic on your website will blow up within months, and of course this also has a direct effect on sales.

Expand Into New Markets

A multilingual site can help you break into new markets and acquire new customers without any extra effort. eCommerce websites have perfected this strategy well. A new language on your site can double the number of people who visit your website.

Build Trust

Most people tend to view multilingual sites as global sites, and this proves to be an advantageous trait since it adds a feeling of trust towards your brand.

Ajax Translator Revolution Dropdown Plugin

Ajax Translator is a powerful and user-friendly plugin that makes it easy to translate your site, saving time on manual translation. Ajax Translator comes with over 100 built-in languages, allowing you to offer content with any possible language in the world. It provides the ability to keep your content in every language up to date while still only having to maintain the original content.

It is also easy to set up and allows you to change the default language on your site and arrange the order in which languages will display to the user. It will literally only take a minute to translate your website!

Ajax Translator works by automatically translating content in pages, categories, posts, custom post types, tags, widgets, plugins, and themes—unless otherwise specified.

Key Features:

supports 103 languages
integrates with the WordPress admin system
search engine optimized.
customizable—you can translate anything
remembers visitors' languages
can show language flags or names

Create a Multilingual Site

To start, download the AJAX Translator Revolution plugin from CodeCanyon. You will get a link to download the files. Alternatively, you can find them in the download section of your account with your other purchased items.

Once you've downloaded the WordPress files, log in to your WordPress site, go to Plugins > Add New, and upload the zip file you got from CodeCanyon. After uploading, click Install Now, wait a few seconds, and then click Activate. You can now start using the plugin.

Configurations

After activation, the plugin should appear as a sidebar menu as Auto Translation option in the admin area of your WordPress site. Go to Auto Translation > Dashboard, click on Settings, and enter the purchase code.

The next task is to choose which languages you want your site to be translated into. Go back to the settings section and select the languages you wish to translate to, as shown below. Save your changes.

Display Multiple Languages for Content

The next step is to place the Auto Translation widget at the site, preferably at the top right of your website, which in turn allows users to switch between multiple languages when viewing content. Go to Appearance > Widgets, and drag and drop the widget to the sidebar, header, or menu section of your website. Depending on your theme, choose the appropriate place for the widget. In this case, we will place it at the Header Sidebar. Once you are done, save the changes.

Now go back to your site, and you should see the Auto Translation in action. All the active languages are showing automatically everywhere on the site. Your visitors can now choose which language they wish to view your site with.

For example, if a user is browsing the posts page, they can switch to any language, and Auto Translation displays the posts in the user's preferred language. A Spanish translation will appear as follows.

The plugin also looks good on smaller devices as seen below

All the content on the site now is being translated. However, if you don't wish to have all the content translated, you can disable or hide the translator. Go to Auto Translation > Settings > Hide on Pages, Posts, and Categories, select your preferred options, and save the changes.

Conclusion

A translation plugin is the easiest way to get your content available in different languages. This plugin is suitable for all types of businesses, including educational institutions, blogs of all kinds, and international organizations. It takes the hassle out of translating your site manually, which may end up taking a lot of time and resources.

by Esther Vaati via Envato Tuts+ Code

Google Might Remove URLs From Search Results

A big part of Google’s modus operandi over the past year or so has been cleaning up the visual aspects of its various properties. With tab groupings being tested out and a new color palette being implemented across the board, Google seems to be trying to go for a more minimal aesthetic as well as...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Zia Zaidi via Digital Information World

A Closer Look at Top-Level `await`

#458 — October 11, 2019

Read on the Web

JavaScript Weekly

roughViz.js: Create Hand-Drawn Styled Charts in the Browser — Supports bar, donut, line, pie and scatter charts for now and uses Rough.js under the hood which provides the same sort of thing for drawing shapes generally.

Jared Wilber

A Closer Look at Top-Level await — Two weeks ago we mentioned that V8 is adding support for ‘top level’ await – here, you can learn a bit more about what it means at a practical level, some use cases, and how it works in modules too.

Myles Borins

New Course: Hard Parts of Functional JavaScript Fundamentals 🧡 — Explore the increasingly popular paradigm of functional programming in JavaScript. Go under the hood of powerful techniques like: Higher Order Functions, Function Composition, Pure Functions, and Immutability of State.

Frontend Masters sponsor

is-website-vulnerable: Find Known Vulnerabilities in a Site's Frontend Libraries — This is a neat tool, especially as npx lets you run it right now as simply as npx is-website-vulnerable http://..... Give it a try on your own site.

Liran Tal

Vue Next: A Sneak, 'Pre-Alpha' Peek at Vue.js 3 — This isn’t for production or anything but if you want to get a feel for what Vue.js 3.0 is going to be like, this is the codebase for you.

Vue.js

Reasons to Learn Redux as a JavaScript Developer — “I believe Redux makes everyone a better JavaScript developer,” says the author who is clearly a fan of the popular state management approach.

Robin Wieruch

The JS13kGames Winners — Js13kGames is a frequent JavaScript coding competition with a total file size limit of 13KB. A few weeks back, we linked to all 245 entries but now there are winners. It blows me away just what you folks are making and these games are fun to play.

Js13kGames

💻 Jobs

React JS Developer (Remote) — We’re looking for an ambitious React developer to help us make komoot the place to go to plan outdoor adventures.

KOMOOT

It’s Not Rocket Science . . . or Is It? — Our client is looking for a programmer with out-of-this-world skills and an attention to detail that would make NASA sit up and take notice.

CareersJS

Find A Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.

Vettery

📘 Articles & Tutorials

JavaScript Naming Conventions — An introduction to ‘common sense’ conventions around naming variables, classes, functions, and more.

Robin Wieruch

Build a Dependency Graph Profiler in JavaScript — Sadly the code is just giant screenshots, but it’s neat to see an approach to doing this.

Chidume Nnamdi

Build a Customizable JavaScript Data Grid in Minutes — Create a JavaScript data grid in under 5 minutes. You'll also find resources for building in Angular, Vue, and React.

Wijmo by GrapeCity sponsor

Face Detection Using face-api.js — face-api.js is built on top of Tensorflow.js and provides us with face detection, face recognition and face landmark detection features.

Deepak Gupta

The V8 Engine and JavaScript Optimization Tips — Bear in mind that a problem with such tips can be that V8 eventually optimizes a previously slow case and your ‘optimized’ approach is then slower than the old way :-)

Paul Ryan

Quick Intro to Using Svelte to Create a Native Mobile App — Considerations involved in building a native app using the Svelte framework with NativeScript.

Rob Lauer

Retro Nostalgia and Why My New Website Looks Like Windows 98 — This developer was feeling “particularly nostalgic for the days of Geocities and floppy disks” so created a new (well-realised) Windows 98-style personal site paying homage to such an ‘idealized past’. Here’s the Preact-based UI library behind it.

Ash Kyd

How to Build Application Search with React and Elastic App Search

elastic.co sponsor

Making the switch => object Pattern Work in TypeScript

Maxwell Burson

17 Examples of Using Array and Object Destructuring

Rajnish Rajput

🔧 Code & Tools

Sinuous: A(nother) Small, Fast, Reactive UI Library — After all, you never know what’s going to be the next React.. This does have a nice feel to it though and was built to be used in Vimeo’s video player.

Wesley Luyten

React Hook Form: Simple, Extensible React Form Validation — It’s not just an interesting project, but it has one of the best project homepages I’ve seen too, complete with code comparisons with similar libraries. GitHub repo.

Blue Bill

A Much Faster Way to Debug Code Than with Breakpoints or console.log — Wallaby catches errors in your tests and code and displays them right in your editor as you type, making your development feedback loop more productive.

Wallaby.js sponsor

Moveable: A Library for Dragging, Resizing, Scaling and More — If you want to manipulate an element in any way (warping, pinching, rotating, etc) this library can probably help. Demo here.

Daybrush (Younkue Choi)

Library Detector: A Chrome Extension That Detects JavaScript Libraries — A browser extension that detects a variety of different frontend libraries and frameworks. Open source or installable here.

John Michel

Ferrum: Get Some Rust Features in JavaScript — If you’ve been charmed by the Rust language, this brings a few of its ideas back to JavaScript, including traits and lazy sequence processing.

Adobe, Inc.

vue-treeselect: A Multi-Select Vue.js Component with Nested Options Support

Fangzhou Li

⚡️ Quick Releases

Nock 11.4 — HTTP server mocking in Node.js.
XMPP.js 0.8 — XMPP client library.
ML.js 5.1 — Machine learning tools.
TUI Grid 4.6.0 — Powerful grid control.

by via JavaScript Weekly

Facebook down? Find out why this happens so frequently on the popular social media platform

Facebook has enjoyed a long span of keeping its servers up and running – regardless of the strain it causes to them. However, it's lucky stint was broken just this year when the company experienced an all-day outage across all its subsidiaries including Instagram, WhatsApp, and the flagship...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Saima Salim via Digital Information World

New Updates Coming to Instagram Stories and UI

Instagram’s stories have been a resounding success, taking a lot of steam out of Snapchat and making it quite difficult for the social media platform to maintain a hold over a feature that it actually invented. In order to cement the success of this feature on its platform, Instagram has started...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Zia Zaidi via Digital Information World