{"componentChunkName":"component---src-templates-blog-list-template-js","path":"/152","result":{"data":{"allMarkdownRemark":{"edges":[{"node":{"excerpt":"While creating Lead Generation form at LoginRadius, Marketers wanted to sure that visitors enter business emails. To that end, I created a…","fields":{"slug":"/engineering/open-source-business-email-validator-by-loginradius/"},"html":"

While creating Lead Generation form at LoginRadius, Marketers wanted to sure that visitors enter business emails. To that end, I created a list in JSON format to block free mail providers like Gmail, Outlook etc.

\n

Business mail validator makes sure users enters only business emails in submission forms on a web page. User can’t enter with free email’s that provided by the third party (free email) service provider.

\n

Ex. Gmail.com, Yahoo.com, Yahoomail.com, Rediff.com etc.

\n

We can classified business email validation in two ways.

\n

1. Client side

\n

In client side validation we use javascript(js) OR jQuery to validate entered the email at time of submission the html form. So we can follow the following steps to validate it on client side.

\n\n
<script>\n    var emailValidator = {\n        "123.com": true,\n        "123box.net": true,\n        "123india.com": true,\n        …………………….\n        …………………..\n        "ymail.com": true,\n        "yandex.com": true\n    };\n</script>
\n

Our complete list is available here

\n\n
<script>\nfunction validateForm(id) {\n                            var emailValue = jQuery('#'+id).val();\n                            var emailArray = emailValue.split("@");\n                            var provider = emailArray[1] ? emailArray[1] : '';\n                            for(var domain in emailValidator){\n                            if(emailValidator[domain]){\n                                                        if(domain == provider){\n                                                        alert("Please Provide Business Email Address.");\n                                                        return false;\n                                                                        }\n                                                      }\n                           }\n return true;\n}\n</script>
\n\n
<form name="myForm" action="emailsubmit.php" onsubmit="return validateForm('business_email');" method="post">\n    <input type="text" placeholder="Full Name"/><br>\n    <input type="email" id="business_email" name="email" placeholder="Email Address"/><br>\n    <input type="submit" value="submit"/>\n </form>
\n

Note: if you have already have html form where you want to apply this avalidator, look up for the buysiness_email and replace it accordingly.

\n\n

2. Server side

\n

In Server side validation we use php scripting language to validate entered email at time of submission the html form. So we can flow the following steps to validate it.

\n\n
<?php\n$email = isset($_POST[‘email’]) ? trim($_POST[‘email’]):’’;\nif(!empty($email)){\n                 $tempEmail = explode('@', $email);\n                     if (isset($tempEmail['1']) && !empty($tempEmail['1'])) {\n                 $validEmail = json_decode(file_get_contents('freeEmailService.json'), true);\n                     if (is_array($validEmail) && in_array($tempEmail['1'], array_keys($validEmail))) {\n                     echo "Please use business email address.";\n                  }\n                }\n}else{\n                     echo ‘email is required field.’;\n}\n?>
\n\n

Feel free to add, edit or modify this script as per your requirements. You can contact us if you have any queries.

\n","frontmatter":{"date":"April 25, 2017","updated_date":null,"description":null,"title":"Open Source Business Email Validator By Loginradius","tags":["Engineering"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":0.746268656716418,"src":"/static/a657ff09e846d7d100b0fae0ea7714e9/fa668/Open-Source-Business-Validator-By-Loginradius.webp","srcSet":"/static/a657ff09e846d7d100b0fae0ea7714e9/61e93/Open-Source-Business-Validator-By-Loginradius.webp 200w,\n/static/a657ff09e846d7d100b0fae0ea7714e9/fa668/Open-Source-Business-Validator-By-Loginradius.webp 377w","sizes":"(max-width: 377px) 100vw, 377px"}}},"author":{"id":"Team LoginRadius","github":"LoginRadius","avatar":null}}}},{"node":{"excerpt":"POPUPS! They can annoy you but if used properly, they can be a boon to any marketing campaign. In 2015, Taylor wrote an article on best…","fields":{"slug":"/engineering/the-ultimate-guide-to-website-pop-ups/"},"html":"

POPUPS! They can annoy you but if used properly, they can be a boon to any marketing campaign. In 2015, Taylor wrote an article on best practices to use popup. While the article discussed how to optimize popup, in this article I am going to list down the types of articles and how you can implement them. I have added codes for every type of popup for a better idea.

\n

1. Creating a basic popup:

\n

\"Creating

\n

This section talks about creating a basic popup using simple HTML and CSS. There is a separate section for header, footer and content. I have also added a close button at top right corner of the popup. There are three steps to create this popup.

\n

A. Add HTML [manage a structure of a popup]

\n
&amp;amp;lt;div class="popup-content"&amp;amp;gt;\n&amp;amp;lt;span class="popup-close"&amp;amp;gt;&amp;amp;amp;times;&amp;amp;lt;/span&amp;amp;gt;\n&amp;amp;lt;div class="popup-header"&amp;amp;gt;Header&amp;amp;lt;/div&amp;amp;gt;\n&amp;amp;lt;div class="popup-body"&amp;amp;gt;\n&amp;amp;lt;p&amp;amp;gt;Your popup code goes here&amp;amp;lt;/p&amp;amp;gt;\n&amp;amp;lt;/div&amp;amp;gt;\n&amp;amp;lt;div class="popup-footer"&amp;amp;gt;Footer&amp;amp;lt;/div&amp;amp;gt;\n&amp;amp;lt;/div&amp;amp;gt;\n&amp;amp;lt;/div&amp;amp;gt;\\
\n

B. Add CSS [Display Like a popup]

\n
&amp;lt;style&amp;gt;\n.popup-layout {\nposition: fixed;\nz-index: 1;\nleft: 0;\ntop: 0;\nwidth: 100% ;\nheight: 100% ;\noverflow: auto;\nbackground-color: rgb(0, 0, 0);\nbackground-color: rgba(0, 0, 0, 0.4);\n}\n.popup-header,\n.popup-footer{\nbackground: #29f;\npadding: 20px;\ncolor: #fff;\nfont-weight: bold;\n}\n.popup-body{\npadding: 20px;\n}\n.popup-content {\nbackground-color: #fefefe;\nmargin: 15% auto;\nborder: 1px solid #888;\nwidth: 60% ;\n}\n.popup-close {\ncolor: #FFF;\nmargin: 10px;\nfloat: right;\nfont-size: 28px;\nfont-weight: bold;\n}\n.popup-close:hover,\n.popup-close:focus {\ncolor: black;\ntext-decoration: none;\ncursor: pointer;\n}\n&amp;lt;/style&amp;gt;
\n

Moreover, you can also check out this tutorial of creating a basic popup if you want to learn the basic understanding.

\n

C. Add Script [for action on close button]

\n
&amp;amp;lt;script&amp;amp;gt;\nvar popup\\_close = document.getElementsByClassName('popup-close');\nfor (var i = 0; i &amp;amp;lt; popup\\_close.length; i++) {\nvar closeThis = popup\\_close\\[i\\];\ncloseThis.addEventListener("click", function () {\ndocument.getElementsByClassName('popup-layout')\\[0\\].style.display = "none";\n}, false);\n}\n&amp;amp;lt;/script&amp;amp;gt;
\n

2. Creating a timer based popup:

\n

\"Creating

\n

This is a timer based popup which can be displayed at a certain time after the page is loaded.

\n

For reference, I have added the code to display the popup after 5 second [Add following code]. Steps are as below.

\n

Follow all the steps mentioned in section 1. (Creating a simple popup) and add the following code below that code.

\n
&amp;amp;lt;script&amp;amp;gt;\ndocument.getElementsByClassName('popup-layout')\\[0\\].style.display = "none";\nsetTimeout(function () {\ndocument.getElementsByClassName('popup-layout')\\[0\\].style.display = "block";\n}, 5000);\n&amp;amp;lt;/script&amp;amp;gt;
\n

To Auto hide after 5 second, add following code.

\n
&amp;amp;lt;script&amp;amp;gt;\ndocument.getElementsByClassName('popup-layout')\\[0\\].style.display = "block";\nsetTimeout(function () {\ndocument.getElementsByClassName('popup-layout')\\[0\\].style.display = "none";\n}, 5000);\n&amp;amp;lt;/script&amp;amp;gt;
\n

3. Creating a Scroll popup:

\n

This one shows up when you scroll down the page. I have set it to 500 pixels, you can change as per requirements

\n
&amp;amp;lt;script&amp;amp;gt;\ndocument.getElementsByClassName('popup-layout')\\[0\\].style.display = "none";\nwindow.onscroll = function () {\nif (document.body.scrollTop &amp;amp;gt; 500 || document.documentElement.scrollTop &amp;amp;gt; 500) {\ndocument.getElementsByClassName('popup-layout')\\[0\\].style.display = "block";\n}\n}\n&amp;amp;lt;/script&amp;amp;gt;
\n

4. Creating a Scroll / Time [5 second] popup:

\n

Pretty much the same as above but this one shows popup after 5 seconds of scrolling .

\n
&amp;amp;lt;script&amp;amp;gt;\ndocument.getElementsByClassName('popup-layout')\\[0\\].style.display = "none";\nwindow.onscroll = function () {\nif (document.body.scrollTop &amp;amp;gt; 500 || document.documentElement.scrollTop &amp;amp;gt; 500) {\nsetTimeout(function () {\ndocument.getElementsByClassName('popup-layout')\\[0\\].style.display = "block";\n},5000 }\n}\n&amp;amp;lt;/script&amp;amp;gt;
\n

5. Creating an Exit popup:

\n

\"Creating

\n

Only confirmation alert popup will show and you can’t make changes in html of this popup. Use following line of code on a single page.

\n
&amp;amp;lt;script&amp;amp;gt;\nwindow.onbeforeunload = function() {\nreturn "You are about to leave"\n}\n&amp;amp;lt;/script&amp;amp;gt;
\n

There is another variation you can make here. In this scenario, if the user moves his cursor beyond the browser screen, you can create a popup to convince the user to stay. Below is the line of code you will need.

\n
&amp;amp;lt;script&amp;amp;gt;\ndocument.getElementsByClassName('popup-layout')\\[0\\].style.display = "none";\ndocument.addEventListener("mouseout", function (event) {\ndocument.getElementsByClassName('popup-layout')\\[0\\].style.display = "block";\n});\n&amp;amp;lt;/script&amp;amp;gt;
\n

So guys, I hope this guide helped you through various types of popups. If you love animating your pop-up, you might want to check out this tutorial of creating an animated CSS pop-up. Do try them and let us know your experiences.

\n","frontmatter":{"date":"April 20, 2017","updated_date":null,"description":null,"title":"Know The Types of Website Popups and How to Create Them","tags":["CSS"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.7699115044247788,"src":"/static/d404c01e7d4da26cf8ec6404c910921c/5239a/The-Ultimate-guide-to-website-pop-ups.webp","srcSet":"/static/d404c01e7d4da26cf8ec6404c910921c/61e93/The-Ultimate-guide-to-website-pop-ups.webp 200w,\n/static/d404c01e7d4da26cf8ec6404c910921c/1f5c5/The-Ultimate-guide-to-website-pop-ups.webp 400w,\n/static/d404c01e7d4da26cf8ec6404c910921c/5239a/The-Ultimate-guide-to-website-pop-ups.webp 560w","sizes":"(max-width: 560px) 100vw, 560px"}}},"author":{"id":"Team LoginRadius","github":"LoginRadius","avatar":null}}}},{"node":{"excerpt":"JavaScript or JS helps implement complex things on web pages. Many of the developers know the importance of an minified Javascript file but…","fields":{"slug":"/engineering/16-javascript-hacks-for-optimization/"},"html":"

JavaScript or JS helps implement complex things on web pages. Many of the developers know the importance of an minified Javascript file but few are aware of an Optimized Javascript code.

\n

An optimized code is a combination of smartly programmed logics and small hacks to optimize performance, speed and save time.

\n

Here are sweet 16 JS hacks and tips for developers  for optimizing Javascript to improve JS performance and improve execution time without affecting server resources.

\n

1. Use Array Filter

\n

It is a small hack to filter out bucket of elements from the array pool. This method creates an array filled with all array elements that pass a test (provided as a function). According to requirement create a callback function for non-required elements.

\n

In below example the bucket elements are null and are ready to get filtered out.

\n

Example:

\n
schema = ["hi","ihaveboyfriend",null, null, "goodbye"]\nschema = schema.filter(function(n) {\n return n\n });
\n
Output: ["hi","ihaveboyfriend", "goodbye"]
\n

This hack will save some time and lines of codes for developers.

\n

2. Using String replace function to replace all the values

\n

The String.replace() function allows you to replace strings using String and Regex.

\n

Basically this function replaces the string at its first occurrence. But to replace all using replaceAll() function, use /g at the end of a Regex:

\n

Example:

\n
var string = "login login"; \nconsole.log(string.replace("in", "out")); // "logout login" \nconsole.log(string.replace(/in/g, "out")); //"logout logout"
\n

3. Use breakpoints and Console for Debugging

\n

With the help of breakpoints or debugging points you can set multiple barriers to rectify source of error at every barrier.

\n

\"Use

\n

Press F11 for next call function and f8 to resume script execution.

\n

\"Use

\n

You can also check what dynamic values are generated by a function, using console and can check output on different values.

\n

4. Convert to floating number without killing performance

\n

Often we use math.floor, math.ceil and math.round for eliminating decimals. Instead of using them use “~~” to eliminate decimals for a value.

\n

It is also helpful in increasing performance when it comes to micro optimizations in a code.

\n

Example:

\n
Use\n\n~~ (math.random*100)\n\nInstead of\n\nmath.round(math.random*100)
\n

5. Using length to delete empty in an array

\n

This technique will help you in resizing and emptying an array.

\n

For deleting n elements in an Array, use array.length.

\n
 array.length = n\n\nSee this example:\n\nvar array = [1, 2, 3, 4, 5, 6]; \nconsole.log(array.length); // 6 \narray.length = 3; \nconsole.log(array.length); // 3 \nconsole.log(array); // [1,2,3]\n\nFor **emptying array** use\n\narray.length = 0;.
\n

Example:

\n
var array = [1, 2, 3, 4, 5, 6]; \narray.length = 0; \nconsole.log(array.length); // 0 \nconsole.log(array); // []
\n

This technique is mostly preferred over any other methods to resize/unset the array elements and is one of the best javascript practices most of the developers follow.

\n

6. Merging arrays without causing server load

\n

If your requirement is of merging two arrays, use Array.concat() function

\n

For merging two arrays:

\n
var array1 = [1, 2, 3]; \nvar array2 = [4, 5, 6]; \nconsole.log(array1.concat(array2)); // [1,2,3,4,5,6];
\n

This function works best for small arrays.

\n

To merge large arrays we use

\n
Array.push.apply(arr1, arr2)
\n

Reason is using Array.concat() function on large arrays will consume lot of memory while creating a separate new array.

\n

In this case, you can use Array.push.apply(arr1, arr2) which instead will merge the second array in the first one, hence reducing the memory usage.

\n

Example:

\n
var array1 = [1, 2, 3]; \nvar array2 = [4, 5, 6]; \nconsole.log(array1.push.apply(array1, array2)); // [1,2,3,4,5,6];
\n

It will also optimize the performance of your Javascript code irrespective of size of array.

\n

7. Use splice  to delete array elements

\n

This is probably the one of the best optimization tips for javascript. It optimizes speed of your JS code.

\n

Using splice instead of delete is a good practice, it will save some”null/undefined space” in your code.

\n

The downside of using delete is it will delete the object property, but will not reindex the array or update its length, leaving undefined values. Also it consumes a-lot of time in execution.

\n

Using splice

\n

Example

\n
myArray = ["a", "b", "c", "d"] \nmyArray.splice(0, 2) ["a", "b"]\n\nResult: myArray ["c", "d"]
\n

8. Checking values in an Object

\n

To check whether an object is empty or not,  use

\n
Object.keys(YOUR\\_OBJECT).length \n\n// 0 returns if object is empty
\n

Following code return the number of elements in an Object.

\n

9. Cache the variable

\n

Caching the variable tremendously increase javascript performance.

\n

Everytime we use document.getElementById() or getElementsByClassName(), JS travels through all elements repeatedly upon each similar element request.

\n

In Order to boost performance, cache your selections to some variable (if using the same selection multiple times).

\n

Example:

\n
var cached = document.getElementById('someElement');\ncached.addClass('cached-element');
\n

It is a simple optimization tip with drastic impact on performance, recommended for processing large arrays in loop(s).

\n

Check this link for performance results.

\n

10. Use switch case instead of if/else

\n

Generally switch cases are used over if/else statements to perform almost the same tasks.

\n

The fact that in switch statements  expression to test is only evaluated once, execution time becomes less for the script compared to if/else where for every if , it has to be evaluated.

\n

11. Short-circuits conditionals

\n

Short circuiting  is when a logical operator doesn't evaluate all its arguments.

\n

The code

\n
if (loggedin) { \nwelcome\\_messege();\n }
\n

Make it short by using combination of a verified variable and a function using && (AND operator) in between both.

\n

Now above code can be made in one line

\n
loggedin && welcome\\_messege();
\n

12. Getting the last item in the array

\n

Array.prototype.slice(begin, end) is used to cut arrays when you set the start and end arguments.  But if you don't set the end argument, this function will automatically set the max value for the array.

\n

A smart hack is it can also accept negative values and by setting a negative number as begin argument, you will get the last elements from the array.

\n
var array = [1, 2, 3, 4, 5, 6]; \nconsole.log(array.slice(-1)); // [6] \nconsole.log(array.slice(-2)); // [5,6] \nconsole.log(array.slice(-3)); // [4,5,6]
\n

13. Default values using || operator

\n

In JS there is a basic rule of having a default value otherwise process will halt at undefined values.

\n

To provide default value in a variable use || to stay away from this most common issue.

\n
var a = a || 'hello'
\n

The developer must check whether there are any conflicting values that might be passed to the function to avoid Bugs.

\n

14. Beautifying JS code

\n

For beautifying your Javascript  code use jsbeautifier. It formats a clumsy JS code into well structured code.

\n

Code before Beautifying

\n

\"Beautifying

\n

Code after Beautifying

\n

\"Beautifying

\n

15. Checking JS Performance

\n

To check how well a Javascript code is performing and share results use jsperf. It is easiest way to create and share testcases.

\n

16. Online javascript editor

\n

Jsfiddle and jsbin is a tool for experimenting with your Javascript code and other web languages.

\n

It is also a code sharing site. As you type into one of the editor panels the output is generated in real-time in the output panel.

\n

These are some useful hacks and tips for optimizing javascript performance. It is not mandatory to use them all the time because cases and conditions will vary. If you have tricks other than these, do share with us in comment section.

\n","frontmatter":{"date":"April 07, 2017","updated_date":null,"description":"Learn how to optimize performance using some useful javascript hacks, tips and tricks.","title":"Javascript tips and tricks to Optimize Performance","tags":["Engineering","JavaScript","Hacks","Array"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.3793103448275863,"src":"/static/0d6472e55ba0b111b3dfa895ec2dec57/7f8e9/16-JavaScript-Hacks-to-save-time-and-boost-productivity-768x555.webp","srcSet":"/static/0d6472e55ba0b111b3dfa895ec2dec57/61e93/16-JavaScript-Hacks-to-save-time-and-boost-productivity-768x555.webp 200w,\n/static/0d6472e55ba0b111b3dfa895ec2dec57/1f5c5/16-JavaScript-Hacks-to-save-time-and-boost-productivity-768x555.webp 400w,\n/static/0d6472e55ba0b111b3dfa895ec2dec57/7f8e9/16-JavaScript-Hacks-to-save-time-and-boost-productivity-768x555.webp 768w","sizes":"(max-width: 768px) 100vw, 768px"}}},"author":{"id":"Team LoginRadius","github":"LoginRadius","avatar":null}}}},{"node":{"excerpt":"WHO has pointed out “stress” as the “global health epidemic of 21st century” and it is estimated that it will cost nearly $300 billion every…","fields":{"slug":"/growth/10-smart-tips-to-make-you-more-resilient-at-office/"},"html":"

WHO has pointed out “stress” as the “global health epidemic of 21st century” and it is estimated that it will cost nearly $300 billion every year to American businesses. OMG! That’s a hell lot of money invested (wasted if we can solve it the other way). Studies clear how important it is to fight stress and make things fantastically work even during tough times. Now, with most of us working at highly demanding, always-on, and constantly connected work cultures, how is it possible to stay resilient and sail against all the odds? Well, it is possible and keep in mind that being resilient is only mantra to succeed in your lives. Remember Thomas Edison who failed 1000 times to invent a bulb, too resilient was he! So, why can’t we and why don’t we stop being so delicate? Bounce back fellas and let others see you shine at your workplace with these 10 effective attitude-reforming pills.

\n
\n

Resilience is not endurance, it is how you bounce back from your situations

\n
\n

Imagine A Boxing Match

\n

Think that you step into a ring and get hit by another boxer. Now, when it’s time-out, you will examine your damage, and think about the measures you should take. You can also take advice from friends and family as if they are your coach. At last, you bounce back with a plan. That’s what resilience is all about. You always bounce back with all your might you can gather.

\n

Practice Alertness

\n

You have to meter your alertness and turn towards ways to improve it. Many companies are on the path to introduce mental training sessions that are related to alertness in their professional preliminaries. Julie Corlis, the executive editor of Harvard Heart Letter shows that practicing mindfulness meditation practices can lower stress rates in employees and enhance resilience and commitment to work. The good news is that many online programmes like Be Mindful Online and Mind The Moment are available to serve the purpose. There are some good books and apps you can refer like:-

\n

Books- Mindfulness: An Eight-Week Plan for Finding Peace in a Frantic World, Anti-Stress Dot-to-Dot: Beautiful, calming pictures to complete yourself

\n

Some Apps- Mental Workout (iOS & Android), Simple Habit (iOS & Android), Headspace (iOS & Android)

\n

Have a Positive Mental Attitude (PMA)

\n

Have an optimistic outlook to life to keep you going even when you are down and out. Optimism is not ignoring your problems. Instead, it is thinking that the issues which you are going to face are temporary and you will tackle them with your skills. Believe in yourself and have faith in your instincts when things go wrong. Moreover, realize that the negative things do not last for a long time. This will help you bring back your positivity.

\n

Compartmentalize your Mental Load

\n

Out of 11 million bits of data coming into our brain every second, our conscious mind can only deal with 40 bits per second. Thus, handle your mind like you handle your mailbox. Treat your brain like a mailbox and compartmentalize your mental load. You should categorize your mental tasks like meetings, problem-solving sessions, and emailing. Try to not to switch randomly between jobs and enjoy one job at a time. It will decrease your mental strain.

\n

Embrace your Stress

\n

Yes, embrace your stress. Understand that you can smile or you can cry but you cannot escape from stress. So, relax for sometime and then work upon your stress.

\n

Improve Your Mental Agility

\n

Improving mental agility means improving your quickness to understand the situation. You have to decenter stress to manage the problem effectively. Thus, when you tackle a problem, you will take a pause, observe the situation from a neutral point of view and then come up with a solution.

\n

Develop Compassion

\n

It is very necessary to develop compassion for yourself and for others if you want develop resilience. Greater Good Science Center located at UC Berkeley has researched that being compassionate improves work relationships and enhances collaboration and cooperation at workplace. Developing compassion also decreases stress and increases happiness. It is difficult for an organization, a team or an individual to succeed without compassion.

\n

Applaud yourself for Doing Well

\n

It is a habit which can be practiced everywhere, especially at workplace. Work hard on your bloopers but party harder when you have succeeded. Hence, keep in mind to pat your back for at least a thing you did well at the end of the day. And even if nothing goes right, pat your back for your sincere efforts and learn from your mistakes. It will keep you away from the negative aura.

\n

Be Flexible

\n

It is common to experience change in work environments. Projects you are a part of can get altered or may be even dropped however accepting that things do change and if possible embracing those changes can make you more resilient.

\n

Stay Healthy Always

\n

Now, last but certainly not the least, always stay healthy. Physical fitness is as important as mental fitness. It is easier to handle challenges when you are healthy. Therefore, eat healthy, exercise regularly, avoid drinking and smoking, and get good amount of sleep.

\n

Being resilient will help you cope with stress in the best way possible. Moreover, companies too are benefited from resilient workforces. Hence, cultivating an organizational work culture which backs compassion and promotes resilience training is a wise business step. However, resilience evolves from your daily habits and attitude and needs determined focus which is applied consistently.

\n","frontmatter":{"date":"April 07, 2017","updated_date":null,"description":"Stop being so delicate at your failures. Rise like a Phoenix at work by working out these wonderful habits practiced by resilient people.","title":"10 Smart Tips to Make You More Resilient At Office","tags":["Engineering"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.7699115044247788,"src":"/static/3684582a5f31c4b889d19e00cc0b7c05/5239a/10-Smart-Tips-to-Make-You-More-Resilient-At-Office.webp","srcSet":"/static/3684582a5f31c4b889d19e00cc0b7c05/61e93/10-Smart-Tips-to-Make-You-More-Resilient-At-Office.webp 200w,\n/static/3684582a5f31c4b889d19e00cc0b7c05/1f5c5/10-Smart-Tips-to-Make-You-More-Resilient-At-Office.webp 400w,\n/static/3684582a5f31c4b889d19e00cc0b7c05/5239a/10-Smart-Tips-to-Make-You-More-Resilient-At-Office.webp 560w","sizes":"(max-width: 560px) 100vw, 560px"}}},"author":{"id":"Rakesh Soni","github":"oyesoni","avatar":"rakesh-soni.webp"}}}},{"node":{"excerpt":"For me, doing is what I believe in and nothing disturbs me more than the feeling, that I could have done it but I didn’t try. At my…","fields":{"slug":"/growth/fight-mediocrity-at-your-workplace/"},"html":"

For me, doing is what I believe in and nothing disturbs me more than the feeling, that I could have done it but I didn’t try. At my workplace, I know many individuals who want to make a big splash. They even give it a shot but gradually, they adjust with their average performance and start loving their comfort zones. Well, this problem lies within us all. We all are constantly getting breeded to stay mediocres. Going to college, getting a decent job, getting married and having kids, and then waiting for death. It may be a good life but it isn’t great. And if you have to get something great, you have to leave the good behind. So, do you agree with me and want to break the monotony? These incredible habits can help you make a million-dollar partner to your your company.

\n

Embrace Your Heroes

\n

We all have idols. Look upon them at this hour of need. Think what would your heroes do if they were facing your situations. Will they just be happy with this current profile you are working at? Will they like your mundane routine of your work? And how would they like to change it? These questions will be definitely difficult but working upon them will break the monotony.

\n

Take ownership of What You Do

\n

How many times did you point others for your failures at your office? There is nothing as sick as blaming others for your failures. By blaming them, you give them power to control your lives and believe me, you would not love doing that. Instead learn to accept things and embrace learning to improve it. Moreover, treat yourself as a partner at your workplace. When you take a job, do not do it as an employee who is doing it for the sake of getting paid. Do not follow your monotonous 9 to 6 routine as well. Believe in your organization’s vision and be happy because you feel that you are being a part of a plan which is greater than a person.

\n

Know Your Co-workers and Customers

\n

You might have heard about “Love Thy Neighbor”. Well, the greatest commandment at workplace is- “Love Your Coworkers”. A manager who builds a relationship with his staff is much better than he who manages his employees and this feeling is not restricted at leadership level. But can be practiced at any levels in the organization. Moreover, love your customers or end-users as well because if you love them, you can create better products for them. Hence, you win at both ends.

\n

Prioritize your goals at work starting from:-

\n\n

Meet your coworkers outside your workplace. Indulge with them in some sports as 20 minutes of sport can enhance mood up to 12 hours. Thus, you may find a good friend in them.

\n

Note:- Always Maintain your boundaries.

\n

Say More YES But Learn to say NO too

\n

Say Yes to challenges as it will burst your bubble. You will be able to appreciate your life at a new level. You will have new experiences and that’s the best gift your life can offer to you. But it is also okay to say no when it seems right to you. You should have a good work-life balance.

\n

Find Your Unique Way to Do your Work

\n
\n

Winners don't do different things, they do the things differently.

\n
\n

Highlight yourself with your ability to perform tasks in a unique way. It is very much urgent to be unique in competitive era. Therefore, come up with new ideas and support ideas which you believe in. It is very much necessary at workplace to listen your hearts. Dance to your heart’s tune and you will find a unique way to do your work.

\n

Break up with Complacency

\n

When you were a child, you never wanted to be a suit, a paper pusher or a dream killer. You wanted to a make difference to the world. You wanted to be a huge splash in the water. So, why are you not making it? It is time that you give up complacency and stop squandering your lives in doing mediocre things. Start from your job. Leave your comfort zone, take more challenges and push yourself to the next level. Because when you start loving your comfort zone, you cease to achieve. So, give up complacency and let the enlightenment dissipate.

\n

Don’t Work For Money

\n

Money should be an inspiring aspect to your work but it should the prime one. There are truly some things in life which money can’t buy. There are many people who earn great paychecks but are not satisfied with their lives. You don’t want to be like them, right? So, find your passion in your work and all other things including money will come in the course of time.

\n

Forget Fear

\n

Do not fear of failing at workplace. All great men failed many times in their lives. So, see failing as learning and move ahead.

\n

Ditch Unwanted Relationships

\n

Choose your company wisely. You are the product of people with whom you spend most of the time with. Your company will reflect on your work and lives.

\n

Keep The Bigger Picture In Mind (about your organization)

\n

It is always advised to keep the bigger picture in mind. When you take a decision, think of the end-results. Is it going to last long? Moreover, believe that you are going to have a long relationship with your organization and act accordingly.

\n

Your lives are definite. So, change your habits at the earliest and perform at your workplace to the fullest. Also, it is advised to build one habit at a time or you might get repulsed to adopt several changes so soon.

\n","frontmatter":{"date":"April 07, 2017","updated_date":null,"description":"Tired of Being Mediocre At Work? These 10 Awesome Habits can take you out of your Comfort Zone and help you Live the life you want.","title":"Fight Mediocrity at Your Workplace, Dare to be Awesome!","tags":null,"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.3888888888888888,"src":"/static/440114de42fba0be8ddaa8311d3f293f/58556/Fight-mediocrity-at-your-workplace-dare-to-be-awesome.webp","srcSet":"/static/440114de42fba0be8ddaa8311d3f293f/61e93/Fight-mediocrity-at-your-workplace-dare-to-be-awesome.webp 200w,\n/static/440114de42fba0be8ddaa8311d3f293f/1f5c5/Fight-mediocrity-at-your-workplace-dare-to-be-awesome.webp 400w,\n/static/440114de42fba0be8ddaa8311d3f293f/58556/Fight-mediocrity-at-your-workplace-dare-to-be-awesome.webp 800w,\n/static/440114de42fba0be8ddaa8311d3f293f/210c1/Fight-mediocrity-at-your-workplace-dare-to-be-awesome.webp 900w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Rakesh Soni","github":"oyesoni","avatar":"rakesh-soni.webp"}}}},{"node":{"excerpt":"To be honest, I literally hated Google Keep when it came as default with my Nexus 5 Phone.  I was using Evernote back then. But gradually I…","fields":{"slug":"/growth/google-keep-tips-for-productivity/"},"html":"

To be honest, I literally hated Google Keep when it came as default with my Nexus 5 Phone.  I was using Evernote back then. But gradually I have developed interest towards Keep due to its lightweight and non lagging interface.

\n

So, the much Awaited Google Keep Feature is now on the floor - Keep is now integrated with G Suite. Read more about it and a few other tips on Keep below.

\n

1. You can now add your Google Keep notes in doc right from Docs menu.

\n

Some of the blogs have reported that it is available for G suite only but I can see that the update is rolled on regular Google accounts too.

\n

\"Docs

\n

[Source]

\n

The Above GIF by Google’s Official G Suite blog shows how you can easily fetch notes from keep to docs. You can not only fetch the notes from keep to docs but you can save the content from Google Docs to keep too. Just Select any Text, right click and choose “Save to Keep notepad”

\n

Many of the keep users don’t know but there was a “copy to google doc” feature already available for desktop users. (keep.google.com)

\n

2. Add reminders in Google Keep

\n

\"slack

\n

You can setup reminders in keep. You can also set it up for daily chores like feeding your pet or buying groceries.

\n

P.S. if on phone you can also set up place based reminders. For example, you can remind yourself to workout when you reach home.

\n

3. Segregate notes using Labels

\n

\"create

\n

Using Keep for multiple things like homework or some event? Create Labels and add a label to each of the notes for easy organization. No more messed up notes, yay!

\n

4. Add Keep widget in your phone.

\n

\n \n \n

\n

Add your desired keep note to the home screen of your Android using the Keep widget. You can choose which note you want to display. Using the widget you can also add a note or an image and view the existing notes. For me, the Keep widget is a great way to remind myself about the important tasks I have.

\n

5. Visual notes, add images to Keep!

\n

\"add

\n

Saw an awesome DIY bottle and want to make it too? Just save it to Keep by opening your camera right from the Keep dashboard and save the image as note or reminder!

\n

6. Voice Notes

\n

\n \n \n

\n

You can also add voice notes if you don’t want to type the notes!

\n

Pro tip: Don’t have microphone in your laptop or PC? Or facing issue with recording on laptop, Just record using keep, open keep in desktop and download the file.

\n

7. Save a Tab, Try the Google Keep extension!

\n

\"slack

\n

Google Keep Chrome Extension is a bliss especially when you are a frequent keep user. It also saves you a tab.

\n

8. Share keep with your friends, family, and colleagues and let them edit it too.

\n

\"share

\n

Just like Google Docs, you can also share your keep notes with your team and friends.

\n

9. Make a checklist!

\n

\n \n \n

\n

Add checkpoints to your tasks and mark them check when you are done. The checked points move down to the list.. [Though you can change that in settings]

\n

10. Add a pinned note

\n

\n \n","frontmatter":{"date":"March 06, 2017","updated_date":null,"description":"With the recent update by Google to integrate Keep with G Suite, Keep has become our all time bestie. Google Keep Tips you always wanted to know for better productivity.","title":"How To Insert Keep Notes in Doc Plus other Keep Tips For Better Productivity","tags":null,"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.4388489208633093,"src":"/static/9b38cdd91771a5964ee8a300af2a5b26/58556/How-To-Insert-Keep-notes-in-Doc-Plus-other-Keep-tips-For-Better-Productivity.webp","srcSet":"/static/9b38cdd91771a5964ee8a300af2a5b26/61e93/How-To-Insert-Keep-notes-in-Doc-Plus-other-Keep-tips-For-Better-Productivity.webp 200w,\n/static/9b38cdd91771a5964ee8a300af2a5b26/1f5c5/How-To-Insert-Keep-notes-in-Doc-Plus-other-Keep-tips-For-Better-Productivity.webp 400w,\n/static/9b38cdd91771a5964ee8a300af2a5b26/58556/How-To-Insert-Keep-notes-in-Doc-Plus-other-Keep-tips-For-Better-Productivity.webp 800w,\n/static/9b38cdd91771a5964ee8a300af2a5b26/99238/How-To-Insert-Keep-notes-in-Doc-Plus-other-Keep-tips-For-Better-Productivity.webp 1200w,\n/static/9b38cdd91771a5964ee8a300af2a5b26/7c22d/How-To-Insert-Keep-notes-in-Doc-Plus-other-Keep-tips-For-Better-Productivity.webp 1600w,\n/static/9b38cdd91771a5964ee8a300af2a5b26/da70b/How-To-Insert-Keep-notes-in-Doc-Plus-other-Keep-tips-For-Better-Productivity.webp 4500w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Rakesh Soni","github":"oyesoni","avatar":"rakesh-soni.webp"}}}}]},"markdownRemark":{"excerpt":"Identity is evolving, and developers are at the forefront of this transformation. Every day brings a new learning—adapting to new standards…","fields":{"slug":"/identity/developer-first-identity-provider-loginradius/"},"html":"

Identity is evolving, and developers are at the forefront of this transformation. Every day brings a new learning—adapting to new standards and refining approaches to building secure, seamless experiences.

\n

We’re here to support developers on that journey. We know how important simplicity, efficiency, and well-structured documentation are when working with identity and access management solutions. That’s why we’ve redesigned the LoginRadius website—to be faster, more intuitive, and developer-first in every way.

\n

The goal? Having them spend less time searching and more time building.

\n

What’s New and Improved on the LoginRadius Website?

\n

LoginRadius’ vision is to give developers a product that simplifies identity management so they can focus on building, deploying, and scaling their applications. To enhance this experience, we’ve spent the last few months redesigning our interface— making navigation more intuitive and reassuring that essential resources are easily accessible.

\n

Here’s a closer look at what’s new and why it’s important:

\n

A Developer-Friendly Dark Theme

\n

\"This

\n

Developers spend long hours working in dark-themed IDEs and terminals, so we’ve designed the LoginRadius experience to be developer-friendly and align with that preference.

\n

The new dark mode reduces eye strain, enhances readability, and provides a seamless transition between a coding environment and our platform. Our new design features a clean, modern aesthetic with a consistent color scheme and Barlow typography, ensuring better readability. High-quality graphics and icons are thoughtfully placed to enhance the content without adding visual clutter.

\n

So, whether you’re navigating our API docs or configuring authentication into your system, our improved interface will make those extended development hours more comfortable and efficient.

\n

Clear Categorization for LoginRadius Capabilities

\n

\"This

\n

We’ve restructured our website to provide a straightforward breakdown of our customer identity and access management platform capabilities, helping you quickly find what you need:

\n\n

This structured layout ensures you can quickly understand each capability and how it integrates into your identity ecosystem.

\n

Developer-First Navigation

\n

\"This

\n

We’ve been analyzing developer workflows to identify how you access key resources. That’s why we redesigned our navigation with one goal in mind: to reduce clicks and make essential resources readily available.

\n

The new LoginRadius structure puts APIs, SDKs, and integration guides right at the menu bar under the Developers dropdown so you can get started faster. Our Products, Solutions, and Customer Services are also clearly categorized, helping development teams quickly find the right tools and make informed decisions.

\n

Quick Understanding of Integration Benefits

\n

\"This

\n

Developers now have a clear view of the tech stack available with LoginRadius, designed to support diverse business needs.

\n

Our platform offers pre-built SDKs for Node.js, Python, Java, and more, making CIAM integration seamless across popular programming languages and frameworks.

\n

Over to You Now!

\n

Check out our revamped LoginRadius website and see how the improved experience makes it easier to build, scale, and secure your applications.

\n

Do not forget to explore the improved navigation and API documentation, and get started with our free trial today. We’re excited to see what you’ll build with LoginRadius!

\n","frontmatter":{"date":"February 21, 2025","updated_date":null,"description":"LoginRadius’ vision is to give developers a product that simplifies identity management so they can focus on building, deploying, and scaling their applications. To enhance this experience, we’ve redesigned our website interface, making navigation more intuitive and reassuring that essential resources are easily accessible.","title":"Revamped & Ready: Introducing the New Developer-First LoginRadius Website","tags":["Developer tools","API","Identity Management","User Authentication"],"pinned":true,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.7857142857142858,"src":"/static/80b4e4fbe176a10a327d273504607f32/58556/hero-section.webp","srcSet":"/static/80b4e4fbe176a10a327d273504607f32/61e93/hero-section.webp 200w,\n/static/80b4e4fbe176a10a327d273504607f32/1f5c5/hero-section.webp 400w,\n/static/80b4e4fbe176a10a327d273504607f32/58556/hero-section.webp 800w,\n/static/80b4e4fbe176a10a327d273504607f32/99238/hero-section.webp 1200w,\n/static/80b4e4fbe176a10a327d273504607f32/7c22d/hero-section.webp 1600w,\n/static/80b4e4fbe176a10a327d273504607f32/1258b/hero-section.webp 2732w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Rakesh Soni","github":"oyesoni","avatar":"rakesh-soni.webp"}}}},"pageContext":{"limit":6,"skip":906,"currentPage":152,"type":"///","numPages":164,"pinned":"ee8a4479-3471-53b1-bf62-d0d8dc3faaeb"}},"staticQueryHashes":["1171199041","1384082988","2100481360","23180105","528864852"]}