HTML5で作るCanvasアニメーションの基礎
Posted: 2015.07.10 / Category: javascript / Tag: アニメーション HTML5のCanvasを使用して簡単なアニメーションを作成してみます。 円を描画する アニメーションさせる為にはなにか物が必要なので、とりあえず円を描いてみましょう。 HTMLにcanvasタグを作成し、適当なidを割り当てます。 <canvas id="canvas-container" width="600" height="300"></canvas> 次はJSです。 window.onload = function() { // Canvas未サポートは実行しない if (!window.HTMLCanvasElement) return; var canvas = document.querySelector('#canvas-container'); var ct
CSS3で画像の一部をiOS（曇りガラス）風にぼかす方法：レスポンシブ対応
Posted: 2015.05.07 / Category: HTML&CSS, javascript / Tag: CSS3, jQuery iOS風のぼかしは画像が全画面表示だったら色々jQueryプラグインがあったのですが、今回は一部の要素の背景に重ねたかったのでちょっと試してみました。 確認環境： Chrome42, Firefox37, Safari7, iOS8, Android 4.4 均一の余白で配置するバージョン paddingのみでぼかすパネルを配置する方法です。これならCSSオンリーでいけます。 html&cssは下記のようにします。 html <div class="panel"> <div class="panel-in"> <div class="panel-main"> 内容文が入ります。 </div> </div> </div> css *::before,
iPhone(iOS)開発環境まとめ2014年版
Posted: 2014.05.08 / Category: iOS iPhoneが出た頃は開発するにはApple公式のXcodeしか選択肢はありませんでしたが、最近では開発環境の選択肢が増えてきたようなのでまとめてみました。 Xcode [ Objective-C ] 安心・安全のApple公式開発環境Xcodeです。 最大の問題はほぼMac開発用のObjective-Cという言語を使用しないといけないことでしょうか。 でも最近ではバージョンアップを重ねてかなり書きやすくなってるっぽいです。 他の環境で開発する場合でも最終的にApp Storeで配布するならインストールしておく必要があります。 デベロッパツールの概要 – Apple Developer RubyMotion [ Ruby ] iOS SDK の API を使用することになるのでメソッド名などRubyっぽくなかったり、Ru
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
