Blogging – SEO Consultants, Digital Marketing, WordPress Development http://graphenelive.in Wed, 05 Apr 2017 09:51:38 +0000 en-US hourly 1 https://wordpress.org/?v=6.1.6 http://graphenelive.in/wp-content/uploads/2018/03/cropped-MacX-2018-03-12-at-5.11.12-AM-32x32.jpg Blogging – SEO Consultants, Digital Marketing, WordPress Development http://graphenelive.in 32 32 Ultimate guide for 301 Redirects http://graphenelive.in/ultimate-guide-301-redirects/ http://graphenelive.in/ultimate-guide-301-redirects/#respond Wed, 05 Apr 2017 09:51:38 +0000 http://graphenelive.in/?p=653 Response code 301 (Moved Permanently) indicates that the requested document is now available at the new address on an ongoing basis. 301 redirects can be necessary in a few cases: the move to the new domain address change page or gluing mirrors site . The objectives of these events are quite clear: Transferring old records

The post Ultimate guide for 301 Redirects appeared first on SEO Consultants, Digital Marketing, WordPress Development.

]]>
Response code 301 (Moved Permanently) indicates that the requested document is now available at the new address on an ongoing basis. 301 redirects can be necessary in a few cases: the move to the new domain address change page or gluing mirrors site . The objectives of these events are quite clear:

  • Transferring old records to a new page or domain.
  • Elimination of broken links, both external and internal.
  • Elimination of duplicate pages.

There are several ways to make a 301 redirect, but I prefer the option of using .htaccess file, which is located in the root directory of your FTP site (if it’s not there, just create it, it has no extension).

Setting 301 redirect from one page

Quite often a situation arises when a site page has been deleted or is forced to change its URL. When referring to her old address, the user itself, see page 404 (not found).Here’s the syntax:


Redirect 301 /old-page.html http://new-domain.com/new-page.html

Well or so, the result is the same:


Redirect permanent /old-page.html http://new-domain.com/new-page.html

Make no mistake: /old-page.html – relative URL of the old page. It can be attached: /old-category/old-page.html, well, or so: / old-category / old-page / – there are no limits. The same applies to http://new-domain.com/new-page.html (new page), with the only difference being that here the absolute path (not necessarily that it was new domain – may just be a new internal address of the page ).

Setting up 301 redirects when moving a site to a new domain

No less clear the situation. There was a need to move to a new domain, keep the old, in this case, the attribute of the old domain .htaccess following:




+ FollowSymLinks the Options

RewriteEngine on

<FilesMatch "$ a robots.txt">

RewriteEngine off

 

RewriteCond% {} ^ HTTP_HOST old-domain \ .mobi

the RewriteRule ^ (. *) $ Http://new-domain.com/$1 [R = 301, L]

RewriteCond% HTTP_HOST} ^ {www.oldsite \ .com

RewriteRule ^ (. *) $ http://old-domain.com/$1 [R = 301, L]

In this example, we set the redirect all pages of the old domain to the new page (provided that the relative addresses are the same).

Edit the robots.txt in old domain as below.



Agent-the User: *

Disallow: /

301 domain redirect without www with at www:



+ FollowSymLinks Options

RewriteEngine On

<FilesMatch "robots.txt $">

RewriteEngine off

 

RewriteCond% HTTP_HOST {^} $ site.ru

RewriteRule (. *) Http://www.site.com/$1 [R = 301 , L]
The reverse situation - with no on www www:

+ FollowSymLinks Options

RewriteEngine On

<FilesMatch "robots.txt $">

RewriteEngine off

 

RewriteCond% HTTP_HOST {^} $ www.site.com

RewriteRule (. *) Http://site.com/$1 [R = 301 , L]

After editing, save the file and upload it to the root folder of the FTP by overwriting.

The post Ultimate guide for 301 Redirects appeared first on SEO Consultants, Digital Marketing, WordPress Development.

]]>
http://graphenelive.in/ultimate-guide-301-redirects/feed/ 0
Great sites that you can visit every time when you are free! http://graphenelive.in/great-sites-can-visit-every-time-free/ http://graphenelive.in/great-sites-can-visit-every-time-free/#respond Tue, 04 Apr 2017 08:05:36 +0000 http://graphenelive.in/?p=623 Want to find some new corner of the Internet to help you find the excitement? Okay, you’re lucky. Whether you’re looking for silly games or something useful, here are 21 cool sites you should visit. 1. TED With over 1900 exciting and inspirational talks, you will definitely find something you like. 2. Difference Between Want

The post Great sites that you can visit every time when you are free! appeared first on SEO Consultants, Digital Marketing, WordPress Development.

]]>
Want to find some new corner of the Internet to help you find the excitement? Okay, you’re lucky. Whether you’re looking for silly games or something useful, here are 21 cool sites you should visit.

1. TED

With over 1900 exciting and inspirational talks, you will definitely find something you like.

2. Difference Between

Want to learn the difference between anything? Example between API and Web Service .

3. The Geocities-izer

Turn any website into a page with the ugly interface like the 90s.

Web-site-or-geocities-izer

4. Wikipedia Random

Fall into the rabbit hole and explore random topics on Wikipedia.

5. Whizzpast

The best place on the Internet to learn about great things in history.

6. Find the Invisible Cow

Make sure you open the speaker (but do not be too loud).

7. Sporcle

Solve thousands of puzzles or create your own.

8. Zooniverse

Become part of real science projects (such as discovering the surface of the moon) by taking part in online research.

9. Lang-8

Write in a language you are learning and native speakers will correct your errors.

10. Silk

Create artwork with your mouse.

11. Letters of Note

An amazing collection of compelling letters, postcards, telegrams and notes in the past.

12. Khan Academy

If you’re looking to learn more, Khan Academy offers hundreds of free education courses for you.

13. GeoGuessr

Guess where photos taken by Google Streetview are in anywhere in the world.

Web-site-or-geoGuessr

 

14. Feel Good Wardrobe

The page provides tips for buying clothes.

15. I Need a Prompt

Like You Write Write, but for artists.

16. Omegle

Feeling like talking to someone? Omegle helps you talk (via text or video) to a stranger.

17. My Script Font

Create a font based on your own handwriting.

18. Live Plasma

Live Plasma is a musical discovery machine. Just tap on an artist you like and it will show the same artist.

19. Hippo Paint

A perfect coloring book for both kids and adults – just tap on something you like to paint and it will give you the picture.

Web-page-or-hippo-paint

20. Akinator

A real witch.

21. Congregation

Thousands of free online games, from big names to private ones.

The post Great sites that you can visit every time when you are free! appeared first on SEO Consultants, Digital Marketing, WordPress Development.

]]>
http://graphenelive.in/great-sites-can-visit-every-time-free/feed/ 0
Developer Console tips on Chrome browser for Developers & SEO http://graphenelive.in/developer-console-tips-chrome-browser-developers-seo/ http://graphenelive.in/developer-console-tips-chrome-browser-developers-seo/#respond Tue, 04 Apr 2017 07:56:12 +0000 http://graphenelive.in/?p=614 This article will summarize console tips on the Chrome browser for web developers , help you speed up the process of code as well as debug. 1. Select the DOM Elements $(selector)Returns a reference to the first DOM element with the specified CSS selector. This function is an alias for the document.querySelector()function. The following example

The post Developer Console tips on Chrome browser for Developers & SEO appeared first on SEO Consultants, Digital Marketing, WordPress Development.

]]>
This article will summarize console tips on the Chrome browser for web developers , help you speed up the process of code as well as debug.

1. Select the DOM Elements

$(selector)Returns a reference to the first DOM element with the specified CSS selector. This function is an alias for the document.querySelector()function.

The following example returns a reference to the <img>first element in document:

Selector-img-chrome-devtools

In addition to the way you are used to $(‘tagName’) $(‘.class’) $(‘#id’)and $(‘.class #id’), you can also use $$(‘tagName’)or $$(‘.class’). $$(selector)return an array of elements that match the CSS selector specified. This command is equivalent to the document.querySelectorAll()

following example, which prints the src attribute of all elements <img>indocument

All-selector-chrome-devtools

Because returned array, so you can $$(‘.className’)[0]or $$(‘.className’)[1]comfortable.

Note: If the page uses a library like jQuery, this function will be overwritten, $which will then correspond to the page library.

2. Convert Your Browser Into An Editor

How many times have you wondered if you could edit the text of an element in the DOM directly in your browser? The answer is yes, you can turn the browser into a delicious text editor. That is, add, edit, delete text from anywhere in the DOM.

I’m sure you still do this: Right click> Inspect> Edit as HTML. Instead, type the following command into the console:document.body.contentEditable = true

3. Find Events Associated with an Element in the DOM

getEventListeners(object)Returns the event listenersregistered on a specified object. The return value is an object, which contains an array of events ( clickor KeyDown.vv ..).

The following example lists all the events registered on the object#scrollingList

Scrolling-list-chrome-devtools

Event mousedownof this object has 2 listeners. That’s the meaning of Array[2]what you see on the picture. It is possible to see the details of such listeners:

Scrolling-list-expanded-chrome-devtools

In addition, to select a specific listener, you can type the following command into the
getEventListeners($('#firstName')).click[0].listener
Easy console . 🙂

4. Monitor Events

monitorEvents(object[,events])
When an event in the specified event occurs on the object, it Event objectwill be logged console. In the above function, the parameter eventspassed in can be an event, an array of events, or a “style” events (eg "keys"including events "keydown", "keyup", "keypress", "textInput")

For example, after the event log resizeon the objectwindow
monitorEvents(window, "resize");

Monitor-events-chrome-devtools

The following example monitors events of type keyon the object $0(previously defined as a text field)

Monitor-keys

 

5. Find the Time of Execution of a Block Code

Kind of like the timer.

console.time('myTime'); //Starts the timer with label - myTime
console.timeEnd('myTime'); //Ends the timer with Label - myTime

//Output: myTime:123.00 ms

We can rely on this function to measure the time to complete a code block.
For example:

console.time('myTime'); //Starts the timer with label - myTime

for(var i=0; i < 100000; i++){
  2+4+5;
}

console.timeEnd('mytime'); //Ends the timer with Label - myTime

//Output - myTime:12345.00 ms

6. Arrange the Values of a Variable into a Table

Suppose you have an array of objects with values like this.

var myArray=[{a:1,b:2,c:3},{a:1,b:2,c:3,d:4},{k:11,f:22},{a:1,b:2,c:3}]

To myArrayshow more beautiful in consoleus can use console.table(variableName).

Console-table-chrome-console-tricks

 

7. Inspect an Element in the DOM

Can be inspected directly in console:

  • inspect($("selector"))Will inspect the element that matches the selector and always open the DevTools Tab Elements. This is sometimes useful when the element is hard to find on the screen and you can not right-click and inspect the element directly.
  • Replacing $("selector")with $0or $1or $2etc will save you time as $0it is the nearest element you have selected, $1the nearest to the second.

 

8. List the Properties of an Element

It’s easy, type dir($(‘selector’))in the console and it will return the object with the corresponding properties.

9. Retrieve the Value of your Last Result

$_

2+3+4
9 //- The Answer of the SUM is 9

$_
9 // Gives the last Result

$_ * $_
81  // As the last Result was 9

Math.sqrt($_)
9 // As the last Result was 81

$_
9 // As the Last Result is 9

10. Clear the Console and the Memory

clear()Or Ctrl+Lif you lazy type =))

11. Copy object value to clipboard

copy(object)Copy object as string.
If the object is elementthe same as the outer copy of its HTML.

For non-objects element, the thing that is copied to the clipboard is the JSON encoded object.

Try to select an element consoleand then type the command: copy($0)try on different objects you will understand immediately .

Resource:  https://developers.google.com/web/tools/chrome-devtools/console/command-line-reference

The post Developer Console tips on Chrome browser for Developers & SEO appeared first on SEO Consultants, Digital Marketing, WordPress Development.

]]>
http://graphenelive.in/developer-console-tips-chrome-browser-developers-seo/feed/ 0