<p>There are various types of browser extensions that help to accomplish certain tasks very easily.&nbsp;</p>
<p>We have already seen one such interesting <a href="https://devapt.com/copy-text-easily-chrome-extension" target="_blank" rel="noopener">chrome extension to copy text</a> easily as never before just with a click.&nbsp;</p>
<p>Here is one more such unique chrome extension that helps to <a href="https://devapt.com/text-image-extension">convert text to image</a> just instantly.</p>
<p>Let's see how this text to image extension works and how we can make the best use of it while browsing the web.</p>
<h2 style="text-align: center;">Generate image from text selection</h2>
<p>Before going to use this extension you need to first install it from the chrome store. You can get this from the below link.&nbsp;</p>
<p>➜ <a href="https://chrome.google.com/webstore/detail/text-to-image/nkljaohokglebeljcgchmehnhdieakda" target="_blank" rel="noopener">Text to image chrome extension</a></p>
<p>Once you installed this extension you can find it in the extensions bar and if you can't find it, check it in the dropdown menu of extensions and pin to find it in the main extensions bar.&nbsp;</p>
<p>In order to use it just visit any website where you can be able to select text or just use this website.</p>
<p>Select any text you want and then right-click to see the <em>Text to image</em> option in the right-click menu or specifically the context menu and from there click copy or download.&nbsp;</p>
<p>That's it you'll have the image of the text that you selected, voila!</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://res.cloudinary.com/cloudtale/image/upload/v1650609298/devapt/Text-to-image-chrome-extension.gif" alt="Text-to-image-chrome-extension" width="700" height="350" /></p>
<h3>How to customize the generated image?</h3>
<p>You can customize the look of the image that is generated from the selected text with the help of the options available.&nbsp;</p>
<p>When you click the extension icon you can see three customization options viz., mode, padding, and color palettes.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://res.cloudinary.com/cloudtale/image/upload/v1650609306/devapt/Text-to-image-menu.webp" alt="Text-to-image-extension-options" width="453" height="300" /></p>
<h4>1. Mode&nbsp;</h4>
<p>With the help of the mode option, you can select the light or dark mode for the card that holds the text.&nbsp;</p>
<p>By default, it is in light mode.&nbsp;</p>
<h4>2. Padding</h4>
<p>The padding refers to the spacing around the text card which helps us to see the background. You have various values to pick from 0px to 128px.</p>
<p>When you select the 0px(pixels) it will hide the background and all the space will be occupied by the text card.</p>
<p>When you do not want any fancy background, instead just plain text with a white/dark background, you can make the padding 0px.&nbsp;</p>
<h4>3. Color palette</h4>
<p>From the color palette, you can pick your favorite color backgrounds to show behind the text card.&nbsp;</p>
<p>These color backgrounds are mostly the gradient colors which make these text images appear nice and attention grabbing.&nbsp;</p>
<p>Note that when you select 0px padding, these background colors will be hidden as there won't be any space.&nbsp;</p>
<h4>4. Download&nbsp;</h4>
<p>To quickly download the image just after selecting the text you can use this option for downloading the generated image to your device.&nbsp;</p>
<p>There are shortcuts for copying and downloading the image.</p>
<p><strong>Shortcut to copy:</strong> <kbd>Ctrl+Shift+Z</kbd></p>
<p><strong>Shortcut to download:</strong> <kbd>Ctrl+Shift+&darr;</kbd>(down arrow)</p>
<p>Sometimes these shortcuts may conflict with the shortcuts in the browser or some websites. So keep this in mind while trying them out.</p>
<p>Right-click context menu options are always there whenever you face such issues.&nbsp;</p>
<h3>Where to use text to image extension?</h3>
<p>If you know why this extension was created, and the main problem it wants to address then it would give an idea of where to use this extension effectively.&nbsp;</p>
<p>There was a situation where I wanted to reply to tweets on Twitter with more than 280 characters, it was difficult or a bit cumbersome to tweet multiple times.&nbsp;</p>
<p>At that time I thought if there was something that could help me instantly to send messages that are of more than 280 characters without leaving the browser.</p>
<p>Then an idea struck me to convert the text to an image instantly which then can be shared as a reply to tweets.&nbsp;</p>
<p>And as a result, this <strong><em>text to image</em></strong> extension is born.</p>
<p>So this extension can be used to share long texts as replies/tweets on Twitter. You can also save text info from websites as images for your future reference.&nbsp;</p>
<p>Sometimes when you want to show text in a fancy and attractive manner you can use it there as well.&nbsp;</p>
<p>If you want to create more rich text effects including images, code snippets, etc you can try out this full-fledged solution from <a href="https://tweetlet.net/" target="_blank" rel="noopener">tweetlet</a> website that helps you create amazing and visually appealing images.&nbsp;</p>
<p>If you want a demo of this extension you can watch this video.&nbsp;</p>
<div class="flex justify-center"><iframe class=" rounded-xl overflow-hidden" title="Text to image chrome extension intro" src="https://www.youtube-nocookie.com/embed/ybaH7ts4xtQ?rel=0" width="680" height="350" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<p>That's it about this interesting tool that helps you to convert any selected text instantly to an image without leaving your browser.</p>
<p>Please feel free to share any suggestions/feedback/improvements in this tool.&nbsp;</p>

Here is a way to convert text to image just by selecting the text. You can copy or download the image easily. There are beautiful backgrounds to select.

Convert text to image instantly

Chrome extension to convert text to image instantly

<p>In this social media era, information gets shared in various forms. Text, image, and video are the quite commonly used media formats on the internet.</p>
<p>Images are the commonly used format for displaying information in an attractive way. Images are easy to save and share info.&nbsp;</p>
<p>Images and videos are also the preferred media formats for getting good engagement for your posts on social media.&nbsp;</p>
<p>It's a good idea to convert text to images that are attractive and informative, which is nothing but called infographics.&nbsp;</p>
<p>Here is a tool using which you can convert text, tweet, or any other image into a beautiful image with an attractive background to share on different social media platforms.</p>
<p>The tool is called <a href="https://tweetlet.net/" target="_blank" rel="noopener">tweetlet </a>and the images generated by it are called tweetlets.&nbsp;</p>
<p>Let's learn more about this tweetlet tool to make cool photos out of it.</p>
<h2 style="text-align: center;">Create beautiful images using tweetlet</h2>
<p>Tweetlet.net site has three different modes for creating images:</p>
<ol>
<li>Tweet to image</li>
<li>Image to a beautiful image with background</li>
<li>Text to image</li>
</ol>
<p>To switch to a particular mode, just hover/click on the icon in the search bar, and using that you can switch to a tweet or image, or text mode.</p>
<p>The image can be resized with the help of the white clips provided on the edge of the image. Dragging by holding those resizers(white clips) will resize the image.&nbsp;</p>
<p>In every mode, there are two buttons for copying and downloading the image. Besides that, you can select the desired background from the preset gradients and adjust the image to a ready-made aspect ratio of 1:1 or 2:1.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://res.cloudinary.com/cloudtale/image/upload/v1647282518/devapt/Tweetlet.webp" alt="Tweetlet-create-images-from-tweets" width="720" height="296" /></p>
<h3>1. Tweet to image</h3>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://res.cloudinary.com/cloudtale/image/upload/v1647282616/devapt/Tweetlet-tweet-mode.webp" alt="Tweet-to-image-tweetlet" width="720" height="331" /></p>
<p>To convert any <a href="https://tweetlet.net/tweet" target="_blank" rel="noopener">tweet to an image</a> just copy the tweet's link and paste it into the search box of the tweetlet website.&nbsp;</p>
<p>It will create a beautiful quote-like image by default. With the help of controls, you can change it to a tweet mode from quote to make it appear exactly like the actual tweet.</p>
<p>With the help of controls, you can also adjust the size of the text, toggle the likes and shares of a tweet, change the background with various preset gradients.&nbsp;</p>
<p>Finally, when you are satisfied with the image, click copy or download it.&nbsp;</p>
<h3>2. Image to a beautiful image with a background</h3>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://res.cloudinary.com/cloudtale/image/upload/v1647282723/devapt/Tweetlet-image-mode.webp" alt="Image-to-beautiful-background-tweetlet" width="720" height="448" /></p>
<p>In the <a href="https://tweetlet.net/image" target="_blank" rel="noopener">image mode of tweetlet</a>, you can upload or paste any image directly in the tweetlet site and it will appear with a cool background.</p>
<p>You can resize the image with the help of the resizers.&nbsp;</p>
<p>A cool trick to create a stack-effect image is to copy the current image and paste it and repeat until the stack level you want.</p>
<p>You can change the background as per your interest and finally copy or download the image to share it on any platform you want.</p>
<h3>3. Text to image</h3>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://res.cloudinary.com/cloudtale/image/upload/v1647282766/devapt/Tweetlet-text-mode.webp" alt="Text-to-image-tweetlet" width="720" height="365" /></p>
<p>This is the most powerful way to convert various kinds of text into a beautiful image.&nbsp;</p>
<p>First, switch to the <a href="https://tweetlet.net/text" target="_blank" rel="noopener">text mode</a> and you'll see a text box with a resizer at the bottom, dragging which you can resize the height of the text box.&nbsp;</p>
<p>This text box supports markdown text. That means you can have rich text effects using this.&nbsp;</p>
<p>Syntax for the rich text as follows:</p>
<p># Heading 1 =&gt; <span style="font-size: 18pt;">Heading 1</span></p>
<p>## Heading 2 =&gt;&nbsp; <span style="font-size: 16pt;">Heading 2</span></p>
<p>### Heading 3 =&gt; <span style="font-size: 14pt;">Heading 3</span></p>
<p>*italics* or _italics_ =&gt; <em>italics</em></p>
<p>**bold** or __bold__ =&gt; <strong>bold</strong></p>
<p>`inline code` =&gt; <code>inline code</code></p>
<p><strong>For code blocks:</strong><br />```js<br />console.log('Hi');<br />````</p>
<p>Mentioning the correct language will enable to highlight the code as per that language, else it will show just a plain pre-formatted text.&nbsp;</p>
<p>Using the markdown syntax, you can even embed other images along with your text to create beautiful images using all of it.</p>
<p>You can learn more about the markdown syntax <a href="https://www.markdownguide.org/basic-syntax/" target="_blank" rel="noopener">here</a>.</p>
<p>Text mode will be useful for sharing code snippets and rich text info easily as an image.</p>
<p>If you want to create images instantly just by selecting the text you can check this <a href="https://chrome.google.com/webstore/detail/text-to-image/nkljaohokglebeljcgchmehnhdieakda" target="_blank" rel="noopener">text to image</a> chrome extension that generates images from selected text in the blink of the eye.</p>
<p>As usual, once you are satisfied with all the adjustments, you can copy or download the image to share it on any platform you wanted.&nbsp;</p>
<p>There's a dark mode icon at the top right corner where you can switch to the dark mode or light mode based on your preference. Your gradient and mode settings will be stored locally so whenever you open the site your previous settings get reflected.&nbsp;</p>
<p>You can directly try out all the above-mentioned modes from <a href="https://tweetlet.net/" target="_blank" rel="noopener">tweetlet.net</a> right away. And if you want any new features you can send a message/feedback from the message icon present at the bottom right corner.&nbsp;</p>
<p>Last but not the least, if you like this tweetlet tool, then do share it with your friends.&nbsp;</p>

Here is the way to create beautiful images from your tweets, text and any other image just in a snap. This helps to share long text as images easily.

Create beautiful images from tweets, text

Create beautiful images from tweets, text and other images

<p>JavaScript has become the most popular language in the last few years. It is also the language that powers the web along with HTML and CSS.&nbsp;</p>
<p>JavaScript has evolved in such a manner that almost any kind of application for any platform can be created using it through its huge collection of libraries and frameworks available as open source.&nbsp;</p>
<blockquote>
<p style="text-align: right;"><em>Any application that can be written in JavaScript, will eventually be written in JavaScript.</em></p>
<p style="text-align: right;">- Jeff Atwood</p>
</blockquote>
<p>JavaScript has its pros and cons along with its quirks. Most people are using it for the pros it offers in solving problems or creating applications.</p>
<p>A problem can be solved in different ways using JavaScript. In this article, we are going to look at some of the best JavaScript tips to write simple and efficient JS code.&nbsp;</p>
<h2 style="text-align: center;">10 JavaScript tips and tricks</h2>
<h3>1. Sorting in javascript</h3>
<p>The <code>sorting()</code> array method in JS is a mutating method which means it modifies the order of the elements of the original array.</p>
<p>A better approach is to duplicate the array and sort it.</p>
<p>Sorting in JavaScript is by default lexicographic, so for sorting numbers, it's always essential to sort by a callback function.&nbsp;</p>
<pre class="language-javascript"><code>// Sorting directly
const arr = [4, 20, 10, 1, 3, 5];
arr.sort(); // arr: [1, 10, 20, 3, 4, 5]</code></pre>
<pre class="language-javascript"><code>// Sorting by duplicating the array
const arr = [4, 20, 10, 1, 3, 5];
const sortedArr = arr.slice().sort((a, b) =&gt; a - b);

// arr: [4, 20, 10, 1, 3, 5]
// sortedArr: [1, 3, 4, 5, 10, 20]</code></pre>
<h3>2. Flattening array in JavaScript</h3>
<p>Flattening an array means putting all the elements of nested arrays into the main array.&nbsp;</p>
<p>There are quite <a href="https://devapt.com/javascript-flatten-array" target="_blank" rel="noopener">different ways to flatten arrays in JavaScript</a>. There's a <code>flat()</code> method added in ES10 or Ecmascript version 2019 to flatten the array directly.&nbsp;</p>
<p><code>flat()</code> method takes an argument as the max. depth that has to be flattened to. The default depth is 1.&nbsp;</p>
<p>To flatten the array of any depth use <code>Infinity</code> as the argument.</p>
<pre class="language-javascript"><code>const letters = ['a', 'b', ['c', 'd', ['e', 'f']]];
const flatArray = letters.flat(2); // Flatten until depth 2

// flatArray: ['a', 'b', 'c', 'd', 'e', 'f'];</code></pre>
<h3>3. Shuffle array in JavaScript</h3>
<p>To shuffle an array we can use <code>sort()</code> method by returning a random positive or negative number in the callback.</p>
<p>We can generate random positive or negative number using</p>
<pre class="language-javascript"><code>// Random positive and negative number
Math.random() - 0.5</code></pre>
<pre class="language-javascript"><code>const letters = ['a', 'b', 'c', 'd', 'e', 'f'];
const shuffledArray = [...letters].sort(() =&gt; Math.random() - 0.5);

// shuffledArray: ["e", "d", "b", "a", "f", "c"]
// shuffledArray: ["b", "d", "f", "a", "c", "e"]</code></pre>
<h3>4. Filter falsy values</h3>
<p>There are six falsy values in JavaScript. They are 0, <code>''</code>, null, undefined, false, NaN.</p>
<p>We can easily filter out those values using the <code>Boolean</code> global function.</p>
<pre class="language-javascript"><code>const arr = [1, 0, 2, '', 3, null, 4];
const filtered = arr.filter(Boolean); 

// filtered: [1, 2, 3, 4]</code></pre>
<h3>5. Object destructuring</h3>
<p>Object destructuring is a very useful technic to extract values from an object in the desired variables.&nbsp;</p>
<p>We can rename the keys using <code>:</code>(colon) and also assign default values using <code>=</code> if a certain destructured variable doesn't exist in the object.</p>
<p>We can also assign the object values to an already declared variable by wrapping the destructured code in parenthesis.</p>
<pre class="language-javascript"><code>const person = {
  name: 'John',
  years: 25,
  occupation: 'developer',
};

let occupation;

const { name, years: age, place = 'remote' } = person;
({ occupation } = person);

// name: John
// age: 25
// place: remote
// occupation: developer</code></pre>
<h3>6. Sleep or delay in JavaScript</h3>
<p>JavaScript executes code synchronously. There's no built-in function in JS to sleep or delay synchronous code.&nbsp;</p>
<p>We can create a sleep function with the help of a promise.</p>
<pre class="language-javascript"><code>// Sleep function using promise
const sleep = (ms) =&gt; new Promise((resolve) =&gt; setTimeout(resolve, ms));</code></pre>
<pre class="language-javascript"><code>const sleep = (ms) =&gt; new Promise((resolve) =&gt; setTimeout(resolve, ms));

async function print() {
  console.log('First line ');
  await sleep(2000); // sleeps for 2 seconds
  console.log('Second line');
}

print();
// First line
// ...after 2 seconds
// Second line</code></pre>
<h3>7. Typecast strings to numbers</h3>
<p>When you have an array of string numbers and type casting those to numbers can be done easily using the global <code>Number</code> function.</p>
<pre class="language-javascript"><code>const strings = ['1', '2', '3', '4' , '5'];
const numbers = strings.map(Number);

// strings: ['1', '2', '3', '4' , '5']
// numbers: [1, 2, 3, 4, 5]</code></pre>
<h3>8. !!, ~~, + operators</h3>
<h4>Convert any value to boolean using !!</h4>
<p><code>!</code> is a bitwise not operator. Using <code>!!</code> we can quickly convert any value to a boolean.</p>
<pre class="language-javascript"><code>const isPresent = 'yes';

!!isPresent; // true</code></pre>
<h4>Trim the decimal part using ~~</h4>
<p>We can use <code>~~</code> to quickly trim the decimal part of a number. This can be used as an alternative to <code>Math.floor()</code>.</p>
<p>In JavaScript <code>~number = -(number + 1)</code></p>
<pre class="language-javascript"><code>const price = 25.4;
~~price; // 25</code></pre>
<h4>Typecast string to a number using +</h4>
<p>We can prefix <code>+</code> to string numbers to quickly convert them to number type.</p>
<pre class="language-javascript"><code>const rate = '15';
const amount = +rate;

// rate: '15'
// amount: 15</code></pre>
<h3>9. Nullish coalescing (??) and optional chaining (?.)</h3>
<p><code>??</code> nullish coalescing operator is used to handle <code>null</code> or <code>undefined</code> values.&nbsp;</p>
<p>Whenever <code>null</code> or <code>undefined</code> value is encountered we can return a default value.</p>
<p>This doesn't work for other boolean values like 0, NaN, <code>''</code>, false. To handle all boolean values we can use <code>||</code> logical OR.</p>
<pre class="language-javascript"><code>let visitor;
let person;

visitor = 'Doe';
person =  visitor ?? 'staff';
// person: Doe

visitor = null;
person =  visitor ?? 'staff';
// person: staff</code></pre>
<p>Optional chaining is used to avoid throwing of error whenever there's a missing key in an object.</p>
<pre class="language-javascript"><code>const person = {
  name: 'John',
  books: null
}
person.books.name // throws error

person.books?.name // returns undefined</code></pre>
<h3>10. Remove the duplicates in an array</h3>
<p>Removing duplicates could be cumbersome sometimes. But using the <code>Set()</code> this can be achieved in simple steps.</p>
<p>A Set is a collection of unique data types in Javascript. Learn about <a href="https://devapt.com/javascript-set-weakset" target="_blank" rel="noopener">Javascript set</a> here.</p>
<pre class="language-javascript"><code>const letters = ['a', 'b', 'c', 'b', 'a', 'd']; // duplicates
const uniqueLetters = [...new Set(letters)]; 

// uniqueLetters: ['a', 'b', 'c', 'd']</code></pre>
<p>That's all in this article. These are some of the interesting JavaScript tips to know about. We'll see more tips in the upcoming articles.&nbsp;</p>

Here are some of the best JavaScript tips and tricks that you should know. These tips can help you to develop Javascript applications with ease.

JavaScript tips and tricks 

10 JavaScript tips and tricks that makes you a better dev

<p>In this internet era finding and searching information is simplified by search engines. One such well-known and sophisticated search engine is Google.&nbsp;</p>
<p>Google has become an integral part of internet users. It is the most highly used search engine around the world accounting for 5-7 billion searches every day as of 2022.&nbsp;</p>
<p>Google is so often used that it was added to the English language as a standard word for searching using Google search engine. So google, googled, googling, etc are the standard English words now.&nbsp;</p>
<p>As already said, it is a sophisticated search engine, using it we can find or search almost any kind of information in this world.&nbsp;</p>
<p>Using Google to quickly find what we want is sometimes considered a skill. Yes, it is a kind of skill to find any information just in a few seconds.&nbsp;</p>
<p>Anybody can master this skill by following a few simple tips and tricks. In this article, we are going to look at some of the essential Google tricks that can help you to quickly search and filter any kind of information you wanted using Google.&nbsp;</p>
<p>Note: The sample or example search queries will be indicated after the magnifying glass.&nbsp;</p>
<h2 style="text-align: center;">Google tricks to google like a pro</h2>
<h3>1. Search tricks to find the exact info</h3>
<h4>Search for an exact match:</h4>
<p>To find the search results containing the exact keywords of your search, put your keywords inside quotes(<strong>" "</strong>).&nbsp;</p>
<p>For example, if you want to find results for your exact keywords, say <span style="text-decoration: underline;">rare flowers</span>. Search as below.</p>
<ul style="list-style: '🔎';">
<li>"rare flowers"</li>
</ul>
<h4>Search for keywords in title, URL and text:</h4>
<p>To search for results containing keywords in the specific parts of the results, you should use</p>
<ul>
<li><strong>intitle:</strong> to look for keywords in the title</li>
<li><strong>inurl:</strong> to look for the keywords in the URL</li>
<li><strong>intext:</strong> to look for the keywords in the text</li>
</ul>
<p><em>Don't give any spacing after the colon(:).</em></p>
<ul style="list-style: '🔎';">
<li>intitle:rare flowers</li>
<li>inurl:rare flowers</li>
<li>intext:rare flowers</li>
</ul>
<h4>Search for specific file types:</h4>
<p>You can find search results containing specific file types using <strong>filetype:</strong> flag. Using this you can look for various file types like <code>pdf</code>,&nbsp; <code>.ps</code>,&nbsp;<code>.xls</code>,&nbsp;<code>.ppt</code>,&nbsp;<code>.doc</code> etc</p>
<p>You can put this <em>filetype:</em> flag before or after search keywords. It's better to use after the search keywords because it helps to differentiate the search keywords with the flag.</p>
<ul style="list-style: '🔎';">
<li>web development filetype:pdf&nbsp;</li>
</ul>
<h4>Search within a site:</h4>
<p>You can find results for your keywords within a specific site using <strong>site:</strong> flag. You can also use this <em>site:</em> flag to see the links that are indexed by Google.</p>
<ul style="list-style: '🔎';">
<li>edge tips site:devapt.com</li>
</ul>
<h4>Search for related sites:</h4>
<p>You can use <strong>related:</strong> flag for finding the sites that are related to the given site. This is helpful for finding the alternative or related sites of a site.</p>
<ul style="list-style: '🔎';">
<li>related:twitter.com</li>
</ul>
<h4>Search for Google's cached version of a site:</h4>
<p>You can use <strong>cache:</strong> flag for checking Google's cached version of a site. It is mostly useful for the webmasters to check the cached version of sites.</p>
<ul style="list-style: '🔎';">
<li>cache:devapt.com</li>
</ul>
<h3>2. Search using operators</h3>
<p>There are a few search operators that we can use in our search to quickly get the desired results.&nbsp;</p>
<p>A few operators are: #, @, $, -, .., *, OR, AND, :before, :after etc</p>
<h4>Search hashtags:</h4>
<p>Using <strong>#</strong> infront of keyword, searches for that particular hash-tagged posts from various social media sites.</p>
<ul style="list-style: '🔎';">
<li>#newyear</li>
</ul>
<h4>Search social media:</h4>
<p>Use <strong>@</strong> to search in a social media for the keywords.&nbsp;</p>
<ul style="list-style: '🔎';">
<li>rare flowers @twitter</li>
</ul>
<h4>Search for a particular price product:</h4>
<p>Use <strong>$</strong> infront of a number to search for that price.</p>
<ul style="list-style: '🔎';">
<li>mobile $100</li>
</ul>
<h4>Search within a range of numbers:</h4>
<p>Use <strong>..</strong> (two dots) to search within a range of numbers, which could be prices, years etc.&nbsp;</p>
<ul style="list-style: '🔎';">
<li>camera $300..$500</li>
</ul>
<h4>Search with optional keywords:</h4>
<p>Use <strong>*</strong> (asterisk) to search for something when you are not sure of certain keywords in your search.</p>
<ul style="list-style: '🔎';">
<li>learn * in a month</li>
</ul>
<h4>Search by excluding certain keywords:</h4>
<p>Use <strong>-</strong> (hypen or dash) to omit certain keyword results from your search results. This is useful to quickly filter out ambiguous results.</p>
<ul style="list-style: '🔎';">
<li>jaguar -car</li>
</ul>
<h4>Search one or more combinations:</h4>
<p>Use <strong>OR</strong> to combine search results for multiple keywords. Make sure that <em>OR</em> is in capital letters else it won't work.</p>
<ul style="list-style: '🔎';">
<li>new car OR bike</li>
</ul>
<h4>Search for common results:</h4>
<p>Use <strong>AND</strong> operator to get results that are common to both keywords. Make sure <em>AND</em> is in capital letters.</p>
<ul style="list-style: '🔎';">
<li>gps for car AND bike</li>
</ul>
<h4>Search by time:</h4>
<p>You can use <strong>before:</strong> or <strong>after:</strong> flags to search results before or after a particular time.</p>
<ul style="list-style: '🔎';">
<li>cryptocurrency before:2015</li>
<li>cryptocurrency after:2017</li>
</ul>
<h3>3. Search for the exact image size</h3>
<p>This is one of the best google tricks ever you could find. Using <strong>imagesize:</strong> flag followed by <strong>widthxheight</strong> you can search for the exact size images using google.</p>
<p>This is highly useful for quickly finding the social media covers, profile pics, or website placeholder images of particular sizes etc.</p>
<p><em>Do not give any spaces in between the width and height.</em></p>
<ul style="list-style: '🔎';">
<li>rare flowers imagesize:1500x500</li>
</ul>
<h3>4. Reverse image search</h3>
<p>You can do a reverse image search that is, search using an image instead of keywords and find where it is all used or find similar type of images.</p>
<p>To search by image head over to <a href="https://images.google.com/" target="_blank" rel="noopener">images.google.com</a> and upload an image you want to find search results for.</p>
<h3>5. Filter search results using <span style="text-decoration: underline;">Tools</span> menu</h3>
<p>When you do a google search, based on the type of search, <strong>Tools</strong> menu provides different filters using which you can filter out results selectively.&nbsp;</p>
<p>For instance when you do a text or all media search, you can see filter by time option using <em>Tools</em> menu.&nbsp;</p>
<p>But when you do a video search, that is you select the <strong>videos</strong> in the Google search menu bar, you can find various filters when you go to <strong>Tools </strong>menu. You will see filter by duration, time, quality, closed captions, video source etc.&nbsp;</p>
<p>Tools menu becomes so handy for filtering the search results directly without needing to use search flags or operators.&nbsp;</p>
<h3>6. Open search results in a new tab</h3>
<p>Quite often people want to open search results in different tabs from Google SERP(Search Engine Results Page) without actually navigating back and forth.&nbsp;</p>
<p>Using <strong>Ctrl</strong> + Clicking the result will open the article/site in a new tab. But you can achieve this directly by updating your Google settings.</p>
<p>To open results in a new tab always:</p>
<ol>
<li>Go to <strong>Google's homepage</strong></li>
<li>Click <strong>Setting</strong> at the bottom right corner</li>
<li>Select <strong>Search settings</strong></li>
<li>Scroll down to find <strong>Where results open&nbsp;</strong>and check the box under it.</li>
<li>Scroll down to the bottom and click the <strong>Save</strong> button. That's it.</li>
</ol>
<p>And every time you click the result on the SERP, it will open in a new tab, voila!</p>
<h3>7. Change the number of search results per page</h3>
<p>By default 10 Google results are shown per page and the other results are paginated at the bottom.&nbsp;</p>
<p>If you are someone who wants to have more results per page, then you could do that by going to the Google settings from the homepage bottom right corner &gt; Search settings &gt; Search results &gt; Results per page.&nbsp;</p>
<p>Adjust the number of results you want per page, it would be multiples of 10 and then save the settings. That's it you'll see the set number of results per page every time you do a query on Google.</p>
<h3>8. Enable google dark mode</h3>
<p>We all have seen and used Google in light mode for years. But you can enable the dark mode if you want.&nbsp;</p>
<p>To enable google dark theme go to settings from bottom right corner &gt; Search settings &gt; Appearance &gt; Select <strong>Dark theme&nbsp;</strong>and click save.</p>
<h3>9. Funny google tricks</h3>
<p>There are a few funny tricks that gets activated when you type certain keywords in the Google's search box.</p>
<p>A few funny Google keywords are:</p>
<ul>
<li><a href="https://www.google.com/search?q=do+a+barrel+roll" target="_blank" rel="noopener">do a barrel roll</a> - this will roll the Google's search results page like a barrel</li>
<li><a href="https://www.google.com/search?q=askew" target="_blank" rel="noopener">askew</a> - this will tilt the search page like the Leaning Tower of Pisa</li>
<li><a href="https://www.google.com/search?q=anagram" target="_blank" rel="noopener">anagram</a> - this will show, if you mean to search for <strong>nag a ram</strong>, which is an anagram for anagram</li>
<li><a href="https://www.google.com/search?q=animal+sounds" target="_blank" rel="noopener">animal sounds</a> - this will show a list of animal sounds that you can hear directly from the SERP</li>
<li><a href="https://www.google.com/search?q=pacman" target="_blank" rel="noopener">pacman</a> - this will show the pacman game right in the results page where you can play it</li>
</ul>
<p>For more funny tricks you should see the Google's mirror site.</p>
<h3>10. Google mirror site</h3>
<p>There's a site with a domain name in the reverse order of the Google, called elgooG. This is an unofficial site claimed to be Google's mirror with some interesting and funny stuff.</p>
<p>The domain of the site is elgoog.im which means to say I'm elgooG.&nbsp;</p>
<p>There are so many easter eggs related to Google results page on this elgooG site.&nbsp;</p>
<p>You can visit this <a href="https://elgoog.im/" target="_blank" rel="noopener">elgoog</a> site and have fun with google gravity, thanos trick, google in 1998 etc all tricks.</p>
<p>That is all about the tricks to use Google smartly and effectively.</p>
<p>This article covers all the essential tricks that you ever need while searching on Google.&nbsp;</p>
<p>If you have any such interesting or useful trick, then do share it with us and we'll update it here.&nbsp;</p>

Here are the Google tricks that help to use Google in the most effective manner. Knowing to google effectively is a great time-saving skill.

Posts tagged with Tricks

Chrome extension to convert text to image instantly

Create beautiful images from tweets, text and other images

10 JavaScript tips and tricks that makes you a better dev

Google tricks that make you pro at googling anything