無料のクリップアートを6900個以上入手できる「Open Clip Art Library」 - GIGAZINE
パブリックドメイン、クリエイティブコモンズでライセンスされている各種クリップアートをダウンロードできます。 サイト作成、プレゼンテーションやレポートなどで使えるアイコン風のものも多いので、ちょっとしたアクセントを加えたいときに便利です。 ダウンロードは以下から。 Open Clip Art Library :: openclipart.org :: Drawing Together. http://www.openclipart.org/ 上記ページの「Clip Art Search by Keyword BETA」から検索して探すこともできます。 ジャンル別に探したい場合はここから http://www.openclipart.org/cgi-bin/navigate まとめて全部ダウンロードしたい場合はこちらから http://www.openclipart.org/downloads
ウノウラボ Unoh Labs: JavaScriptからMP3ファイルを再生する方法
酒徳です。このごろは、食べ物が美味しい季節です。おかげで、ダイエット宣言しているのに、さっぱり体重が落ちません。困ったものです。 さて、今回は、JavaScriptから任意のタイミングでMP3を再生する方法について書いてみようと思います。 Webを見ていると、マウスで画像をクリックするとピコッ音が鳴るサイトがあります。「どうやって実現しているのだろうか？」と思ってソースを見てみると、Flashだったりします。そして、「そうか、Flashなら簡単に鳴らせて当然だよなぁ」と思います。 しかし、Flashは、JavaScriptほど手軽ではありません。Flash開発のための環境を整えて、コンパイルして・・・と意外と労力がかかります。たかだか、「ピコッ」と効果音を鳴らしたいだけのために、そんな苦労をするのは、割に合いません。 そこで、先日私が作ったのが、soundapi.js です。このライブラリ
フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」:phpspot開発日誌
フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」 2006年10月22日- Tooltip for forms You can download the entire script from this Zip file フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」。 このライブラリを利用すれば、次の画像のようなツールヒントをフォーム上に出すことが可能です。 実装は、必要なライブラリを読み込んだ後、次のように、tooltipText 属性にヒントを書きます。 <input type="text" id="firstname" name="firstname" tooltipText="Type in your firstname in this box"> そして、
Takabo Soft Network - [ Top Page ]
TAKABO SOFT NETWORKへようこそ！ このサイトはドット絵エディタ「EDGE」やゲーム、オリジナル曲、アレンジ曲などを 適当に配布している個人サイトです。 知り合いのドッターさんからゲームを完成させたというご報告を頂きまして、おめでたいと言うことでご紹介させていただきます。 カラプチ特設ページ カラプチは回転アクションパズルゲームでして、与えられたパズルのピースを絵にプチプチはめ込んでいく、といった感じのゲームです。 体験版もありますので興味の有る方は是非遊んでみてください。 タイトル画面でレベルが選べますが星が１つの時は、 回転機能を全く使う必要がありません。 なので、どんどん見つけてはめ込んでいってください。 危なくなったら、画面右端にアイテムがありますので、それを使っていきましょう。 がんばって１０面クリアを目指してください☆ ---------
CSSでクールなタブUIを作成するサンプル:phpspot開発日誌
OSResources - How to create CSS overlapping tabs? Sometimes simulating a real desktop interface for your web application can be a real challenge, especially when dealing with tabs. CSSでクールなタブUIを作成するサンプル。 次のようなタブUIを作ることが出来ます。 サンプルのCSSを定義しておけば、後は次のようにシンプルなHTMLをコーディングするだけで上記画像のようなタブUIが作れます。 HTMLもクリーン。 <ul class="obtabs"> <li class="first"><span><a href="#">Jack</a></span></li> <li><span><a class="new
これは使える! 無料SEOツール ベスト12 : アークウェブ ビジネスブログ
ディレクターの安藤です。 Web構築手法の情報収集のためにArticleDashboardを巡っていて、いくつか有用な情報を見つけましたのでご紹介したいと思います。 まず第一弾は「これは使える! 無料SEOツール ベスト12 (12 Free SEO Tools You Must Use.)」。 現在、ファインダビリティ(情報の発見のしやすさ・識別しやすさ)といった観点からも、サーチエンジンでいかに情報を見つけてもらうのかといった点を考慮したサイトの情報設計の見直などが、重要になってきています。その点でもSEOは常に重要なテーマで、これらのツールは、Webサイトを見直す際に有用でしょう。 1. Alexa Ranking 複数のサイトの、Alexaにおけるランキングを同時に表示できる。また、トラフィック状況を簡易に把握することができる。 2. XML Sitemaps.com サーチエンジ
厳選10本！ブログで使えるスグレモノツールまとめ :: Love & Design ::
プロのWebデザイナーじゃないけど、ブログをもっとカッコよくしたい！もっとオシャレに見せたい！という方のために、これまで紹介したブログで使えるスグレモノツールをまとめてみました。 便利なフリーソフトはたくさんありますが、この中でお気に入りが見つかるとうれしいです。 名付けてsweetloveパック（livedoor風味） 画像系 ImageChef（日本語・携帯にも対応） ワンポイントや mixi のプロフィールにどうぞ 画像が簡単にできるジェネレーターいろいろ :: Love & Design :: Polaroid-o-nizer™ ポラロイド風や枠をつけてオシャレに演出 写真をオシャレに見せたい人のための便利なツール :: Love & Design :: デザイン系 Dynamic Drive CSS Library タブメニューなどが豊富に揃っています。 誰でも簡単にCSSカスタ
サムネイルを作成するウェブサービス一覧 | *LOVE IS DESIGN*
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 最近ソーシャルブックマークサービスも、サムネイル付きが人気ですね。 ブログでサイトの紹介をするときも同じように、サムネイル付きのほうが雰囲気がつかみやすいし、クリックされやすくなると思います。 今日は、サムネイルが簡単にできるサービスを集めてみました。 用途に合わせて使い分けてみてはいかがでしょうか。 Mozshot （前回の記事で使用） カスタマイズ可能なスクリーンショットサービス SimpleAPI - 手軽に使えるウェブサービス群 feedmeter でおなじみの角丸 WebToJpeg - [ リアルタイムウェブページサムネイラ ] 関連：オシャレな影付きのサム
PNG←→ICOをWEB上で相互変換するツール『ConvertIcon』:phpspot開発日誌
ConvertIcon PNG←→ICOをWEB上で相互変換するツール『ConvertIcon』。 これらフォーマットを変換する場合、アプリケーションを立ち上げて変換していましたがこういうWEBのツールがあればブックマークしておくだけで使えてとても便利ですね。 特に、icoはそのままブラウザで表示できなかったりするので、PNGに変換してブログ記事用に、という用途に使えそうです。
CSSだけでフレームを作るテクニック:phpspot開発日誌
CSS Frames v2, full-height | 456 Berea Street Way back in August of 2003 I wrote a short article called CSS Frames, in which I described a technique to emulate the visual appearance of HTML frames with CSS. CSSだけでフレームを作るテクニック。 通常、フレームというとframeタグを使って実現しますが、検索クローラーに対して不利などの理由から最近ではあまり見かけなくなってしまいました。 フレーム風のインタフェースをＣＳＳだけで実現するテクニック。 常にヘッダー、フッターのナビゲーションが固定されているのでフレームの使いやすさはそのままで、かつクリーンなHTMLによってフレームを実現でき
free dingbat fonts | DingbatDepot.com
Come on in and get yourself some free Dingbat fonts. These typefaces are just like any other regular fonts, in so far as they come in a TTF font format. You download and install them on your computer just like any other regular font. However, instead of outputting basic text like a "normal" font, dingbat fonts will output and display "dingbat" characters in your design. Choose from any of the ding
CSSオンリーでクールなグラフを書くサンプル集:phpspot開発日誌
Apples To Oranges ? San Francisco Bay Area Visual and Experience Design Studio CSSオンリーでクールなグラフを書くサンプル集。 3つほど紹介されていてどれもクールで実用的。 1. まず、次のようなグラフを書くサンプル。 実際のHTMLコード <style> .graph { position: relative; /* IE is dumb */ width: 200px; border: 1px solid #B1D632; padding: 2px; } .graph .bar { display: block; position: relative; background: #B1D632; text-align: center; color: #333; height: 2em; line-height
画像が簡単にできるジェネレーターいろいろ :: Love & Design ::
ブログにちょっと画像がほしいなぁというときに便利なジェネレーターを集めてみました。 専用ソフトがなくても、簡単にあっという間にできちゃうのがいいですね。 ImageChef（日本語対応になりました） こちらは ボムガール | ブログに使えそうなジェネレーター で紹介されていたのですが、なんと75種類あります。 mixi のプロフィールにも使えそうですね。 関連 テキストでハート型などの画像が作れるジェネレーター Web2.0 Logo Creator by Alex P Web2.0 っぽいロゴ E-Zombie.com ゾンビがロゴを作ってくれる Vinyl Record Generator 誰でもレコードが作れるジェネレータ。音楽好きの方はぜひ。 Create Fake Magazine's covers 海外の新聞・雑誌風 どうぞご利用ください。
Web 2.0 V2 BETA
In the realm of idle RPGs, where players seek the thrill of adventure without the constant demand for active engagement, AFK Journey emerges as a formidable contender. As enthusiasts of this gaming genre embark on their digital quests, comparisons are inevitable. How does AFK Journey stand against its counterparts? Let’s delve into the realms of passive gameplay and discover the distinctive featur
検索結果で有利になる知られざるHTMLタグ5種類 - GIGAZINE
よく知られているように現在のウェブ検索のメインストリームをしめるロボット型検索は、回収したページのHTMLタグを解釈して意味を与え、重要度を判定し、検索結果に反映させます。 例えばタイトルに使われるH1などのタグはより重要な文字列と見なしますし、リンクタグに「rel=nofollow」が入っていればページランクなどの計算でポイント付与評価を無視するようになります。 しかしそれ以外にも数々のSEO業者が調べたり実験してきた結果、より有効に解釈されると判断されるがあまり知られていない5種類のタグが存在します。 以下がその5つのタグです。 SEOmoz Blog | 5 HTML elements you probably never use (but perhaps should) 1.addressタグ 住所、電話番号などの連絡先を示すためのものです。電子メールアドレスやメッセンジャーの情報
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フリーのCSSデザインテンプレート集「Free Css Templates」:phpspot開発日誌
http://img.simpleapi.net/font/