Photoshopのレイヤースタイルパネルを模したインターフェイスで、ドロップシャドウや角丸やグラデーションなどを生成できるCSSジェネレーターを紹介します。
え！Photoshop？って見間違うほどのUIを備えたCSSジェネレーター -LayerStyles
Photoshopのレイヤースタイルパネルを模したインターフェイスで、ドロップシャドウや角丸やグラデーションなどを生成できるCSSジェネレーターを紹介します。
As Button Generator
As Button Generatorはいわゆるボタンジェネレーターです。アイコンの形状等を確認しながらリアルタイムに編集する事ができるので、今までのボタンジェネレーターのUIとは一線を画すサービスです。 また、手持ちの画像や、任意のテキストも自在に配置する事ができるので自由度抜群です。ホームページの作成等にご利用ください
Page2RSS
Convert web page to RSS feed Page2RSS is a service that helps you monitor web sites that do not publish feeds. It will check any web page for updates and deliver them to your favorite RSS reader. Add Page2RSS button to your browser You can add a button to your browser's bookmarks toolbar that will create Page2RSS feed for the page you are currently viewing. This is an easy and convenient way for y
どうでもいい写真を「Ｎｕｍｂｅｒ」っぽくするジェネレータ - Ruby Study Go
Number風写真ジェネレータを作ってみました。 どうでもいい写真を「Ｎｕｍｂｅｒ」っぽくするジェネレータ http://www.ihatovo.org/number/ 使い方 タイトルを入力する（英数のみ） キャッチフレーズを入力する。 機能とか 色はＲＧＢを１６進数で指定します。 フォントサイズ補正はキャッチフレーズのフォントサイズの倍率です。何回か作って、ちょうどいい倍率を指定してあげてください。 文字の表示位置の微妙な調整ができないので、適当にスペースを入れて調整してください。 やろうと思ってること 一覧表示を綺麗にする。 作成画面をAjaxでスムースにできるように。 制限事項 フリーフォントを使ってるので表示されない文字が多数あります。 たまにアップロードできないファイルがあります。 ファイルは不定期に消すので欲しいファイルがあったら保存して置いてください。 元ネタはこちら @n
ローディング中のアニメーションGIFを生成する「Load Info - gif generator」
AJAXなどでよくあるあの「読み込み中……」みたいな感じのローディング中アニメーションをGIFアニメとして、好きな色の組み合わせでカスタマイスできるという便利なジェネレータです。現時点で99種類のパターンがあります。 詳細は以下の通り。 Load Info - gif generator http://loadinfo.net/ まずは好きなパターンをクリックして選択 小さなウインドウが開くので、色と背景色（透明も可能）、それから大きさを選んで「generate」をクリック しばらく待つと、完成するので「download」をクリックすれば保存できます。 なお、これが実際に作ったサンプルです。やっぱり背景色はちゃんと指定した方がいいかも。
MOONGIFT: » 必見！CSSを使って複数の画像を一つに「CSS Sprite Generator」:オープンソースを毎日紹介
Googleの表示速度の速さの秘密に、コネクションを極力減らすということがある。それが複数の画像を一つにまとめてしまい、CSSのポジションをずらすことで表示するという手法だ。これを使うと画像のダウンロードは一回で済むのでコネクションが少なくて済む。 実際、検索結果のGoogleロゴを見ると、複数の画像が混ざった結果なのに気づくはずだ。これをやるのは非常に面倒に感じるだろう。だが、小さなアイコンなどはこういう手法をとればサイトの負荷軽減、高速化につながる。それを手軽に実現できるのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはCSS Sprite Generator、CSSによる画像分割補助ソフトウェアだ。 CSS Sprite Generatorは複数の画像をZipで固めてアップロードすると、その画像を連結し、さらに表示するためのCSSを生成してくれる。これを使えばまさに
BlurHighlight
画像をドラッグするだけで画像の一部を簡単にハイライトすることができます。 ハイライト以外の部分の明るさのコントロールや、ハイライト部分のぼかしの強度や画像の角丸も自由に行えます。 PhotoshopやIllustratorがなくても大丈夫！ ちなみにこのプログラムはActionScript3で作られています 必要環境: FlashPlayer 9 JavaScriptが有効なブラウザ
O'Reilly Maker - Create a funny book cover!
As a writer, I’m here to unlock the benefits of transforming a sole proprietorship into an LLC, or as I like to call it, the key to expanding your business potential. Now, you might be wondering why bother with such a transformation, and that’s exactly what we’re going to explore. But trust me, once you … Read more
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
テキストの回りこみ処理をCSSで実現するための『CSS Text Wrapper』 | 100SHIKI
テキストの回りこみ処理をCSSで実現するための『CSS Text Wrapper』 December 7th, 2007 Posted in その他 Write comment 他サイトでも紹介されているが、個人的にぐっと来たのでご紹介。 複雑な図形の形にあわせてテキストを回り込ませたい、というときがたまにある。 ワードやイラストレーターではそういった処理が可能だが、ウェブでそれを再現しようと思うとちょっと厄介だ。 そこで登場したのがCSS Text Wrapperだ。このサイトでは自分で好きな図形を描き、それにあわせてテキストを配置することができる。 そのようにして作った「テキストの回りこみ処理」はCSSのコードでダウンロードすることができる。このコードを回り込ませたいテキストの直前に配置するなどすれば自分のサイトで簡単に応用可能だ。 ウェブで表現するのが厄介、で思考停止せずに、こうした
好きな画像で商品パッケージ風の画像を作ってくれるジェネレータ『3D-Pack』 | 100SHIKI
ちょっと便利そうなのでご紹介。 3D-Packを使えば商品パッケージのような画像を簡単に作ることが出来る。 しかも立体効果付き、かつ、床に映りこんだ効果までついている。 それぞれの側面に使う画像は好きなものを使うことができる。 もちろん作った画像はPNGやJPG、GIFでダウンロードすることも可能だ。 自社商品をアピールする画像として使ってみるのも良いだろう。 こうしたちょっとしたツールは知っておいて損はないですね。
画像からファビコンを作成するオンラインジェネレーター集
ローカルやオンラインにある画像ファイルを元に、ファビコンを作成できるオンラインジェネレーターのリンク集です。
とってもお手軽なFavicon作成ツール『Favikon』 | 100SHIKI.COM
これが決定版じゃね？とってもお手軽なFavicon作成ツール『Favikon』 November 14th, 2007 Posted in 画像・映像管理 Write comment これは便利。 Faviconをブラウザ上で作れるツールがFavikonである。もちろん、こうしたツールは他にもある。 ただ、Favikonは「画像のこの部分をFaviconにしてね」をブラウザ上で手軽に指定できる点が特徴である。 他のツールは画像のFaviconにしたい部分を切り出してからアップロードすることが多いが、Favikonではこの手順は不要になるのだ。 範囲の指定は直感的で、移動やら拡大・縮小をしながら、自分のイメージどおりのFaviconを作っていくことができる。もちろん、ダウンロードする前にプレビューもできるので、自分の気に入った画像ができるまで何度でも試すこともできる。 サイトやブログを持って
『Dezinerfolio流』自動的に横幅を調節してくれるCSSタブメニューの作り方*ホームページを作る人のネタ帳
いつも購読している海外のブログ記事ですが、図つきでわかりやすく紹介されています。 こういうのは過去にもいくつか見た事がありますので『Dezinerfolio流』と名づけておきます。 ようするにCSSタブメニューの横幅を、中に書かれたテキストによって、自動的に幅を調整すると言うもの。 タブメニューは結構使うようになってきたので覚えておいて損はないですよね。 もうタブの画像生成に悩まない 実際タブメニューは結構使いますので、これでひとつまた作業が楽になります。 タブの画像も、海外では無数に配布されていたり、生成できたりしますので、利用頻度は高いかと。 サンプルはこちら 図つきのため本当にわかりやすくなっています。 ソースコードはエントリに書かれていますので、そちらを参考にしてください。 Creating Liquid CSS Tabs for Menus もしもタブを作るのがそもそも面倒なら・
Web2.0な画像、CSS、カラー等のジェネレーター集１００＋:phpspot開発日誌
More than 100 Web 2.0 Online Generators Web2.0な画像、CSS、カラー等のジェネレーター集１００＋。 Grid Layout Javascript - グリッドレイアウト作成 Web20generator web2.0テンプレートジェネレーター Roundedcornr - 角丸コーナージェネレーター Web 2.0 Badges - web2.0バッジジェネレーター Ajaxload.info, Loadinfo - 読み込み画像ジェネレーター 続きを見る ドメイン名、E-Mail、Favicon、フォーム、メタタグ、パスワード、robots.txt、RSS、SiteMapなど多数のジェネレーターが紹介されています。 サイト作りに役立てましょう。
アイコン・ファビコンを作成するサイト20 - ネタフル
20 Icon & Graphics Generatorsというエントリーより。 We’ve put together a list of 20 sites that’ll help you create icons, favicons, animations and various graphics in no time. Mashableで、アイコンやfavicon（ファブアイコン・ファビコン）などのグラフィクスを作成することができるサイトが、20サイト紹介されていました。 1. 256 Pixels – a daily favicon design challenge お題に対して、プレビューしながらファビコンを作成するサイト。 2. Ajaxload – Ajax loading gif generator Ajaxがロードされる時のアニメーションするアイコンを作成するサイト。 3
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
グラデーションや角丸を使用したエレメントを簡単に作成できるジェネレーター -Fresh Generator | コリス
favicon.ico（ファビコン）の作り方 | IDEA*IDEA
IDEA * IDEA
IDEA * IDEA
