本連載では、Webデザイナーに向けて、HTML5/CSS3でWebデザインや制作手法はどう変わるのかを解説していきます。主なHTML5/CSS3の役割や機能を学んでいただくとともに、サンプル作成を通してコーディング手法を習得していただくことを目的としています。なお、サンプル作成のツールとして「HTML5 パック for Dreamweaver CS5」を使用します(詳しくは、「HTML5 Pack for Dreamweaver CS5 の使い方」をご覧ください)。HTML5 パックをインストールするには、Dreamweaver CS5のアップデータ11.0.3を適用する必要があります。 ※HTML5とCSS3は現在策定中の草案です。本連載は執筆時点の草案の内容にもとづいており、正式に勧告されるまでに変更されることもあり得ます。 第2回では、CSS3のプロパティの1つである「border-
ライブラリ内の選択したアイテムを、特定のルールに従ってフォルダに振り分けるFlashコマンドを公開します。 概要 このコマンドを実行すると、ライブラリで選択中のアイテム名に「_」(アンダースコア)が付いている場合、その前後で名前を区切り、前者をフォルダ名、後者をファイル名としてフォルダ分けされます。 例えば、「buttons_PhotoButton1.png」というビットマップに対してこのコマンドを実行すると、「buttons」フォルダが作成され、その中に「PhotoButton1.png」が振り分けられます。 個人的には、PSDExporterと連携させて使うなどしています。 気が向いたら、区切り文字の指定なども対応したいと思っています。 ダウンロード automatic-classify-library.mxp ダウンロード後、MXPファイルを実行してください(要Extension M
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash(swf)はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash(swf)はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
以前スクロールバーをカスタマイズするエントリを書きましたが、 「Android ScrollBar (ScrollView) スクロールバーをカスタマイズ」 android:scrollbarSize はバーの幅ではなかったのです! いや、あの、リファレンス http://developer.android.com/reference/android/view/View.html#attr_android:scrollbarSize には、 "Sets the width of vertical scrollbars and height of horizontal scrollbars." ってあるんですよ。バーの幅だと思うでしょ。。。 それが、 <ScrollView android:layout_width="fill_parent" android:layout_height="f
久々に間の開いたリリースです。 間が開いた理由は後にするとして、 今回は FlashDevelop3.3.1 RTM で出たバグを fix したリリースとなります。 詳しいアップデート情報は FlashDevelop3.3.0 RTM の情報を見てください。 今回も RC2 ~ 3.3.1 RTM の全てに互換性があります。 ダウンロードは以下から FlashDevelop 3.3.2 RTM released(http://www.flashdevelop.org/community/viewtopic.php?f=11&t=7607) 過去のバージョン情報や最新情報インストール方法などは以下から。 馬鹿全 - FlashDevelop 情報まとめ(http://blog.bk-zen.com/2009/07/12/190/) 詳細は以下から。 変更点 補完まわりのバグの修正
2011年卯年の年賀状と年賀状パーツ素材がまとめてフロップデザインからフリーダウンロード可能になっており、個人的な年賀状目的であれば画像の変型や加工もOKとなっています。また、使いやすいように高画質なJPEG画像データで収録されており、そのまま使えるハガキデータから、ワンポイントのアイコン、マーク、背景画像、文字など、山ほど素材がてんこ盛り状態です。 どういったデザインがあるかという一覧は以下から。 無料年賀状イラスト素材集2011年|うさぎウサギJPEG画像デザイン兎 まずはハガキデザインのサンプルから。 文字データもこのようにいろいろな種類が入っています
Androidでカメラアプリを作っているときに、各端末でサポートしている画像サイズやPreviewのサイズが異なる上に参照するのが大変だと思ったので、サンプリングアプリを作って、各端末保有者に協力して確認してもらいました! 簡単に言うと、下のメソッドの結果です。 Camera.Parameters.getSupportedPictureSizes(); Camera.Parameters.getSupportedPreviewSizes(); このページではその結果をまとめていきたいと思います。 見方はこちら。時間ができたら表にまとめたいと思いますが、 とりあえずはベタで(^_^;) width: 横幅 height: 縦幅 prop: 縦横比(width / height) ■■■■■ Softbank ■■■■■ ・Desire SupportedPreviewSize: width
Accessible Audio Player (AAP) One Hand Clapping HTML5で実装するプレイリスト付きオーディオプレイヤー「AAP」 HTML5とはいえIE8でも動作するようにつくられています。Flashではないため、iPhoneやiPadでも動作します。 デフォルトのデザインはカッコ悪いですが、CSSを使って調整できます。 再生中の秒数や、プレイリストをハイライトさせたり、Flashを使わなくてもこれだけのことが出来るようになってるわけですね。 関連エントリ 見ておくべきHTML5サイト集 HTML5のポテンシャルを感じられる48のサンプルサイト HTML5とJSでWEB上に綺麗な楽譜が書けるライブラリ「VexFlow」 CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」 HTML5で動画や音声再生を可能にするライブラリ
rotate3Di - Flip HTML content in 3D デモ [ad#ad-2] rotate3Diの対応ブラウザ Firefox 3.5+ Chrome Safari IE 9(pre7+) 多分、Operaも大丈夫とのことです。 ※Opera 10で動作しました。 rotate3Diの実装 rotate3DiはjQueryのプラグインのため、実装にはjquery.jsが必要です。 外部ファイル JSファイルを外部ファイルとして記述します。 <script type="text/javascript" src="jquery-1.4.4.min.js"></script> <script type="text/javascript" src="rotate3Di/jquery-css-transform/jquery-css-transform.js"></script>
スタイルシートを簡単に作成できる、Windows, Mac OS Xに対応した無料のオーサリングツールを紹介します。 Simple CSS — A Free CSS Authoring Tool [ad#ad-2] Simple CSSの対応OS Simple CSSはWin版とMac OS X版があります。 Windows 98/NT/2000/Me/XP/Vista/7 Mac OS X Universal (Intel/PPC) >Simple CSSのダウンロード 下記ページで、Windows版・Mac版がダウンロードできます。 Simple CSSのダウンロードページ [ad#ad-2] Simple CSSの画面 起動した際の画面は、下記のようになります。
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash(swf)はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
Androidアプリと言えばUI命!、ということでギークな方々が作られている便利なUIライブラリを見つけられる限り、スクリーンショット付きでまとめてみます。 皆様いずれもソースと一部サンプルアプリを公開されているのですぐにでも試してみることができます。 (作者の方々、載せることに問題があるようでしたらお手数ですがご一報くださいませ) Quick Action 公式Twitterアプリ風にタッチした箇所に吹き出しを表示できる レイアウトもカスタマイズ可能 Y.A.M の 雑記帳: Android Quick Action の Android ライブラリプロジェクトを作ってみた Drag and Drop ListView ドラッグアンドドロップで並び替え可能なリストビュー 似たようなのは色々あるけどこれが一番使いやすかった! ユーザがソート可能なListViewをすこしリッチにしてみた -
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く