HTML、CSSをある程度理解していて、HTML5、CSS3の実用的な使い方を学びたい人向けの先週末に発売されたばかりの本を紹介します。 HTML5の新しい要素から特に使用するものの使い方をはじめ、これから使われなくなる要素や属性、HTML5/CSS3未対応ブラウザへの対応方法など、すぐに現場で使える内容となっています。 HTML5&CSS3実践入門 [amazonでみる] [楽天ブックスでみる] 著: Brian P. Hogan 監修: 高橋登史朗 訳: 株式会社クイープ 出版社: インプレスジャパン 発売日: 2011/7/8 [ad#ad-2] 「HTML5&CSS3実践入門」は、今年の初めに出版された「HTML5 and CSS3: Develop with Tomorrow's Standards Today(amazonでみる)」の翻訳版で、今年最も旬なHTML5, CSS3
アニメーションといえばFlashやJavaScriptが主流でしたが、CSS3の登場でアニメーションを手軽にウェブサイトに利用できるようになってきました。 CSS3アニメーションを使った実用的なテクニックから、実験的なすごい作品までを紹介します。 対応ブラウザはほとんどのものがChrome, Safari, Firefox4となっています。 ※デモページは明記がないものは全てFirefox4での表示です。
ブロックごとに独自の右クリックメニューが実装できるjQueryプラグイン「contextMenu」 2011年07月11日- jQuery contextMenu Plugin Demo ブロックごとに独自の右クリックメニューが実装できるjQueryプラグイン「contextMenu」。 通常ブラウザ上で右クリックすればブラウザのコンテキストメニューが出ますが、これを独自にできる上、ブロックごとに実装を別にできます。 このため、メニュー欄ではコンテキストメニュー1を、コンテンツではコンテキストメニュー2を設定してユーザビリティを高めることができそうです。 ブロック外で右クリックすれば通常のブラウザのコンテキストメニューも使えるのでフラストレーションはたまりません。 メニューもアイコン付きでなかなかナイス! インプットをメニューにいれこんじゃうなんてことも出来ます 自分で実装するとめんどくさ
Cuepoint.js. A plugin for HTML5 video cuepoints and subtitles HTML5動画に字幕が付けられるjQueryプラグイン「Cuepoint.js」 ムービーの上に字幕を簡単なコードで付けることができちゃいます。 JavaScriptの連想配列で次のように定義して初期化するというシンプルな使い方が可能です。これはカンタンですね。 cuepoint.setTime(60); とかでムービーをスキップ出来たりもするみたい。 関連エントリ CSSでクールにデザインされたHTML5動画・音楽プレイヤー実装JS「MediaElement.js」 MooTools用のHTML5動画プレイヤー「Moovie」 スキンが利用可能なHTML5動画プレイヤー実装jQueryプラグイン「FryPlayer」 HTML5な動画プレイヤー色々2011
Learn to Create Effect of Rapid Movement on Photoshop (Part 2) | PhotoshopStar Photoshopでスピード感を表現するチュートリアル。 次のようなランボルギーニがすごいスピードが出ているようなエフェクトをかけるチュートリアルです。 虹っぽくなっているのは謎な感じがしますが、フィルタ等を駆使してスピード感を出す部分は応用ができそうです 静止画で動きを表現するってなかなか難しいですが、参考にすれば比較的簡単に作れそうです 関連エントリ プロレベルでクオリティの高いWEBサイトレイアウト作成Photoshopチュートリアル集 動画で学べるPhotoshopチュートリアル20 広告デザインのためのPhotoshopチュートリアル15 光のエフェクトを与えたクールなイメージ作成Photoshopチュートリアル25 高品質
以前書いたWordPressでWeb制作する際 の手順リストが少し古い情報込みだったり するので改正版を書きます。先日、WPも 3.2のリリースを迎えましたので、手順リスト もアップデートすることにしました。多少考え が変わっているので内容も少し変更有ります。 以前のリストの改正版です。加えて他の情報も一緒に載せておく事にしました。 【2011・07・11】 WordPressインストール サーバーを用意(PHP5.2.4 以上 / MySQL5.0 以上) DBを作成 WordPressをダウンロードし、解凍 wp-config-sampleをwp-configにリネームし、内容をDBに合わせて変更 プリフィクス(接頭語)を変更する(wp_→foodblog_) FTPソフト等でサーバーにアップロード サイト名やパスワード、IDを決める(adminは避ける) 作成したユーザー名でログイン
昨日のソフトバンクの非公式JavaScript対応の調査結果 | 徳丸浩の日記で報告したように、昨年5月に、ソフトバンク60機種の検証を行い、JavaScript対応の状況などを調査しました。当時はまだ公式なJavaScript対応機種はない状態でしたが、既にほとんどの端末が *非公式に* JavaScriptに対応していました。 このエントリでは、検証の様子を報告します。 なぜJavaScript対応状況を調査したか http://www.hash-c.co.jp/info/20091124.htmlを公表した前後に、とある方(この方)から、ソフトバンクのケータイでもJavaScriptが動作すると伺いました(参考のやりとり)。XMLHttpRequestも含めてJavaScrptが動くと教えていただいた932SHを私も購入して調べたところ、以下が判明しました。 確かにJavaScrip
無料で着うた作成をするためには、ツールの準備が必要です。 着うた作成に使うツール群はもちろん無料。 着うた作成をどういう手順でするめるのかの全体像をご紹介します。 着うた作成に使うツールは以下の4種類 CD2WAV32 SoundEngine Free 携帯動画変換君 着もと 『Docomo FOMAをツカウ(音楽プレーヤーとして)』の記事でご紹介しましたが 単純に続部から携帯に音源をコピーしても 電話やメールの着信音には使うことはできません。 それでは、自作の着うたは着信音に設定できないのでしょうか? いいえ。実は可能なのです。 ただし、音源から変換するまでにいくつかステップがありますので まずはその準備ということで使用する無料ツール群をご紹介します。 無料、かつ混乱無く着うた作成する方法をご紹介 ※注意:FOMA限定の着うた作成紹介になります。 なお、混乱の存因である 「○○のツールを
MacからWindowsにiTunesを移行する場合、基本的にはMacの「ユーザー」→「ミュージック」→「iTunes」フォルダ内の中身をそのままWindowsの「マイドキュメント」→「ミュージック」→「iTunes」内に移動すればいいだけです。 ただ、これだけだとプレイリストがちゃんと認識されません。プレイリストの内容が保存されたファイル「iTunes Library」はMacでは拡張子がないのですが、Windowsには「.itl」という拡張子が必要です。 よってWindowsにファイルを移動後「iTunes Library.itl」とリネームしてあげてiTunesを起動すれば、プレイリストも移動できます。 ちなみに環境はMacOSXとWindowsVistaですが、XPでも大体同じじゃないかな。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く