DEV Community: Shotazhvania

PRE2050

Shotazhvania — Sun, 29 Nov 2020 11:39:42 +0000

  Introducing the Website Preloaders of the future PRE2050

But First what is preloaders and how it works ?

Preloading mechanisms work according to a simple principle: an instruction in the source code of a website sets the process in motion and refers to a resource that is to be preloaded. Normally, the applications would determine when to load which content and scripts, and integrate them into the document. In preloading, it is the browser that renders a website and becomes aware of a preload hint.

Preloading can reduce the loading time of websites and features, thereby improving the user experience. When a user visits a website, certain resources are loaded into the browser's cache using declarative markup. The keyword Preload can be used to preload content that is referenced by the Atrribute link.

Preloader Tips :

Is fast to load. You don’t want your preloader to need a preloader.
Doesn’t run too long or too short. It needs to run just enough for your page to load and no longer.
Can be branded in your colours or with your logo. It needs to look seamless and not an add-on.
Suits your brand. Make sure the preloader design is relevant to your business.
Has a sense of fun or seasonality. You get bonus points for a loading animation with a nice touch of humour, or that matches the season. Yes – you can add Christmas preloaders for a dose of extra Christmas spirit.

                      PRE2050 😍

Pre2050 - is collecting 6 Creative Loaders is developed to load on screen a waiting spinner plugin for your customers.

You have 6 different spinners to suit your designs.

In just 2 minutes you can configure this codes, with a few steps you will have transitions from page to page on your website.
You also have the option of launching the loader if you are performing an action, to send data by Ajax, wait while a process is running, etc.

A simple, lightweight but very useful scripts, developed in CSS3 compatible with mobile devices and taking advantage of hardware acceleration.
When we are in a higher than screen web, wherever you’re Css Loader always placed in the center of the screen.

Developed By 💜 ShotaZhvania.Dev

DOWNLOAD LINK : https://www.ko-fi.com/s/87dfa05d20

Why THREE.JS is Perfect ?

Shotazhvania — Fri, 27 Nov 2020 07:34:51 +0000

Three.js is a cross-browser JavaScript library and application programming interface (API) used to create and display animated 3D computer graphics in a web browser using WebGL. The source code is hosted in a repository on GitHub.

High-level libraries such as Three.js or GLGE, SceneJS, PhiloGL, or a number of other libraries make it possible to author complex 3D computer animations that display in the browser without the effort required for a traditional standalone application or a plugin.

Three.js allows the creation of graphical processing unit (GPU)-accelerated 3D animations using the JavaScript language as part of a website without relying on proprietary browser plugins.This is possible due to the advent of WebGL.

Okay and what is WebGL ?

WebGL (Web Graphics Library) is a JavaScript API for rendering interactive 2D and 3D graphics within any compatible web browser without the use of plug-ins.WebGL is fully integrated with other web standards, allowing GPU-accelerated usage of physics and image processing and effects as part of the web page canvas. WebGL elements can be mixed with other HTML elements and composited with other parts of the page or page background. WebGL programs consist of control code written in JavaScript and shader code that is written in OpenGL ES Shading Language (GLSL ES), a language similar to C or C++, and is executed on a computer's graphics processing unit (GPU).

Three.js includes the following features:

Effects: Anaglyph, cross-eyed, and parallax barrier.
Scenes: add and remove objects at run-time; fog
Cameras: perspective and orthographic; controllers: trackball, FPS, path and more
Animation: armatures, forward kinematics, inverse kinematics, morph, and keyframe
Lights: ambient, direction, point, and spot lights; shadows: cast and receive
Materials: Lambert, Phong, smooth shading, textures, and more
Shaders: access to full OpenGL Shading Language (GLSL)
capabilities: lens flare, depth pass, and extensive post-processing library
Objects: meshes, particles, sprites, lines, ribbons, bones, and more - all with Level of detail
Geometry: plane, cube, sphere, torus, 3D text, and more;
modifiers: lathe, extrude, and tube
Data loaders: binary, image, JSON, and scene
Utilities: full set of time and 3D math functions including frustum, matrix, quaternion, UVs, and more
Export and import: utilities to create Three.js-compatible JSON * files from within: Blender, openCTM, FBX, Max, and OBJ
Support: API documentation is under construction. A public forum and wiki is in full operation.
Examples: Over 150 files of coding examples plus fonts, models, textures, sounds, and other support files
Debugging: Stats.js, WebGL Inspector, Three.js Inspector
Virtual and Augmented Reality via WebXR

Before you can use three.js, you need somewhere to display it. Save the following HTML to a file on your computer, along with a copy of three.js in the js/ directory, and open it in your browser.

ONLINE DOCUMENTATION AND PERFECT EXAMPLES 👇

https://threejs.org/docs/index.html#manual/en/introduction/Creating-a-scene

React Vs Angular 💪🏼

Shotazhvania — Sat, 21 Nov 2020 11:53:27 +0000

Angular is The Best Framework?

Shotazhvania — Tue, 17 Nov 2020 12:03:38 +0000

Just For You (200$ Angular Course — Include(Homework, All Video, All code available)

https://www.ko-fi.com/post/Angular-is-The-Best-Framework-T6T72PIBE

Ajax request to post input number with country code in database

Shotazhvania — Thu, 12 Nov 2020 10:46:39 +0000

Ajax request to post input number with country code in database

Nov 12 '20 Comments: 1 Answers: 0

  $.post('https://crm.yorktowers.com/modules/Webforms/capture.php', function(){ 
    $(function() {
      $('.iti__selected-dial-code').on('change', function() {
          $('#phone').val($(this).val());
      });
  });

Hi. Need solution how to post in this database input numbers with country code. I used intl-tel-input plugin and when i input number it`s going in database, but without country code.

Open Full Question

How to get iti__dial-code in intl-tel-input?

Shotazhvania — Wed, 11 Nov 2020 08:29:43 +0000

How to get iti__dial-code in intl-tel-input?

Nov 11 '20 Comments: 1 Answers: 1

I want just to get only country code with plus in html input, this intl-tel-input now working, that showing specific country code number example. I don`t want this , what i need is just to show automatically iti__dial-code (country code) .

How can i solve this issue ?

var input

…

Open Full Question