image.src - 画像のソースを設定/取得 - JavaScriptリファレンス
「画像のソースを設定/取得」サンプルコード <html> <head> <title>image.src - 画像のソースを設定/取得</title> </head> <body> <!--画像のソースを設定/取得のサンプル--> <img id="tmp"> <script type="text/javascript"> function load() { var img = document.getElementById("tmp"); img.src = "http://i.yimg.jp/images/mht/2006/0401_10_k.gif"; img.border = 1; img.width = 100; img.height = 100; img.hspace = 10; img.vspace = 10; img.onload = function() { alert(
25 Detailed Tutorials for Coding Up Your Web Designs
One of the best ways to get into web design is to learn the process of transforming your Photoshop concept into a fully working coded website. Luckily there are various handy tutorials from across the web that document the process of writing a site with HTML and CSS in a step by step guide. This post pulls together the best web design tutorials for coding and also some PSD to HTML conversion tutor
Lucky bag::blog: リモートロールオーバーを CSS だけでやってみる
リモートロールオーバーを CSS だけでやってみるのサンプル この文書は、Lucky bag::blogのエントリー「リモートロールオーバーを CSS だけでやってみる」のサンプルです。 CSS のコードは下記の通り。背景画像は、幅 120px 縦 160px のものを、カラーとモノクロを縦に並べて一つにしたものを使用。（つまり幅 120px 高さ 320px） #rollover { margin-bottom: 12em; /* これを指定しておかないと、それ以降の要素が重なってきてしまう。*/ } #rollover ul { position:relative; margin: 0; padding: 0; height:160px; /*背景画像と同じ高さ。指定しないとIE ではテキストが右によってしまう*/ } /*リストをブロック化して横に並べる。*/ #rollover l
Lucky bag::blog: リモートロールオーバーを CSS だけでやってみる
リモートロールオーバー、つまり、離れた部分の画像をロールオーバーで変化させる動作は、JavaScript を使わずに CSS だけででも可能。今は無くなってるっぽいんだけど、一時、adaptive path でも使われていてたやつを参考に、サンプルを作ってみた。 remote.html サンプルの (X)HTML コードは下記の通り。 <div id="rollover"> <ul> <li id="food"><a href="#"><em>焼き肉</em></a></li> <li id="sneaker"><a href="#"><em>オニツカタイガー ファブレ74/0123</em></a></li> <li id="beer"><a href="#"><em>仕事の後のビール</em></a></li> <li id="coffee"><a href="#"><em>缶コーヒー
クリッカブルマップでリモートロールオーバー
で、ここから先が本題とは関係ない話なわけですが (興味なかったらおもむろにスルーしたって下さいｗ) HTML側に onmouseover ( や、onload, onclick など ) を書くのはあまりよろしくないので、 できればスクリプト側で onmouseover のイベントを追加したい。 イベントの付け方は、 IEなら element.attachEvent( 'onmouseover', イベント発生時に実行する関数 ) それ以外なら element.addEventListener( 'mouseover', イベント発生時に実行する関数, false ) とすればよい。 だが、いちいち、 if( element.attachEvent ) ... else if( element.addEventListener ) ... としているのは面倒なので //@cc_on ele
WordPressを企業サイトとして使う問題点
この記事は2008年に書かれた記事です。 サイトをWordPressで構築する企業が増えてきた中で、 安易に導入しすぎているWEB制作会社が増えているような気がしてなりません。 その問題点を纏めてみることにします。 制作に於いての責任 まず、WordPressはオープンソースです。 その点を重視し、制作する時の責任の所在がどこにあるのか纏めます。 利用するに当たりお金が発生する場合 MovbleTypeのように商用利用が有料である場合、その責任は導入費を支払うことにより、 バグなどが出たの修正などの責任は、Sixapartが取る事になります。 お金を支払うことにより、 企業⇔WEB制作会社⇔Sixapart という関係が出来ます。 当然、何かあっての責任問題は 企業（導入許可責任）＜WEB制作会社（サイト制作の技術レベルの責任）＜Six apart（システムレベルの責任） 上記の図になりま
【レポート】5分で把握するHTML5 - Google Developer Dayセッションリポート (1) HTML5仕様の概要 | エンタープライズ | マイコミジャーナル
Google I/Oで大きく取り上げられ、一躍注目の技術に躍り出たHTML5。Google Developer Day 2009でも、「HTML5により拓かれる次世代Web」という田村健人氏によるセッションは大盛況で、椅子が足りずに床に座り込んで聴講する人がかなりの数に上った。 筆者も同セッションに参加し、HTML5の新機能に関する簡潔でまとまった知識を得ることができた。本稿では田村氏のセッション内容を元に、HTML5の全体像をコンパクトにお伝えしよう。 HTML5とは? グーグル ソフトウェア エンジニアの田村健人氏 HTML5は、言うまでもなくHTMLの最新バージョンである。現行のバージョンであるHTML4も、決して小さな仕様ではなかったにもかかわらず、そこにWebアプリケーション向けの機能が大幅に強化された。 あまりに仕様が巨大すぎるため、現在の規格は以下の4つに分けられている。 H
【Fireworks】トリミングした画像をたくさん書き出したいときに思い出してください | バシャログ。
こんにちは、シーブレインの toyama です。梅雨入りです。 サムネイル用の画像など、一定の大きさにそろえた画像を大量に書き出さないといけないときが、長い人生に一度や二度はあると思います。 私にも以前そんな瞬間があったのですが、その頃にこの技知ってればー！という技を今更知ったのでここに記しておくことにします。 1.書き出したいサムネイルのサイズにキャンバスサイズを設定します。 2.サムネイル化したい画像をざくざく読み込んで、適当に（いい意味で）画像を配置します。 3.「コマンド」→「ドキュメント」→「レイヤーに配分」。すると、適当に読み込んだ画像が一枚づつレイヤーに格納されます。 4.画像を書き出すための「最適化」を設定したあと、「書き出し」ます。 5.書き出しのダイヤログが出てきます。「書き出し」のプルダウンメニューから「レイヤーをファイルに変換」を選択します。3.で画像をレイヤーに分
ke-tai.org > Blog Archive > 処理が高速なPHP絵文字変換ライブラリ「HTML_Emoji」
処理が高速なPHP絵文字変換ライブラリ「HTML_Emoji」 Tweet 2009/6/15 月曜日 matsui Posted in ソフト紹介 | 1 Comment » PHPで作られた絵文字変換ライブラリ「HTML_Emoji」というものがあるようです。 → 絵文字変換ライブラリ HTML_Emoji [revulo.com] HTML_Emojiはドコモ、au、ソフトバンクの絵文字を変換に対応したライブラリで、PHP4以上で動作するとのことです。 SJISとUTF-8の両方に対応し、類似絵文字への変換機能、PC用にはgif画像に変換しての表示など、必要な機能は一通り揃っているようです。 特徴としては、 使い方が簡単 3キャリアの絵文字が混在したテキストを扱える 他の類似ライブラリと比べて処理が高速 とのことです。 他のライブラリに比べて処理が高速というのは嬉しいですね。 PHP
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
element.style.backgroundAttachment - 透かし効果、背景の画像 - JavaScriptリファレンス