Use Fetch API for web apps

Use Fetch API for web apps

Blog
Fetch API has become the standard for web API requests for a while now and it is supported in almost any modern browsers nowadays. Let’s use Fetch API and implement it for the web Use Fetch API Previously, there are many existing solutions for handling API requests for the web, ex. jQuery Ajax, request (node), axios (node) … why there needs another? Why Fetch API? Fetch API is the standard API being supported native in most of today web browsers. Fetch API is widely supported – caniuse.com Hmm, IE is not supported, you ask? Since Microsoft stopped support for IE, no more development for IE in future, and we will expect very less number of users use IE. Fetch API Specifications The specs of Fetch API is described here, https://fetch.spec.whatwg.org/ Check…
Read More
Introducing Ionic 4

Introducing Ionic 4

Blog
By Max Lynch Today I am thrilled to announce the 4.0 release of Ionic Framework, lovingly known as “Ionic for Everyone.” Ionic 4 represents the culmination of more than two years of research and hard work transforming Ionic from “mobile for Angular” into a powerful UI Design System and app framework for every web developer in the world. There are so many things to talk about with this release, but first I’d like to talk about how we got here. The Angular Years Back in 2013 when we started working on Ionic Framework, we sought to build rich JavaScript-powered components for building quality mobile apps with web technologies, and distribute them as custom HTML tags that any web developer could use in their apps. Unfortunately, there was no standard way…
Read More
Animating URLs with Javascript and Emojis

Animating URLs with Javascript and Emojis

Blog
You can use emoji (and other graphical unicode characters) in URLs. And wow is it great. But no one seems to do it. Why? Perhaps emoji are too exotic for normie web platforms to handle? Or maybe they are avoided for fear of angering the SEO gods? Whatever the reason, the overlapping portion on the Venn diagram of "It's Possible v.s. No One Is Doing It" is where my excitement usually lies. So I decided to put a little time into the possibilities of graphical characters in URLs. Specifically, with the possibility for animating these characters by way of some Javascript. Loopin' First off, make sure your page's Javascript code is being labelled as UTF-8 or you're gonna have a bad time putting emoji in your code at all. This…
Read More
Understanding Transport Layer Security TLS .

Understanding Transport Layer Security TLS .

Blog
              TLS is the critical Internet infrastructure that makes commerce, trust, and confidentiality possible. Transport Layer Security is on the short list for "most important security protocol on the Internet." It is designed to enable client-server applications like web browsers and servers to securely communicate over the Internet, protecting against eavesdropping, tampering, and message forgery. Each party can know that the other is who they claim to be. TLS is the technological descendant of Secure Sockets Layer and is often referred to casually as SSL. The earlier SSL versions were developed by Netscape Communications. In the late 1990s, after AOL bought Netscape, the Internet Engineering Task Force (IETF) took over the protocol. Version 1.0 of TLS had only small differences compared with SSL 3.0.…
Read More
The Ultimate Guide To Proper Use of Animation in UX

The Ultimate Guide To Proper Use of Animation in UX

Blog
Nowadays it’s hard to impress or even surprise with an interface animation. It shows interactions between screens, explains how to use the application or simply directs a user’s attention. While exploring the articles about animation, I found out that almost all of them describe only specific use cases or general facts about animation, but I haven’t come across any article where all rules concerning animation of interfaces would be clearly and practically described. Well, in this article I won’t write anything new, I just want to collect all the main principles & rules in one place, so that other designers who want to start animating interfaces don’t have to search for additional information. Duration and speed of the animation When elements change their state or position, the duration of the…
Read More
What’s New in PHP 7.3 in 30 Seconds in Diffs

What’s New in PHP 7.3 in 30 Seconds in Diffs

Blog
No time but eager to hear PHP news? PHP 7.3 is out in December 2018 and it brings 173 changes. Which are the most useful ones? From features that might be the most interesting to those lesser ones, that anybody will rarely use. 1. Comma After the Last Argument Do you know this? $array = [ 1, + 2, ]; We'll be able to do this: $this->someFunction( $arg, + $arg2, ); But still not this: function someFunction( $arg, + $arg2, ) {} Thanks Jacob for pointing this difference out. 25 seconds to go... 2. First and Last Array Key array_key_first $items = [ 1 => 'a', 2 => 'b', ]; -reset($items); -$firstKey = key($items); +$firstKey = array_key_first($items); var_dump($firstKey); // 1 array_key_last $items = [ 1 => 'a', 2 => 'b',…
Read More
Hide website SOURCE Code in View Source using One line Hack Code

Hide website SOURCE Code in View Source using One line Hack Code

Blog
Let's Start with What is it? - It's Javascript "windows History" Hack. window.history.pushState() Let's take this with an example: Example 1: Actual Login URL: "http://example.com/login" or "http://example.com/login.php" or "http://example.com/login.jsp" or "http://example.com/login.py" or "http://example.com/login.html" Add below javascript code at the footer of your page:   <script type="text/javascript"> window.history.pushState(null, null, "/user-login") </script>   Now, whenever user will open "http://example.com/login", User will see the login page, but your URL will dynamically get changed to: 'http://example.com/user-login' Anyone doing,  "Ctrl+U" or "View-Source", will immediately see either "non-existent page" or if you have set the "/user-login" page with your cool weird text, it will render that. Try the above code in "Console" right away for this page and then do View-Source, You will see page content other (probably 404 error content) then this page . Example 2: Get…
Read More
Fundamentals Of Web Applications Security .

Fundamentals Of Web Applications Security .

Blog
Over the past ten years, we have heard much about the security of web applications, and the threats that can come from using them. For better or worse, modern businesses have become increasingly dependent on the use of web applications developed agile; from complex infrastructure systems to IoT devices. Attacks on web applications provide intruders with ample opportunities such as: -Access to a company's internal resources and sensitive information; -The opportunity to disrupt the functioning of an application or bypass business logic; -Financial gains for the attacker, and losses, both financial and reputational, for the owner of web applications. Users of web applications are at risk, because if an attack is successful, the intruder can steal credentials, perform actions on websites on behalf of users, and infect a system with…
Read More
How to Make Form Submissions Secure on an API Website .

How to Make Form Submissions Secure on an API Website .

Blog
Implementing forms on a Vue.js website? Having a readonly website is a piece of cake. Easy to develop using headless CMS, easy to maintain, and zero worries about security. But, what if you want to have a contact form on your site? Where are you going to store the form submissions? How are you going to protect it from bots and other forms of misuse? When we start talking about forms and processing data that people submit, we need to handle three important parts: Form definition Which fields do we want to display and in which order Form submissions storage Where are we going to store data of submitted forms Form security How are we going to protect the form from robots and evil people When collecting data from website…
Read More
The Power of Web Components

The Power of Web Components

Blog
Background Ever since the first animated DHTML cursor trails and “Site of the Week” badges graced the web, re-usable code has been a temptation for web developers. And ever since those heady days, integrating third-party UI into your site has been, well, a semi-brittle headache. Using other people’s clever code has required buckets of boilerplate JavaScript or CSS conflicts involving the dreaded !important. Things are a bit better in the world of React and other modern frameworks, but it’s a bit of a tall order to require the overhead of a full framework just to re-use a widget. HTML5 introduced a few new elements like <video> and <input type="date">, which added some much-needed common UI widgets to the web platform. But adding new standard elements for every sufficiently common web…
Read More