반응형
반응형

Cylon.js: A next generation robotics framework

Framework - Javascript / Added on October 19, 2014 / Add to favorites

Cylon.js is a next generation robotics framework that’s compatible with 27 different platforms. It makes it incredibly easy and fun to command robots using JavaScript.

cylon.js

JavaScript robotics framework using Node.js 

 

 

 

 

 

 

반응형
반응형


<br><br>
*** 시작페이지로 지정하기 ***
<br><br>

<script type="text/javascript" src="/common/js/jquery-latest_header.js"></script>
<div id="homepage-link">
    <a href="javascript:addashomepage()"> Make this your homepage  </a>
    <span id="homepagePopup">
        <section class="text">
        </section>
        <br /><a href="javascript:void(0);" class="close">close</a>
    </span>
        Set as your home page
</div>





 
 <script type="text/javascript">

     /* Add as home page script - Dave Goodman goodmangraphics.co.uk */
     function addashomepage() {

         // makes jQuery differentiate between Chrome and Safari - thanks to Vikrant Chaudhary
         $.browser.chrome = $.browser.webkit && !!window.chrome;
         $.browser.safari = $.browser.webkit && !window.chrome;

         if ($.browser.msie) { // IE
             if ($.browser.msie && parseInt($.browser.version, 10) < 8) { // IE is v7 or lower - use ye olde homepage code
                 document.body.style.behavior = 'url(#default#homepage)';
                 document.body.setHomePage(window.location.href);
             } else { // IE v8 or higher
                 var homesettext = "<p><strong>Internet Explorer</strong><br /><br />To set your homepage in Internet Explorer 6 or later on Microsoft Windows:</p><ol><li>Select <strong>Tools |&nbsp;Internet Options</strong>.</li><li>On the &quot;General&quot; tab, in the &quot;Home page&quot; text box, type: <em>http://www.garagewire.co.uk/&nbsp; </em></li></ol><p><strong>Note: </strong>The &quot;Home page&quot; box can contain multiple URLs. If you want Garage Wire to be the first tab when your browser opens, make sure<em> http://garagewire.co.uk/ </em>is the first URL in this box.</p><ol start='3'><li>Click <strong>Apply</strong></li><li>Click<strong> OK</strong>.</li></ol>";
             };

         } else if ($.browser.safari) { // safari
             var homesettext = "<p><strong>Safari</strong><br /><br />To set your homepage in Safari 1 or later for Mac OS X or Microsoft Windows:</p><ol><li>Select <strong>Edit | </strong> <strong>Preferences</strong> or click the cog icon in the upper-right and select <strong>Preferences</strong>. The &quot;Preferences&quot; window appears.</li><li>Select the <strong>General</strong> tab.</li><li>Enter <em>http://www.garagewire.co.uk/ </em>in the&quot;Homepage&quot; text box.<em> </em></li><li>Click <strong>Close</strong>.</li></ol>";

         } else if ($.browser.webkit) { // chrome
             var homesettext = "<p><strong>Chrome</strong><br /><br />To set your homepage in Chrome 18 or later for Mac OS X or Microsoft Windows:</p><ol><li>Sign in to Chrome if you have not already done so.</li><li>Select the&nbsp;Customize and control Google Chrome icon (the icon with three bars to the right of the URL&nbsp;box).</li><li>Select <strong>Settings</strong>.</li><li>Under &quot;On startup&quot;, select the <strong>Open a specific page or set of pages</strong> button.</li><li>Click <strong>Set Pages</strong>.</li><li>Enter <em>http://www.garagewire.co.uk/ </em>in the field provided.<em> </em></li><li>Click <strong>OK</strong> to save your settings.</li></ol>";

         } else if ($.browser.mozilla) { // firefox
             var homesettext = "<p><strong>Mozilla Firefox</strong><br /><br />To set your homepage in Mozilla Firefox 16 or later on Microsoft Windows or Mac OS X:</p><ol><li>Select <strong>Firefox |</strong> <strong>Options</strong>. The <strong>Options</strong> dialog box appears.</li><li>Click the <strong>General</strong><em> </em>tab if not already selected.</li><li>Choose <strong>Show my home page</strong> in the drop-down to the right of &quot;When Firefox starts:&quot;.</li><li>Enter <em>http://www.garagewire.co.uk/</em> in the &quot;Home Page&quot; text box.</li><li>Click <strong>OK</strong>.</li></ol>";

         } else if ($.browser.opera) { // opera
             var homesettext = "<p><strong>Opera</strong><br /><br />To set your homepage in Opera on Microsoft Windows:</p><ol><li>Navigate to and click on the 'Preferences' link from the drop-down menu at the top of the Opera browser. The Preferences box will open. Select the 'General' tab.</li><li>Click on 'Set current page as home page'.</li><li>Click <strong>OK</strong>.</li></ol>To set your homepage in Opera on Mac OS X:</p><ol><li>Click on the top menu option 'Opera,' and then click on the 'Preferences' option. The Preferences box will open with the General tab already selected.</li><li>click 'Use Current.' Then utilize the drop-down menu to choose the desired navigation option.</li><li>Click <strong>OK</strong>.</li></ol>";

         } else { // unknown browser
             var homesettext = "<p><strong>Unknown browser type</strong><br /><br />To set your homepage please refer to your browser's help</a>";
         };

         if (homesettext) {
             $("#homepagePopup .text").html(homesettext);
             $("#homepagePopup").fadeIn();
             //alert(homesettext);
         };

     };

     jQuery(document).ready(function ($) {

         $("#homepagePopup .close").click(function (event) {
             $("#homepagePopup").fadeOut();
         });

         $("#bookmarkPopup .close").click(function (event) {
             $("#bookmarkPopup").fadeOut();
         });

     });
 
</script>







<style>
#homepagePopup {
    position: absolute;
    float: left;
    text-align: left;
    padding: 15px;
    background: #000;
    color: #fff;
    font-size: 1.2em;
    line-height: 1.2em;
    border: #ccc 2px solid;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    top:0;
    left:20px;
    z-index: 100;
    -moz-box-shadow: 0 0 15px #888;
    -webkit-box-shadow: 0 0 15px#888;
    box-shadow: 0 0 15px #888;
    display: none;
}
 
#homepagePopup ol li {
    list-style: decimal;
    padding: 4px 0 4px 0px;
    margin-left: 20px;
}

</style>

반응형
반응형

구글 지도에서 이제는 사막 스트리트뷰도 볼 수 있다.



http://google-latlong.blogspot.kr/2014/10/roam-arabian-desert-with-street-view.html


Explore Liwa with Google Maps - Google اكتشف ليوا مع خرائط


반응형
반응형


개발 명장이 되는 길


1. 매일 한줄의 코드를 작성하도록 노력한다.


2. 어떠한 어려움이 있더라도 테스트 코드를 같이 쓰는 습관을 가진다.


3. 남의 코드에서 다양성을 보고, 진득한 분석을 통해 내 것으로 만들려 한다.


4. 종종 다른 개발자들을 만날 수 있는 기회를 만든다.


5. 내 코드를 공개한다. 그것도 작동하는 상태로.


6. 검색보다 매뉴얼, 스펙을 더 자주 보자.


7. 한가지 언어에 집착하지 않고 대안의 언어를 몇 가지 연마한다.


8. 선한 사람이 될려고 노력한다.


9. 비즈니스도 코딩과 같은 열정으로 공부하고 프로토타입으로 검증해 보자.

반응형
반응형

[jQuery] like Pintrest. 핀트레스트 같은 그리드(Grid)

 

Amazing jQuery Plugins to design Pinterest like Dynamic Grid Layout

 

1. Masonry

This is the most widely used dynamic grid layout plugin for jQuery. This works as opposite to CSS floats, because floating arranges elements horizontally while this Masonry arranges elements vertically.


2. Isotope

Its an exquisite jQuery plugin for intelligent and dynamic layouts that can't be achieved with CSS alone. It allows jQuery selectors and sorting the elements.


3. BlocksIt

BlocksIt.js is a jQuery plugin to create dynamic grid layout. It manages to convert HTML elements into 'Blocks' and position them in well-arranged grid layout like Pinterest. 


4. Wookmark

Wookmark is a website to bookmark Images and videos, and has a Pinterest like interface. This website has made this simple jQuery plugin which is available for free download on Github.


5. Pinterest Clone Layout

If you are a Ruby Developer and wish to create the Pinterest style layout in a short period of time, then this layout is for you. This layout uses the jQuery Masonyn plugin and is already styled and ready to use. You can also see the Demo interface here.


6. Flex

Flex is a fluid asymmetrical animated grid plugin for jQuery. It also has a feature of expanding the tiles on mouse hover.


 

 

 

 

 

 

반응형
반응형

Paths.js: Create SVG shapes for geometric shapes

차트인듯 차트아닌 차트같이.

Paths.js is a JavaScript library for generating SVG paths that can then be used along with a template engine like Mustache or Handlebars for displaying those SVG shapes in the browser. It offers three APIs, of increasing abstraction.

paths.js

반응형

+ Recent posts