四足歩行の猿型ロボットやゴキブリ型ロボットなど、さまざまなタイプのロボットが開発されており、今度はスイスのチューリッヒ工科大学が立方体型のロボットを開発しました。「The Cubli」と名付けられたロボットは、あり得ない傾斜でもバランスを崩すことなく自立し、自力で跳ねたり転がったりして移動できます。 The Cubli: a cube that can jump up, balance, and 'walk' - YouTube スイスのチューリッヒ工科大学にあるダイナミックスステムズ・アンド・コントロール研究所が開発したのはThe Cubliというロボット。 The Cubliは15×15×15cmの立方体型ロボットです。 The Cubliの側面には3つのリアクションホイールが付いています。 リアクションホイールはDCブラシレスモータに接続。 さらに、3つのモーターコントローラーと……
Responsive Multi-Level Menu | Codrops 今回は、主にスマートフォンサイトで活躍しそうなレスポンシブタイプのドロップダウンメニューを紹介します。 限られたスペースからでも、メニューをふわっとアニメーションしながら展開して表示させてくれます。 まずは、サンプルをご覧下さい。 レスポンシブなドロップダウンメニューを実装する「Responsive Multi-Level Menu」サンプル 古いブラウザやIEなどでは作動しませんが、最新ブラウザが標準のスマホサイトにピッタリですね。 【設置方法】 こちらのResponsive Multi-Level Menuからソースをダウンロードします。このダウンロードしてきたソースファイルをもとに設置してみます。 ＜head＞部分にCSS関連を読み込む記述をします。 <link rel="stylesheet" type="
Javascript,jQuery 【jQuery】下方へスクロールしたらトップへ戻るボタンを表示して、スムーズにページトップへ帰るスクリプトを組んでみた 正式名称はよくわかりませんが、下スクロールで戻るボタンをふわっと表示させ、クリックするとページの上部へスルスルっとスクルールし、再びふわっと消えるというスクリプトです。 以前にこなした内容の復習ってことで戻るボタンもテキストではなく画像にし、ファイル名末尾に「_on」をつけた画像で差し替えも行なってみました。 ちょっとした事を数行で実装できるjQueryって改めて凄い＆面白いなぁ。 イメージ / サンプル （よくわからない）イメージ デモ
A tutorial on how to create a fullscreen slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions for the content elements. In this tutorial we’ll create a fullscreen slideshow with a twist: we’ll slice the current slide open in order to reveal the next or previous slide.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
