手元の画像や指定ページとスマフォ・タブレット・ネットブック・デスクトップなどのさまざまなデバイスを合成して、いい感じのスクリーンショットを簡単に作成できるオンラインサービスを紹介します。 PlaceIt PlaceItの使い方は簡単で、手元のスクリーンショット画像をブラウザにドラッグするかURLでページを指定するだけで各デバイスに合成されます。 当サイトをキャプチャして、さくっと作ってみました。 ロードに少し時間がかかりましたが、簡単に作成できました。
概要 alt 属性に指定する代替テキスト 空文字列の代替テキスト alt 属性の省略 関連リンク 訂正:HTML4/XHTML の alt 属性について 概要 HTML5 では img 要素の alt 属性の仕様が大幅に変更され、HTML4/XHTML と比較すると定義がかなり詳細化されている。 HTML5 における alt 属性 の仕様を概略すると次のようになる。 alt 属性には画像を置換可能な詳細な代替テキストを指定する HTML4/XHTML の alt 属性は短い説明 (alt テキスト) だったが HTML5 の alt 属性は長い説明 (title 属性よりは longdesc 属性に近い (※)) 画像の情報量 ≒ alt 属性に指定する代替テキストの情報量 特定の条件を満たせば alt 属性を省略することができる ※ HTML5 の仕様はワーキングドラフトでまだ勧告されて
1. Tiny People On the Beach, Giant Heads in the Clouds These movies are always sappy dramas. Do not allow you to be mislead by the trailer or calibre of the people involved into thinking otherwise. The protagonist/his little brother/father and/or love interest is very likely to end up dead. You probably should keep your tissues handy because you'll cry tears of sorrow, tears of joy, tears because
はじめに みなさんこんにちはヽ(´ー`)ノ 本日、Facebook ページにウェルカムページを簡単に追加できるサービス「ウェルカムページメーカー」をリリースいたしました! どんなサービスなの? Facebook ページを持っている人なら、誰でも「とことん簡単に」ウェルカムページを作れるサービスです! 今までも、このようなサービスはあったのですが「とことん簡単に」というところを追求したのがこのサービスです。 ウェルカムページって何? ウェルカムページとは、 Facebook ページのトップページとなるページで簡単なメッセージや、「いいね!」を促す文言を載せたりすることができます。 有名なウェルカムページとしては レッドブルの Facebook ページ などがあります。 ついつい、「いいね!」をクリックしてしまいそうです! なんで、「いいね!」されるが重要なの? 「いいね!」されることで、ユー
【画像あり】川越達也ディナーショー言ったら川越の顔写真入りマカロンが出た Tweet 1:以下、名無しにかわりましてVIPがお送りします:2011/07/27(水) 16:28:00.09 ID:eIWE72UVi 他にも中1の時と3歳の時と免許証の写真があった 3:以下、名無しにかわりましてVIPがお送りします:2011/07/27(水) 16:31:54.36 ID:4cDgwWgW0 うは… 8:以下、名無しにかわりましてVIPがお送りします:2011/07/27(水) 16:34:25.94 ID:b6iaxJj70 うっぜぇwwwwwwwww 128:以下、名無しにかわりましてVIPがお送りします:2011/07/27(水) 16:55:26.02 ID:XakaKqL+O クソワロタ 2:以下、名無しにかわりましてVIPがお送りします:2011/07/27(水) 16:30:5
ブラウザいっぱいに画像を表示し、画像のスライドやサムネイルの表示・非表示のエフェクトがかっこいいだけでなく、HTML5 Audioを使いサウンドも加えた臨場感溢れるスライドショーを実装するチュートリアルを紹介します。 デモページ ※音でます [ad#ad-2] 画像の表示はサムネイルから操作できます。 レッドの矩形は現在表示されているサムネイルで、それをクリックするとブラウザいっぱいに画像を表示します。 Fullscreen Slideshow with HTML5 Audio and jQuery ここでは、実装に使用しているスクリプトを紹介します。 jQuery ベースとなるスクリプトです。 Vegas Background スライドショーをブラウザいっぱいに表示するjQueryのプラグインです。 参考:背景画像やスライドショーをブラウザいっぱいに表示するスクリプト -Vegas jS
類似画像検索エンジン GazoPa がコンシューマ向けサービスを停止したと思ったら、 Google Images で "Search by Image" できるように なった。 しかし、GazoPa にあった「その場で絵を書いて検索」機能がなかったのでつくった。 (ただし http://images.google.com/support/bin/answer.py?answer=1325808 に 「『画像で検索』機能は、ウェブ上に一定の情報があるコンテンツに対応できるように最適化されています。そのため、個人的な画像(たとえば子どもが描いた絵)よりも、有名なランドマークや芸術作品の画像のほうが適切な結果を得ることができます。」 と書いてあるとおり、あまり精度いい結果がでてくるわけではありません。) 絵を書くところのコードは いろんなサイトに落書きするブックマークレット - 素人がプログラミ
随分前にYouTubeの埋め込み用ソースをValidにするという投稿をしたんですが、 最近仕様が変わったらしく、埋め込み用として表示されるソースがiframeになってました。 どうもiframe版だと内部でHTML5プレイヤーとの切り替えが行われるようです。 これをそのまま貼ってみたところ、デフォルトではwmodeが効いてないことが判明。 position:absoluteとz-indexで要素を重ねるとFlashが上に来てしまう。(上の画像をクリックするとテストできます) 解決方法 貼り付け用iframeのURLに ?wmode=transparent を追加するだけです <iframe title="YouTube video player" width="560" height="349" src="http://www.youtube.com/embed/2XID_W4neJo?w
2011年05月09日00:43 【/´・ω・`\】 お前らなんで「富士山」が世界遺産登録されないか知ってるか? Tweet 1:名無しさん@涙目です。(埼玉県):2011/05/08(日) 13:30:34.21 ID:+wl3x7SG0● 富士山が日本の世界遺産リストに入っていないのはなぜか=中国 日本のシンボルとも言える富士山は現在、世界遺産に登録されていない。 登録が決定的となった岩手県平泉を加えると、日本では15カ所が世界遺産として登録されているが、 中国メディアの長城網が「日本の世界遺産リストのなかに、日本が世界に誇る景勝地である 富士山が入っていないのはなぜか?」とする記事を掲載した。 記事は、富士山が世界遺産ではない理由として、2点指摘し、 1点目は自殺の名所であること、2点目はゴミ捨て場の名所であることを挙げた。 富士山にまつわるマイナスイメージを払しょくするため、 中
異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 2011年04月07日- Google image search style image alignment with jQuery Atteeeeention plugin | DreamersLab 異なる幅・高さの画像も超綺麗に並べられるjQueryプラグイン「Atteeeeention plugin」。 <img>でただ単に画像を並べると、幅、高さの違いから、ページがごちゃごちゃしてしまいますが、このプラグインを使うことでGoogle の画像検索のように綺麗にピッチリ並べられます。 普通に並べるとちょっと残念なことに。空白ができちゃいます。 プラグインを使うことで、あら綺麗。となります。 Firefox は 2以上、IEは6以上ということで殆どのブラウザに対応。 まず、必要な
ウェブ制作の専門家 クリエイティブなウェブサイトが必要ですか?ウェブ制作なら当社に全てお任せください。当社のスペシャリストは、何千ものビジネスの立ち上げ、成長、拡大、そしてリブランディングを支援してきました。経験が豊富な人材で構成されている優秀なチームがお客様のご対応を行います。 提供サービス 第一印象が良いウェブサイトを作成するためには、目標を明確にし、潜在的な顧客とのつながりを構築するためのデザインが必要です。人目を魅了するコンテンツを作成することは、マーケティングプランの重要な要素です。当社のデザインチームは、お客様のご希望にあったデザインを制作し、マーケティング戦略に貢献します。 チーム紹介 グラフィックデザインの分野で多くの経験と創造力を備えた、優秀なデザイナーがお客様の案件を担当します。ブランドに関する情報を、全体像から細部に至るまでの情報を収集し、目標を明確にすることで、お客
ウェブ上で使用される画像ファイルのフォーマットには、主にJPEG、GIF、PNGという3種類の圧縮形式があり、この中で可逆圧縮かつフルカラー、つまり元画像の画質を見た目上一切劣化させることなくファイルサイズを縮小できるのがPNGですが、欠点は高画質な分ファイルサイズが大きくなってしまいがちなこと。 このため、フルカラーのPNGをウェブ上で使用する場合は専用ツール(有名なものではAzConvPNGなど)を使用してファイルサイズの最適化を行い、画質を劣化せずにできる限りサイズを落とした上でサーバーにアップロードされることがよくありますが、それでも削減できるファイルサイズは良くて1割といったところでしょう。 実は、一般にはほとんど知られていませんが、この他にもフルカラーPNGを画質劣化なしに、さらに大幅にファイルサイズを削減できる裏技的な方法が存在します。やり方は少し面倒ですが、うまく使えば非常
iPhone4は解像度が高いので、画像を切り替えないと、もやっとする。 【Webアプリ】iPhone4 で画像をきれいに表示する色々な方法【試行錯誤編】 | KAYAC DESIGNER'S BLOG - カヤックの意匠部によるデザインやマークアップの話 Retinaディスプレイに画像を最適化させるのって意外とめんどいよね! という現実に打ちのめされたので、まとめてみます。 によると ぜんぶ高解像度の画像にする → 3Gで表示が重いかも 画像を2種類つくって切り替える → 画像の数が多いとひとつひとつCSS指定するのが辛すぎる 画像はスケーラブルなデータ形式で用意する → 次に作るときはそうしよう…… 画像はそもそも使わないデザインにする → 次に作るときはそうしよう…… ということで決定打はなさそうな感じ。 でも、画像の切り替えって USER_AGENT 見て mod_rewrite で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く