ジェネレーター

スクリーンショットを「iPhoneやiPadなどで閲覧中」の写真に合成するサービス・PlaceIt

ちょっと面白いサービスだったので ご紹介。iPhoneやiPadなどのモバイ ルデバイスで閲覧中っぽい画像を 作ってくれる、というもの。説明が 上手くできませんけど、よく見かけ る構図なのでどこかで使えるかも。

イメージファイルをzipにしてアップロードするとCSSスプライト用の画像とCSSを自動生成するツール・SpriteMachine

CSSスプライト用の画像とCSSを 自動で生成してくれる、という Webツールのご紹介。作るのは 結構面倒なのでこうして自動化 してくれると楽で助かりますね。

レスポンシブWebデザイン対応のCSSをカラム数やマージンを指定してダウンロードできる・34Grid

昨日に続き今日も似たような内容 ですが。グリッドレイアウトの レスポンシブWebデザイン対応の CSSフレームワークですが、こちら はグリッドのカラム数やマージン を指定できます。
Ads

Adobe kulerのカラースキームを使ってTwitter Bootstrap用のCSSを作成出来る国産Webサービス・PaintStrap

ご連絡頂いたのでご紹介。人気の Twitter Bootstrapのデザインを、 kulerを使ってサクッと作り出せ るWebサービスです。国産なので 英語が苦手な方でも安心して使用 出来ると思います。

パララックス効果を表現できる背景をオンラインで簡単に生成出来るWebサービス・Parallax Background Builder

去年よく話題に上った、マウスを動かす 事で視差効果(パララックス)を表現す るやつをオンラインで生成出来る、という Webサービス・Parallax Background Builder のご紹介。こういうのも簡単に生成出来る よ...

jQuery UIのデザインテーマをオンラインで作成出来るWebサービス・jQUIT Builder

jQuery UIで利用出来るテーマを オンラインで作成出来る、という Webサービス・jQUIT Builderの ご紹介です。公式でもかなりテーマ を用意してくれていますが、やはり 自作したいところですね。

ベースライングリッド用に表示させる罫線を手軽に利用出来る・Basehold.it

うまく説明できないのでタイトルが ちょっとおかしいかもしれませんが、 HTMLマークアップの際に、行の高さ を調整するのにベースラインのグリ ッドをオーバーレイとして追加できる ようにする、というサービス。

Facebookのように、顔文字を絵文字に変換するjQueryのプラグインと、絵文字の作成、共有が出来るサービス

参考になったのでついでにシェア。 顔文字を絵文字の画像に置換する プラグインです。Facebookで特定 の顔文字を入力すると絵文字に自動 で変換されますが、そんな機能を 加える事が出来ます。

ノイズのパターン画像をオンラインで生成出来るWebサービス・Noise Texture Generator

土曜日なので軽い話題でもご紹介。 ノイズっぽいテクスチャの背景を よく見かけると思いますが、そう いったパターン画像をオンライン で生成出来るWebサービスです。 地味に便利かも。

ブラウザ対応表とかでよく見かけるようなチェック表をサクッと生成するWebサービス・Compare Ninja

css3とかHTML5のブラウザ対応表とか で良く見かけるチェック表を簡単に 生成出来るWebサービス。用途はもっと あるんでしょうけど、思いつくような 思いつかないような。でもまぁよく 見かけはするのでシェアしてみます。

画像をドラッグ&ドロップで複数まとめてアップロードし、一括でサムネイル画像に変換できるWebサービス・Batch Thumbnail Generator

日曜日ですねー。休日を如何お過ごし でしょうか。たまにはWebサービスの ようなものでもご紹介。個人的には あんまり使わないんですが、ちょっと したときに便利かもと思ったので シェアして見たいと思います。

レスポンシブWebデザインに対応できる軽量なグリッドレイアウト用CSSを生成するシンプルなジェネレーター・NegativeGrid

シンプルでいいなーと思ったのでシェアがてら ご紹介。レスポンシブWebデザインに対応できる グリッドレイアウト構築用のCSSを吐き出して くれるジェネレーターです。必要最低限のコード だけ出してくれるのは嬉しいかも。頻繁に 使うも...

jQuery Mobileのオリジナルテーマカラーを簡単に追加できるCSSジェネレーター・jQuery Mobile Themerollerと、オリジナルテーマカラーの追加方法

この手のWebサービスは初見だったので ちょっとメモ的に。JQMのデザインを簡単 に変更できるcssジェネレーターです。JQM でそろそろ脱CDNしたい、という方は試しに テストしてみてはいかがでしょう。直感で 変更できるのでわり...

グリッドレイアウトでWebサイト構築したい時にはGrid calculator and generatorが手軽で良さそう

なかなか手軽で自分向きだったのでメモ。 グリッドレイアウトを意識したWebサイトの 構築の際に、希望の幅を入れれば、その 幅に応じたグリッドレイアウト用のcssが 生産されます。ファイルはフレームワークの Blueprint cs...

jQuery Mobileを使ったシンプルなHTMLファイルを作成→ダウンロード出来るWebサービス・mobjectify

なかなか良かったのでご紹介。jQuery Mobileを使ったスマフォ向けのHTML ファイルをオンラインで作成出来る シンプルなWebサービス・mobjectifyで す。直感のみで作成することが出来ま す。ユーザー登録も不要な...

PDFを手軽に閲覧できるWebカタログに変換してくれるWebサービス・Youblisher.com

探し物していたら目的と違うものに 出会ったのですが、これがなかなか 面白かったのでエントリー。PDFを マウスのみでページめくりが可能な Webカタログに変換してくれるWeb サービス、Youblisher.comです。

カスタマイズも商用も可・ハイクオリティなFlashコンテンツを無料配布するFlashXML.net

なかなか凄いサイトです。なんとなく減って きている印象のFlashサイトではありますが、 部分的なコンテンツ、例えばスライドやギャ ラリー、バナーなどはまだまだ高い需要を 誇ります。このFlashXML.netでは、このよう なギ...

borderに画像を使用したcss3プロパティをサクッと生成するジェネレーター・border-image-generator

今まで知らなかったんですが、 css3ってborderに画像を使える んですね・・・勉強不足でした。 border-image-generatorはその css3による画像borderをサクッと 作ってくれるWebジェネレーター ...

デザインとか加工とか出来ないからなんかいいの教えて、と言われて教えたツールいろいろ

デザインしたい!

友人がブログを始めたのですが、 Web制作もデザインも全く経験が 無いけど、普通な感じがすごく嫌 らしく、知識が無くても加工出来る、 とか良いサイトとかソフトは無いのか、 と聞かれて教えたWebサービスや ソフトが、同じ境遇の方に役立つかも と思って記事にします。

css3を直感で学べそうなフリーのジェネレーターを公開しているCSS3 Sandbox

CSS3 Sandbox

話題のcss3ですが、そのcss3 関連のジェネレーターを4つ公開 しているCSS3 Sandboxで基本 を学ぶのもいいかな、と思ったの でメモ的に記事にします。

グリッドをPNGで吐き出してくれるシンプルなジェネレーター・Design By Grid

Design By Grid

グリッドレイアウトのWebデザインを 作りたい時に役立つジェネレーター は沢山ありますが、高機能ではなく、 シンプルなものがお好みの方には お勧めのツール・Design By Grid のご紹介。

あなたのサイトを酷いデザインに変えてくれるWebサービス・Geocities-izer

Geocities-izer

面白かったのでご紹介。あなたの 素敵なサイトを酷くしてくれる誰得 サービスです。13年ほど前に良く ジオシティーズで見かけたような 感じにしてくれますよ。
Ads