Google advanced search is one of the best google feature, you can narrow your results down to region and when it was updated

Try out The:

1. Google's advanced search for website and files
2. Google's advanced search for images
3. Google's advanced search for videos
4. Google's advanced search for books

02. Finding Quick Definations

Google does a great job in finding answers to your search word or phrases, like what is css , but you can find the meaning of any word in google by adding Define at the begining of the word

Define Css

03. Perform Calculations

You can also perform calculations in google as well by entering any maths equation like so

30*800

04. Unit conversion

Google also performs unit conversion just by entering any unit conversion in the search box

200m to mm
100 dollers to naira

05. Searching for an exact image size

Very useful when working with logos and when you need an image of specific file size, just add imagesize:500x400 at the begining of a word or phrase

imagesize:500x400 spongeBob

06. Search Social Media

It is very easy to narrow a search to only social media in google, you can search only social media for a particular user or word in google by just adding @ at the begining of the word like

@SpruceEmmanuel

07. Search For Hashtags

You can also search for your favourite hashtags by just adding # at the begining of the hashtag

#100daysOfCode

08. Search for Items with a specific prize

Finding items that falls withing your budget is one of the coolest thing i like in Google, this can be acheived by simply adding the $ to the begining of the price

Intro to python books $100

09. Exclude certain words from your search result

This is done by adding an - at the begining of the woed you want to exclude
Create a blog with only html -css

10. Searching for an exact match

You can search for an exact match of a word or phrase by puting the word or phrase in qoute

"What is Javascript"

11. Search within a range of numbers

This is extremely useful when you have a minimum and maximum budget, you can Search for items price that are sold for $40 t0 200$ by adding ... between two numbers

Javascript Cookbook $50...$100

12. Combining Search

Add OR between two search query to search for two items at at time. You can combine this with other search parameters to get more accurate search result, also notice that the "OR" is in uppercase

Javascript Cookbook $50...$100 OR Python offline guide $40

13. Search a particular site

You can search a specific site by adding site: at the begining of a site or domain
site:spruce.com.ng
site:.dev

14. Search for a related site

Check similar sites is possible in google by adding related: at the begining of a site
related:spruce.com.ng

15. Google cached version of a site

Can't find an article you once read on a site? you can always check the cache version of a site in google by adding cache at the begining of a site
cache:spruce.com.ng

//Html
<div class="line"></div>

// Css
.line {
 border-bottom: 2px solid #ccc; // lines shouldn't be this boring
}

5 css only line effect

Adding line to a text

 // HTML code
   <div class="line-before">
     <span class="line-before__inner">
     Latest posts
    </span>
    </div>

// Css 
.line-before__inner {
 position:relative;
 display:block;
 width:100%;
 color:#333;
 background-position:center;
 z-index:2;
 padding-left:calc(100px + 1em);
}

.line-before__inner::before {
 content:'';
 position:absolute;
 display:block;
 width:100px;
 height:1px;
 background-color:currentColor;
 left:0;
 top:50%
} 

And there you have, as simple as that...

Other cool css only Line effects

Highlight Text

Add line to both side of an Element

Css only Wavy line

Animate line on hover

This article was originally written here, Find me online here