次世代HTMLの新仕様「レスポンシブ・イメージ（仮）」についてまとめてみた
レスポンシブWebデザインを実装する際、画像の扱いは一つの課題として残っています。現在、PHPを使用した「Adaptive Images」やJavaScriptを使った「Responsive-Images」などが現実的な対応策としてありますが、どちらもApacheの設定を必要とします。レスポンシブWebデザインが広まって標準的な実装方法の一つになろうとしている今、サーバサイド技術に依存しない解決策が早急に求められています。 そんな中、HTMLの仕様策定の一端を担うWHATWG（Web Hypertext Application Technology Working Group – ワットダブルジーと読む）で、新たな仕様が検討されています。 では、どんな議論がされていて、今どんな状況なのか？ なかなか複雑なことになっているようなので、調べてまとめてみました。 ※この記事は、レスポンシブWeb
スターウォーズに学ぶ！熱狂を生むシナリオ作成の１２ステップ | バズ部
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. 一流のコピーライターが、自分の経験の中から導きだした鉄板の「売れる型」を持っているように、一流のストーリーライター、シナリオライターも、人々を熱狂させ感動させる鉄板の「シナリオの型」を持っている。 ライティングに限らず、仕事でも学業でも、一度、こうした「自分だけの型」を作り上げてしまうと、スランプに悩むことなく、常に高いクオリティを保つことができる。 そこで、本日は大ヒット映画を連発してきた有名監督であるジョージ・ルーカスの『スター・ウォーズ』を例に、シナリオ作成の鉄板の型をご紹介する。 まずは、下の画像を見て欲しい。これは、『ヒーローズ・ジャーニーの１２ステップ』と言って、ハリウッド映画で、繰り返し使われているシナリオ作成の基本型だ。
ふゆの春秋初画集 「トウカセカイ」発売 カラーイラスト100点超 : アキバBlog
ふゆの春秋氏の初画集「トウカセカイ」【AA】がアキバでは29日に発売になった。 ふゆの春秋氏のホームページによると『2008年に商業でデビューして以来４年目になり、そろそろ駆け出しとは言っていられない時期になってまいりました。短いような長いような、色々と御座いましたが、それら今までのお仕事の集大成的な意味で画集を発売することになりました』とのことで、コミックナタリーによると『商業・同人の垣根を越えて執筆してきたデビュー時からのカラーイラスト100点超が収められる。また季刊ゼラチン、なつひめ（ともにワニマガジン社）に掲載されたカラーマンガ「フォントマスター」「水彩少女」や、画集のために描き下ろされたピンナップも収録』みたい。オリジナルイラスト、ライトノベルイラスト、ファンアート、カラーコミックスを収録（目次）。 ふゆの春秋初画集! 高鳴る乙女たちの無垢なる聖域ライトノベル「放課後の魔術師」「
様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」:phpspot開発日誌
NVD3.js :: re-usable charts for d3.js 様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」 d3.jsという以前紹介したライブラリをベースに利用しているみたい。 グラフ描画のライブラリは色々ありますが、こちらのライブラリで描画するグラフのデザインもなかなかいい感じですね マウスとのインタラクティブなグラフ実装が可能で拡張も容易みたい サンプルページにはソースがついているので参考に組めば抵抗なくグラフが描けそうです 関連エントリ 見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」 HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」 様々な時系列グラフを描画できるJavaScriptライブラリ「Rickshaw」 クールなドアノブ風の％グラフを描画できるjQuery Knob
Web制作フローの再考とDesigning in the browser
多様化するwebサイト、増加するデバイスに適応していくために今までのWeb制作のワークフローも見直す必要があるのではないでしょうか。またその一つの手法としてDesigning in Browserについて書きました。 現在ではWebサイトも、インタラクティブなサイト、アプリのようなサイト、可変するサイトなど様々なスタイルが見られるようになってます。 また、Webを閲覧できる環境もPCからスマートフォン、タブレット、テレビ、カーナビなど増加し続けてます。 それに伴い今まで以上にテストケースが増えてきてます。 今までのような静的なデザインを作ってから開発、テストというWeb制作のワークフローでこの変化の流れに対応できてるのでしょうか。 まず静的なデザインはあくまでこのように見えるという仮説であり、 解像度やスクリーンサイズが異なれば見え方も変わってきます。 更にどのように動くのかまでは表現でき
CSS3を出力するPhotoshopプラグイン「CSS3Ps」 * R4 * Webサービスレビューサイト
Photoshopで作成したオブジェクトをCSS3で出力してくれるプラグイン「CSS3Ps」のご紹介です。 PhotoshopのバージョンはCS3～CS6まで対応しています。 このレビューではCS6を使用しています。 サイトにアクセスし、右上のボタンからCSS3Psをダウンロードします。 ファイルを開くと、Adobe Extension Managerが起動し、インストールが完了となります。 次にPhotoshopを起動し、メニューバーの「ウィンドウ」>「エクステンション」>「CSS3Ps」を選択すると、パネルが表示されます。 オブジェクトを作成して、CSS3を出力したいレイヤーを選択状態にします。 その状態でCSS3Psのパネルをクリックします。 （複数のレイヤーを選択すれば、それぞれのオブジェクトのCSS3が吐き出されます。） すると、ブラウザが立ち上がり、自動的に割り当てられたURL
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP