Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

Seo Master present to you: Over the past year or so, my contributions to Google Chrome have mostly been behind the scenes: improving our base libraries, security, stability, and performance. But recently, I made an addition to Chrome Experiments, a site we just launched today. With the Monster experiment I had a chance to step back from working deep within Google Chrome's C++ code, and give my right brain a little exercise.

Since web browsers don't currently support native 3D graphics, the basis for my experiment is a custom 3D rendering engine written in JavaScript. It uses some pretty intense numerical computations to project the 3D shapes into a 2D image, like your eye would. These are then drawn to the screen using the HTML5 canvas element. This process is a similar concept to early 3D game engines, before accelerating graphics cards handled the work.

JavaScript wasn't originally designed with intensive mathematical computation in mind; the real trick is not in writing the engine, but making it perform well in the high-level language running in your browser.

Compared to creating the 3D model beforehand and embedding the data in the application, Monster creates the mesh using software algorithms in real time while the demo runs. This has some nice advantages like decreasing download time, but it requires even more processing power to draw every frame.

Here's what it looks like in action:



The demo starts with a simple cube, but as it progresses, the cube is smoothed and pulled apart to become exponentially more complex. The values used in these operations are varied over time, creating an animation that brings the monster to life. Anytime during the demo you can hit 'p' to pause, and explore the scene with your mouse. With a bit of careful programming (ok, a lot) and the performance of V8, it's possible to do all this work and still generate smooth and consistent graphics.

So give it a try and take a look through the other Chrome Experiments on the Google Chrome Blog. If you've made something interesting with JavaScript please submit it, too. We'll be highlighting more experiments and holding sessions Google Chrome at Google I/O on May 27 - 28 in San Francisco.

2013, By: Seo Master
Seo Master present to you:
Add Facebook Popout Like Box To Blogger

Facebook Popout Like Box is a new version of FB Like Box for Bloggers,this box will help you to get Facebook Page likes , the likes can be for your website/blog page or any other page.We should not underestimate the Social Media , in which Facebook is at the top , therefore get more likes for your Facebook page and get high traffic from your Facebook Pages , in this regard a New Facebook Popout Like Box Version 2 has been released which will solve your traffic problem,this is very stylish Like Box , you can add this Like Box to any side of your Blog/Website .Whenever someone move mouse on it , it will pops up .However Let's see how to add this box to Blogger.

Facebook-popout-like-box


Live Demo

How To Add Facebook Popup Like Box To Blogger


Before installing/adding Facebook Popup Like Box to your Blog , you must already install the jQuery Plugin to your blog template , if you have not added that plugin follow the below easy steps to add.

  • Sign in to your Blogger Account 
  • Go To Blogger Dashboard , there click on template after that Click on Edit HTML , then Proceed it , Check the Small Box "Expand Widgets Template" after that Search for </head> tag.
  • Now Copy the below Script and paste below/under </head> Tag
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  • The Plugin is installed , now lets add the Like Box
  • Again Go to Blogger Dashboard
  • Click On Layout
  • Add a Widget and Select HTML/JavaScript
  • A Box will popup , now Copy the below script/code and paste it in the box.

<style type="text/css">
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}
.fbplbadge {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;right: -47px;width: 47px;background-image: url("http://www.matrixar.com/-MaW4PTF8Qkc/T13eWvP_ZoI/AAAAAAAABc8/ZCYfPlB1jug/s1600/w2b_vertical-left.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-right-radius: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-topright: 8px;-moz-border-radius-bottomright: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
    (function(w2b){
        w2b(document).ready(function(){
            var $dur = "medium"; // Duration of Animation
            w2b("#fbplikebox").css({left: -250, "top" : 100 })
            w2b("#fbplikebox").hover(function () {
                w2b(this).stop().animate({
                    left: 0
                }, $dur);
            }, function () {
                w2b(this).stop().animate({
                    left: -250
                }, $dur);
            });
            w2b("#fbplikebox").show();
        });
    })(jQuery);
/*]]>*/
</script>
<div id="fbplikebox" style="display:none;">
    <div class="fbplbadge"></div>
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fthatsblogging&amp;width=250&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23C4C4C4&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px;background:#F5EBF5;" allowtransparency="true"></iframe>
</div>


  •  Change The Page Username in the Script to your Own Page Username i.e "ThatsBlogging".
  • You Can Change the width and height of the box (the width and height is clearly indicated by red text i.e 250 ".
  • Now hit Save and that's it !
  • Still Confuse ? Feel Free to ask any question , we will anwser you !
Actually the script is coded by Way2Blogging.com , all credit goes to W2B , but we share this for the sake of our Visitors , Stay Blessed , Happy Blogging
2013, By: Seo Master
Seo Master present to you:

Last summer we launched a site aimed to help educators and students alike become more familiar with the technology behind Google and the massive internet in general. Recently, we've redesigned that site and given it a fresh name: welcome Google Code University.

Google Code University is a growing repository of computer science educational material including tutorials, lecture slides, and videos. Since the initial launch last summer, we've added a lot of new content -- for example, a few months ago we blogged about course material that the University of Washington developed with us on large-scale distributed computing. Recently, we've added tutorials on MySQL and Subversion. And there's a new series of lectures from an introductory web programming class taught at the University of Washington. The site's still growing, and we'll keep adding more content in the coming months.

Most importantly, most of the course materials are Creative Commons licensed, so we encourage educators and students to reuse and build upon them. If you have questions, comments, or materials you'd like to share, please visit the forum. We'd love to hear your feedback and have you contribute to the site.2013, By: Seo Master
Powered by Blogger.