Aatventure Useful Javascript Snippets

My Account

Mijn Account

Mon Compte

Mein Konto

我的帐户

Inloggen

Connexion

Anmeldung

Acceso

Aatventure Useful Javascript Snippets | 2020

Some useful javascripts snippets from around the web...

If you want to target all links with href that point to a different domain to open in a new tab, try this jQuery code snippet:

Code

$('a[href^="https://"]').not('a[href*=wp-mix]').attr('target','_blank');

Native Sharing

Code

function nativeShare() {
    shareURL = window.location.href;
    if (navigator.share) {
    navigator.share({
      title: 'aatventure',
      text: 'Check this out!',
      url: shareURL,
    })
    .then(() =&gt; console.log('Successful share'))
    .catch((error) =&gt; console.log('Error sharing', error));
    }
    else
    // try sharing with whatsapp...
    currenturl = encodeURIComponent(window.location.href);
    url = "https://wa.me/?text="+currenturl;
    window.open(url,'_blank');
    return false;
}

On Orientation Change

Code

window.addEventListener("orientationchange", function() {
  console.log("The orientation of the screen is: " + screen.orientation);
});

Prototype Functions

Code

String.prototype.capitalize = function() {
    return this.charAt(0).toUpperCase() + this.slice(1)
}

Array.prototype.contains = function(v) {
    for(var i = 0; i < this.length; i++) {if(this[i] === v) return true}
    return false
}

Array.prototype.unique = function() {
    var arr = [];
    for(var i = 0; i < this.length; i++) {if(!arr.contains(this[i])) {arr.push(this[i])}}
    return arr
}

Number.prototype.pad = function (len) {
    return (new Array(len+1).join("0") + this).slice(-len);
}

aatventure.news

Aatventure Useful Javascript Snippets | 2020

If you want to target all links with href that point to a different domain to open in a new tab, try this jQuery code snippet:

Native Sharing

On Orientation Change

Prototype Functions

New Speculation API Will Make Your Site 10x Faster

Awesome | The War on JavaScript Just Got Interesting

Deno | Announcing Deno 2

Kevin Powell | JavaScript Promises Crash Course

Code Bootcamp | Every React Concept Explained in 12 Minutes

Are we going back to PHP with fullstack JavaScript?

Node.js | The Documentary | An origin story

Theo - t3․gg | I Can’t Believe This Is Real

Fireship | This UI component library is mind-blowing

Fireship | Expo in 100 Seconds (2024)

Web Dev Simplified | 8 NEW JavaScript 2024 Features

Top 6 Tools to Turn Code into Beautiful Diagrams

Breaking | jQuery V4 Is Here!

TypeScript Origins | The Documentary

Fireship | Big projects are ditching TypeScript… Why?

Hyperplexed | I Gave a Website Logo Superpowers

Next.js and Appwrite | Full Stack Course for Beginners

Kevin Powell | Getting Started with CSS Nesting

How To Create This Unbelievable CSS Scroll Animation

This Website Theme Hasn't Been Perfected Since 1996

PHP Will Make You Poor? | StackOverflow 2023 Results

This Is Why You Can’t Learn Web Dev

21 Awesome Web Features You’re Not Using Yet (2023)

Next.js Server Actions Change Everything About React

Build an Amazing 3D Web Developer Portfolio in React JS

Learn Web Components In 25 Minutes

Fireship | Tailwind CSS is the Worst…

This Cool JavaScript Effect Will Make Your Website 3D

Award Winning Animation With Only 20 Lines Of CSS?

How To Send Push Notifications With JavaScript