そんな訳で、写真共有SNSの一つであるPathにある、あのサークルメニューを再現してみたので、ここにその手順をまとめておくとします。 Pathはネイティブアプリなので、JavaないしObjective-Cにて実装されていますが、こちとらはそんなハイソなテクニックは使わずに、JavaScriptとCSS3だけで行けるところまで行ってみます。 はじめに とりあえずサークルメニューの要件を大まかに書きだしてみました。 トグルボタンをクリックしてメニューアイテムの表示/非表示を切り替えたい 各メニューは円周上に均等に配置された状態で表示させたい 表示/非表示はアニメーションで切り替わるようにしたい メニュー数の増減には柔軟に対応できるようにしたい その他、各メニューの間隔や角度、表示時の距離などはオプショで指定できるようにしたい ひとまずこんなもんで良いでしょう。次にこれらの要件をどのように実装す
画面をタッチムーブすると、回転します。 HTML5 <!DOCTYPE html> <html lang="jp"> <head> <meta charset="UTF-8" /> <title>Lines3D1</title> <link href="css/base.css" rel="stylesheet" type="text/css"> <script src="js/devicecheck.js"></script> <script src="js/base.js"></script> </head> <body> <div id="contents"> <canvas id="canvas" width="275" height="275"></canvas> </div> </body> </html> CSS3 @charset "utf-8"; body { margi
【ベルリン=宮下日出男】新型天然ガス「シェールガス」をめぐる欧州諸国の対応が割れている。英国やポーランドは開発を促進しているが、フランスなどは、採掘時に化学物質が使われることなどから環境への影響が大きいとして禁止措置を取っている。米国の「シェール革命」が注目される中、エネルギーの安定的確保などの面から欧州としての取り組みも課題となってきた。 フランス通信(AFP)によると、ポーランド政府は昨年11月、2020年までに総額1千億ズロチ(約2兆8千億円)をエネルギー部門に投資する計画を公表した。シェールガス開発には50億ズロチを充当。トゥスク首相は「大きな投資の始まりだ」と強調した。 経済成長が続くポーランドは発電量の9割を石炭に依存し、天然ガスはロシアからの輸入に大きく頼る。欧州連合(EU)の環境目標達成と、ロシアへの依存脱却を同時に図るため、同国初の原発建設とともに、シェールガス開発はエネ
6.Windows 8 Windows 8の立ち上がりはやや遅れ気味かもしれないが、アプリストアへの一番乗りは、今後の競争でトップになるための基盤になることも多い。先行者の優位は大きい。日和見するよりも、Windows 8のアプリストアになるべく早く参入した方がいい。たとえWindows 8の販売成績が芳しくなくても、最近のアプリ販売統計が示しているように、大海でどこにいるかわからなくなってしまうよりは、井の中の蛙になる方が望ましい。 7.RESTを使ったウェブサービス 私個人は、「Visual Studio」の制約の中でSOAPを使う便利さと簡単さの方が好きだが、RESTはブームになっている。Microsoftさえ、ODataでRESTを取り込もうとし始めている。SOAPをサーバ間通信でしか使われないものにした最後の一撃は、JSONだった。作ろうとしているアプリケーションが単独で動くもの
Photoshopのプラグイン、Cut&Slice meはコーダーの強い味方になるか試してみた 2013.01.07 | この方法お勧めです! はじめまして。お弁当に入れてよし、おにぎりの具にもよし、卵はイクラでお寿司によし、年末にはまるごと新巻鮭で贈答品にもよし、いろんな形でお役に立つ、そんな鮭のような存在になりたいサーモンです。 決して食いしん坊だから、とか、もう選ぶ色がなかったとかそんなことではないですよ。 今日は七草 お正月、冬休み明けで、今日が仕事始めの方も多いのでは、と思いますが、そんな今日、1月7日は「七草粥」の日です。 1月7日の朝にセリ、ナズナ、ゴ(オ)ギョウ、ハコベラ、ホトケノザ、スズナ、スズシロの「春の七草」を入れたおかゆを食べて、無病息災を祈る、という行事ですね。地域によっても少しずつ違うのかもしれませんが、私の住む関東地方ではこんな感じだと思います。 そして、正月
Bootcampは2TBまでしか対応してないとのことで、「3TB Fusion Driveの場合、BootcampでWindows用に設定できるパーティションは2TBまで」っていう認識だったんだけど、そうじゃなくて、「3TB Fusion DriveはBootcampが全く対応してない」ってことだった。...
Easing functions specify the rate of change of a parameter over time. Objects in real life don’t just start and stop instantly, and almost never move at a constant speed. When we open a drawer, we first move it quickly, and slow it down as it comes out. Drop something on the floor, and it will first accelerate downwards, and then bounce back up after hitting the floor. This page helps you choose t
A front-end framework for building HTML5 mobile apps with a native look and feel. CSS3 Transitions optimized for mobile performance. Swipable carousels using flickable.js. Integration with backbone.js views and routers. Ratchet CSS UI components. Try loading this page on a mobile phone or try our "simulator" to the right. Download Installation Javascript Dependencies modernizr zepto zepto flicka
Every designer needs to have good resources to count on, and one can never have enough PSD files on hand. Thinking about that and also in celebrating the beginning of a new year, we decided to gather a few free PSD files for our readers. From icons to UI elements and menus, we have some nice files here to give your library a boost to start 2013 with new stuff to count on. We found all the files at
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く