第1回 プッシュボタンのアニメーション | gihyo.jp
新たに始まった連載「CSS3アニメーションでつくるインターフェイス表現」では、CSS3によるアニメーション表現を紹介していきたい。その中でも、幅広い読者に応用してもらえるだろうインターフェイスをおもなお題とする。CSS3が充実し、ブラウザの実装も進んできたので、JavaScriptコードを書かずとも豊かな表現ができる。第1回は、基本を抑える意味で、プッシュボタンのアニメーションをつくる。 ボタンのもとになる静的スタイル まず、<body>要素に書くコードだ。プッシュボタンにする<a>要素は、つぎのようにclass属性"button"を定めた<p>要素に含める。それをさらに、class属性"container"の<div>要素で包んだ。 <body> <div class="container"> <p class="button"><a href="#">Push Button</a></
[ios8] swiftでUIButton(ボタン)を使うサンプルコードと解説 | エバーセンス開発ブログ
ほとんどのアプリで必ず使われるUIButtonですが、swiftでの基本的な使い方を見て行きたいと思います。 サンプルコードはこちらから https://github.com/eversense/Swift-UIButton-Example 通常のボタンを動的に生成 let button = UIButton() //表示されるテキスト button.setTitle("Tap Me!", forState: .Normal) //テキストの色 button.setTitleColor(UIColor.blueColor(), forState: .Normal) //タップした状態のテキスト button.setTitle("Tapped!", forState: .Highlighted) //タップした状態の色 button.setTitleColor(UIColor.redCol
![[ios8] swiftでUIButton(ボタン)を使うサンプルコードと解説 | エバーセンス開発ブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/2ff649e6357a69f78352fdcb4eb153d6b87243f8/height=288;version=1;width=512/http%3A%2F%2Ftech.eversense.co.jp%2Fwp%2Fwp-content%2Fuploads%2F2014%2F10%2FiOS-Simulator-Screen-Shot-2014.10.01-10.46.01-269x480.png)
画像を拡大全画面表示するのに、まだLightBoxとか言ってんの？ - それマグで！
フルスクリーン・モード使えよ。楽だぞ 昨今のブラウザにはフルスクリーンモードが搭載されていて、それを使うと、コピペレベルで画像を拡大表示が出来る 画像をフルスクリーンにお手軽に作るHTMLの例 <div id='img01' onclick="this.webkitRequestFullScreen();" > <img src='http://cdn-ak.f.st-hatena.com/images/fotolife/t/takuya_1st/20141129/20141129034938.jpg' /> </div> <button onclick="img01.webkitRequestFullScreen();">フルスクリーンで表示</button> #img01:-webkit-full-screen { width: 80%; background-color: rgba(
Swiftで作られたiOS用の美しいアラートライブラリ「Sweet Alert iOS」 | ソフトアンテナ
「Sweet Alert iOS」はSwiftで作られたiOS用の美しいアラートライブラリ。最近話題となったJavaScript製の「Sweet Alert」からインスパイアされて作られたもので、SwiftまたはObjective-Cから利用することができます。 オリジナル同様アニメーション付きのモダンなアラートを表示することができるので、アプリに組み込んで便利に使うことができそうです。 使用方法 サンプルプログラムを起動するとボタンがずらっと表示されます。一番上から下にいくに従ってだんだんと複雑なアラートが表示されます。一番シンプルなタイトル行だけのアラートは次のように呼び出すことができます。 SweetAlert().showAlert("Here's a message!") もう少し複雑に。 タイトルとサブタイトルを表示したり、 SweetAlert().showAlert("He
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Button Generator
