Earthman Web & Media » google http://web.earthman.ca Web Design in BC - Nelson, Vancouver, Kelowna Sun, 05 Feb 2012 20:30:53 +0000 en hourly 1 Join the Nettuts+ Community on Google+ http://feedproxy.google.com/~r/nettuts/~3/0QohP2uyphk/ http://feedproxy.google.com/~r/nettuts/~3/0QohP2uyphk/#comments Tue, 22 Nov 2011 16:39:06 +0000 David Appleyard http://net.tutsplus.com/?p=22809

We’re excited to let you know that now, in addition to Twitter and Facebook, you can get involved with the Nettuts+ community over at Google+! We’ll be using Google+ to let you know about our latest tutorials, competitions, and Tuts+ news. Read on to find out more…

What to Expect on Google+

Nettuts+ on Google+

Through Google+, we’ll be publishing links to our new tutorials and articles, industry news, graphics and examples from our community, and lots more! It’s going to be an extension of the Nettuts+ site and community, in the same way we treat Twitter and Facebook.

Don’t have a Google+ account? You can head over and create one here, or find out a little more about how it works.

Add Nettuts+ to Your Circles

Just use the button above to add Nettuts+ to your circles, so you don’t miss out on any of our new content. We look forward to seeing you on Google+!


]]>

We’re excited to let you know that now, in addition to Twitter and Facebook, you can get involved with the Nettuts+ community over at Google+! We’ll be using Google+ to let you know about our latest tutorials, competitions, and Tuts+ news. Read on to find out more…

What to Expect on Google+

Nettuts+ on Google+

Through Google+, we’ll be publishing links to our new tutorials and articles, industry news, graphics and examples from our community, and lots more! It’s going to be an extension of the Nettuts+ site and community, in the same way we treat Twitter and Facebook.

Don’t have a Google+ account? You can head over and create one here, or find out a little more about how it works.

Add Nettuts+ to Your Circles

Just use the button above to add Nettuts+ to your circles, so you don’t miss out on any of our new content. We look forward to seeing you on Google+!


]]> http://net.tutsplus.com/articles/news/join-the-nettuts-community-on-google/feed/ 0 Join the Nettuts+ Community on Google+ http://feedproxy.google.com/~r/nettuts/~3/0QohP2uyphk/ http://feedproxy.google.com/~r/nettuts/~3/0QohP2uyphk/#comments Tue, 22 Nov 2011 16:39:06 +0000 David Appleyard http://net.tutsplus.com/?p=22809

We’re excited to let you know that now, in addition to Twitter and Facebook, you can get involved with the Nettuts+ community over at Google+! We’ll be using Google+ to let you know about our latest tutorials, competitions, and Tuts+ news. Read on to find out more…

What to Expect on Google+

Nettuts+ on Google+

Through Google+, we’ll be publishing links to our new tutorials and articles, industry news, graphics and examples from our community, and lots more! It’s going to be an extension of the Nettuts+ site and community, in the same way we treat Twitter and Facebook.

Don’t have a Google+ account? You can head over and create one here, or find out a little more about how it works.

Add Nettuts+ to Your Circles

Just use the button above to add Nettuts+ to your circles, so you don’t miss out on any of our new content. We look forward to seeing you on Google+!


]]>

We’re excited to let you know that now, in addition to Twitter and Facebook, you can get involved with the Nettuts+ community over at Google+! We’ll be using Google+ to let you know about our latest tutorials, competitions, and Tuts+ news. Read on to find out more…

What to Expect on Google+

Nettuts+ on Google+

Through Google+, we’ll be publishing links to our new tutorials and articles, industry news, graphics and examples from our community, and lots more! It’s going to be an extension of the Nettuts+ site and community, in the same way we treat Twitter and Facebook.

Don’t have a Google+ account? You can head over and create one here, or find out a little more about how it works.

Add Nettuts+ to Your Circles

Just use the button above to add Nettuts+ to your circles, so you don’t miss out on any of our new content. We look forward to seeing you on Google+!


]]> http://net.tutsplus.com/articles/news/join-the-nettuts-community-on-google/feed/ 0 Quick Tip: How to Add Syntax Highlighting to Any Project http://feedproxy.google.com/~r/nettuts/~3/Ic0yJ4MdN1U/ http://feedproxy.google.com/~r/nettuts/~3/Ic0yJ4MdN1U/#comments Tue, 26 Jul 2011 23:17:53 +0000 Jeffrey Way http://net.tutsplus.com/?p=21099

In this lesson, we’ll use a JavaScript based syntax highlighter to quickly add a syntax highlighting functionality to any web project — even on a simple HTML page!

Step 1 — Download the Source Code

You can download the syntax highlighter source files here.

Step 2 — Drag the src Directory into your Project

I generally rename this folder to highlighter. Don’t delete anything within here, unless you don’t anticipate using some of the language specific JavaScript files.

Step 3 — Import the Necessary Files

Within your HTML file (or whichever page is responsible for displaying your view), import both the prettify.css and prettify.js files. 

<!DOCTYPE html>

<html lang="en">
<head>
   <meta charset="utf&mdash;8">
   <title>untitled</title>
   <link rel="stylesheet" href="highlighter/prettify.css" />
</head>
<body>

<script src="highlighter/prettify.js"></script>

</body>
</html>

Notice how we’ve placed our script at the bottom of the page, just before the closing body tag. This is always a smart move, as it improves performance.

Next, we need something to work with! The syntax highlighter will search for either a pre or code element that has a class of prettyprint. Let’s add that now. 

<pre class="prettyprint">
(function() {
   var jsSyntaxHighlighting = 'rocks';
})();
</pre>

Step 4 — Calling the prettyPrint() Function

The last step is to execute the prettyPrint() function. We can place this bit of code at the bottom of the page as well. 

<!DOCTYPE html>

<html lang="en">
<head>
   <meta charset="utf-8">
   <title>untitled</title>
   <link rel="stylesheet" href="highlighter/prettify.css" />
</head>
<body>

<pre class="prettyprint">
(function() {
   var jsSyntaxHighlighting = 'rocks';
})();
</pre>
<script src="highlighter/prettify.js"></script>
<script>prettyPrint();</script>
</body>
</html>

If we now view the page in the browser…

final product

Well that was easy! But, as a final bonus step, what if we want to change the highlighter theme? In that case, it all comes down to editing the stylesheet how you see fit. Even better, there are a handful of stylesheets in the theme gallery that you’re free to use. I personally like the Desert theme. To apply it, copy the CSS from the link above, create a new stylesheet in your project, and paste the CSS into it. Next, update the stylesheet include from within the head section of your document. 

<head>
   <meta charset="utf&mdash;8">
   <title>untitled</title>
   <link rel="stylesheet" href="highlighter/dessert.css" />
</head>
Desert Theme Applied

Seriously — can it get any simpler than that?


]]> http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-how-to-add-syntax-highlighting-to-any-project/feed/ 0 Quick Tip: How to Add Syntax Highlighting to Any Project http://feedproxy.google.com/~r/nettuts/~3/Ic0yJ4MdN1U/ http://feedproxy.google.com/~r/nettuts/~3/Ic0yJ4MdN1U/#comments Tue, 26 Jul 2011 23:17:53 +0000 Jeffrey Way http://net.tutsplus.com/?p=21099

In this lesson, we’ll use a JavaScript based syntax highlighter to quickly add a syntax highlighting functionality to any web project — even on a simple HTML page!

Step 1 — Download the Source Code

You can download the syntax highlighter source files here.

Step 2 — Drag the src Directory into your Project

I generally rename this folder to highlighter. Don’t delete anything within here, unless you don’t anticipate using some of the language specific JavaScript files.

Step 3 — Import the Necessary Files

Within your HTML file (or whichever page is responsible for displaying your view), import both the prettify.css and prettify.js files. 

<!DOCTYPE html>

<html lang="en">
<head>
   <meta charset="utf&mdash;8">
   <title>untitled</title>
   <link rel="stylesheet" href="highlighter/prettify.css" />
</head>
<body>

<script src="highlighter/prettify.js"></script>

</body>
</html>

Notice how we’ve placed our script at the bottom of the page, just before the closing body tag. This is always a smart move, as it improves performance.

Next, we need something to work with! The syntax highlighter will search for either a pre or code element that has a class of prettyprint. Let’s add that now. 

<pre class="prettyprint">
(function() {
   var jsSyntaxHighlighting = 'rocks';
})();
</pre>

Step 4 — Calling the prettyPrint() Function

The last step is to execute the prettyPrint() function. We can place this bit of code at the bottom of the page as well. 

<!DOCTYPE html>

<html lang="en">
<head>
   <meta charset="utf-8">
   <title>untitled</title>
   <link rel="stylesheet" href="highlighter/prettify.css" />
</head>
<body>

<pre class="prettyprint">
(function() {
   var jsSyntaxHighlighting = 'rocks';
})();
</pre>
<script src="highlighter/prettify.js"></script>
<script>prettyPrint();</script>
</body>
</html>

If we now view the page in the browser…

final product

Well that was easy! But, as a final bonus step, what if we want to change the highlighter theme? In that case, it all comes down to editing the stylesheet how you see fit. Even better, there are a handful of stylesheets in the theme gallery that you’re free to use. I personally like the Desert theme. To apply it, copy the CSS from the link above, create a new stylesheet in your project, and paste the CSS into it. Next, update the stylesheet include from within the head section of your document. 

<head>
   <meta charset="utf&mdash;8">
   <title>untitled</title>
   <link rel="stylesheet" href="highlighter/dessert.css" />
</head>
Desert Theme Applied

Seriously — can it get any simpler than that?


]]> http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-how-to-add-syntax-highlighting-to-any-project/feed/ 0 BBC News – China condemns decision by Google to lift censorship http://web.earthman.ca/bbc-news-china-condemns-decision-by-google-to-lift-censorship http://web.earthman.ca/bbc-news-china-condemns-decision-by-google-to-lift-censorship#comments Thu, 25 Mar 2010 21:19:41 +0000 Earthman http://web.earthman.ca/?p=688 China condemns decision by Google to lift censorship

A computer screen in a Beijing internet cafe shows the new Chinese-language Google search home page, 23 March

Chinese users are being redirected to the google.com.hk site

China has said Google’s move to stop censoring search results is “totally wrong” and accused it of breaking a promise made when it launched in China.

Source:  BBC News – China condemns decision by Google to lift censorship.

]]> http://web.earthman.ca/bbc-news-china-condemns-decision-by-google-to-lift-censorship/feed 0