not found
Puzzle Tiny Clash One day zombies suddenly appear and now you need to keep them off your lawn (and brain!). PLAY NOW Air Warriors Take control of a warplane and jump on the battlefield of 1945 Air Force - Airplane Shooting Games in this thrilling combat flight action game. PLAY NOW Puzzle Bubble vs Blocks Bricks vs Balls Breaker is the most addictive Bricks Breaker game. PLAY NOW
吹き出しジェネレータ
(2023/12/19) mixed content downloads 対応 吹き出しジェネレータとは 「ぼぶ」と申します。 私見ですが、写真に素敵な台詞を付けてあげるだけで、写真が活き活きしてくると思いませんか？ でも自分でやるのはちょっと大変。そこで吹き出しジェネレータはどうですか？ 使い方はコチラ 子供の写真に台詞を添えて・ペットの写真に勝手な妄想を加えて・自分の写真に台詞を添えてあの人に・使い方は色々！？ 写真に命を吹き込む吹き出しジェネレータを使ってみてください。 できた写真は、blogやmixiの日記などに使ってみるのもどうでしょうか？ 良い使い方があればこそっと教えてください♪ やってみよう♪ 吹き出しを付ける画像をURLで指定する場合。 画像URL： 吹き出しを付ける画像をアップロードする場合。 画像ファイル： 多謝 アイディアについて、 紹介してくれたPOPXPOPさん
[JavaScript] dataスキームURI生成（画像データのBase64変換）
Greasemonkey のユーザスクリプトなどの JavaScript ソースコード内に画像データを埋め込める、 『data:image/gif;base64,～～～』形式のデータ（dataスキーム）を生成します。 画像ファイルなどのバイナリデータを Base64 エンコードに変換しています。 data スキーマでは、外部ファイルへのアクセスなしにスクリプト内で完結して画像を表示できるため、 小さなアイコンなどの表示には便利です。data スキームは Firefox・Opera では利用できます。 残念ながら Internet Explorer は data スキームに対応していないので利用できません。 やってみよう 画像URL: ▼ ▼ JavaScript ソースコード生成結果: ここにソースコード結果が表示されます。 ▼ data スキーム経由の画像表示: 生成したコードの使い方
技術メモ帳 - URI の data スキーム
今日初めて知ったのだが、data スキームを使えば URIにデータを組み込めるそうだ。 以下のようにすれば、 dataスキームで、任意の画像を表示させる事が出来る。 <img src="data:image/gif;base64,BASE64データ"> たとえば、 google のロゴを dataスキーム を 利用して表示したかったら、 $ curl -s http://www.google.com/images/logo_sm.gif | openssl base64 | tr -d '\n' こんな感じで base64 化したロゴ画像データを 該当部分に、貼付ければ良い。 <img src="data:image/gif;base64,ここに貼付ける。"> 該当RFC: http://www.ietf.org/rfc/rfc2397.txt
CSSでスクロールバーのデザインをする際に非常に便利なWEBツール:phpspot開発日誌
Online CSS Scrollbar Color Changer The CSS for the scrollbars that you create is displayed automatically below. Copy it into your HTML page to easily change the scrollbars for your website. CSSでスクロールバーのデザインをする際に非常に便利なWEBツール「Online CSS Scrollbar Color Changer」 次のようにスクロールバーのデザインをWYSIWYGで確認しつつデザインできます。 使い方が直感的で分かりやすく、誰にでも使えますね。 設定後、即座にページ下部にCSSコードが反映されるので、コピペで簡単にページに反映することが可能です。
複数の画像を１枚にて表示用のCSSも吐いてくれるHTTPパフォーマンス向上ツール「CSS Sprite Generator」:phpspot開発日誌
複数の画像を１枚にて表示用のCSSも吐いてくれるHTTPパフォーマンス向上ツール「CSS Sprite Generator」 2007年10月03日- Website Performance | CSS Sprite Generator 複数の画像を１枚にて表示用のCSSも吐いてくれるHTTPパフォーマンス向上ツール「CSS Sprite Generator」。 GoogleはHTTPコネクションを減らすため、画像は一枚で出力しています（参照）。 同じことをやろうとすると結構面倒ですが、複数の画像をZIP圧縮してアップロードするだけで、画像の結合＆CSS出力を行ってくれるサービスが登場しました。 使い方は簡単。画像ファイルをZIPでまとめて圧縮後、アップロードします。 positionに関するCSSが出力されています。 ページ下部には画像を表示したい位置に「background: url〜
イラストサイトを探す方法＆巡回する方法 - なつみかん＠はてな
イラスト系アンテナから探す 例えば はてなアンテナ - 萌興画展（萌えCGサイトさんアンテナ） さんとか、他にも「site:a.hatena.ne.jp イラスト」でぐぐるといろいろ見つかります。 イラスト系ニュースサイトから Danbooru CG定点観測さん 萌えミシュランさん れいまさん など。 はてブ はてなブックマーク - タグ 絵師 はてなブックマーク - 素数を数えながら待ってる / 絵師 などなど。 検索から クリエイターズ・サーチ CG RSSを購読すると良いかも。キーワードで検索できます。 pixiv - イラストコミュニケーションサービス 同様にキーワードで検索できます。今後流行るのか微妙ですが…。 巡回する方法 ブログなど、RSSがあればもちろんRSSで。複数のフィードをまとめて読むとなお良いかと（はてなRSSとか）。 RSSがなくても「○月○日」みたいな日記形式で
画像のHTTPリクエストをCSSを使って軽減する"CSS Sprite Generator" | エンタープライズ | マイコミジャーナル
Ed Eliot氏およびStuart Colville氏は9月28日(ドイツ時間)、Webページにおける画像の読み込みオーバーロードを軽減するためのおもしろい取り組みをWebサービス「CSS Sprite Generator」として公開した。ページを読み込む場合、画像を要求するHTTPリクエストが発行されるわけだが、「CSS Sprite Generator」はその要求数を低減させようとするものだ。 ページが画像を多く含んでいる場合、画像を取得するためのHTTPリクエストが大量にWebブラウザから発行されやすくなる。このHTTPリクエストを軽減するために、ページで使われている画像をひとつの大きな画像にマージしてしまい、かわりにCSSの機能を使ってマージされた画像から必要な部分だけを表示しようというのがCSS Sprite Generatorでの発想だ。 CSS Sprite Generat
Ajaxload - Ajax loading gif generator
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
画像の映り込みエフェクトを実現するJavaScriptライブラリ「reflex.js」:phpspot開発日誌
reflex.js (with IE 6/7 support) reflex.js 1.1 allows you to add a Cover Flow effect (including reflection) to images on your webpages. 画像の映り込みエフェクトを実現するJavaScriptライブラリ「reflex.js」 次のような画像の映り込みエフェクトを付けることができます。 使い方は、必要なライブラリを読み込んで class を付与するだけのようです。 他にもいろいろあります。 Corner.js - 角丸効果や、シャドウ効果を画像に与える Glossy.js - 画像にガラス風の光沢を与える Instant.js - インスタントカメラ風エフェクトを与える Slided.js - スライドのフレーム風にエフェクトを与える Filmed.js - 映
どんな文章も“紙芝居”にする「さしえショー」 - ITmedia News
入力した文章に自動で画像を付け、紙芝居のように再生するサービス「さしえショー」が、8月31日に正式公開された。文章を解析して関連画像をWeb上から探し出し、スライドショーのように表示する仕組みだ。 例えば、浦島太郎の物語を入力すると、亀の画像に重ね、物語の冒頭の文章を字幕のように表示。一定時間経つと、次のシーンに関連した画像が字幕付きで表示され、スライドショーのように鑑賞できる。再生には Flash Player 9が必要。 フリープログラマーの赤塚大典さんが制作した。文章を句読点や改行部で分割し、形態素解析してキーワードとなる単語を抽出。「Yahoo！検索」の画像検索のAPIを活用し、その言葉に関連した画像を検索して表示する。 「文の内容にピタリとはまる画像もあれば、思ってもみなかった画像が表示されることもあるが、その意外性がまた楽しい」（赤塚さん） 「動画編集のスキルがなくても、文章を
ウノウラボ Unoh Labs: 角丸画像を簡単に作る
Keitaです。最近、モテるためにがんばっていますが、周りの女性は誰一人として振り向いてくれません。 さて、そんなわけで、世間では、いろいろな角を丸めると、モテるといううわさを聞いてとりあえず角を丸めることにしてみました。 でも、CSSの角を丸める方法は、わりと論争の的でこれがいいよ！と人に勧める知識もないので、とりあえず、画像を丸めてみることにしました。 今回も、Webアプリケーションに関する面倒な問題を簡単に解決するツール、PHPを利用します。 画像を加工するのに何使うは、結構、選択肢があるのですが、そのものずばりの関数があるimagick 2.0を使いたいと思います。 コードはこんな感じです。 <?php $image =& new Imagick(); $image->readImage('test2.jpg'); // ファイルを読み込む $image->roundC
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.alpha-net.ne.jp/users2/kaede14/
こくばん.in
Loading...
【画像を好きなサイズに縮小！】FC2画像縮小
Web上で簡単Favicon作成「256 Pixels」:phpspot開発日誌
黄金比グラデーション・白銀比グラデーション - DesignWalker
Feelimage（フィールイメージ）- コトバで感じるイメージ検索-
角を丸くしてモテる