Gridulator 使い方は簡単です。 「Overall Width」に幅の数値を入力します。 矢印で数値を変更することも可能です。 「# of Columns」にカラムの数を入力します。 整数値のカラムと溝が一覧表示されます。 左の「Preview」ボタンをクリックすると、どのような感じになるのか画像で表示されます(下記キャプチャ参照)。 グリッドを原寸サイズでみる場合は、「Make PNG」ボタンをクリックします。 プレビューは複数のものを同時に表示することができます。
Gridulator 使い方は簡単です。 「Overall Width」に幅の数値を入力します。 矢印で数値を変更することも可能です。 「# of Columns」にカラムの数を入力します。 整数値のカラムと溝が一覧表示されます。 左の「Preview」ボタンをクリックすると、どのような感じになるのか画像で表示されます(下記キャプチャ参照)。 グリッドを原寸サイズでみる場合は、「Make PNG」ボタンをクリックします。 プレビューは複数のものを同時に表示することができます。
PlugoBrowser - TinyMCE / CKEditor Image & File Manager / Uploader TinyMCE Image & File Manager Twitter Bootstrap Button Generator - the easiest way how to set up your buttons based on Twitter Bootstrap in a seconds. The Twitter name, logo, Twitter T, Tweet, and Twitter bird are trademarks of Twitter, Inc. in the United States and other countries. 2012 © Plugo - Czech Republic based webdesign compa
「Generator for Startup Framework」はドラッグ&ドロップでスタートアップ用のWebサイトが作れるサイトです。1枚ページのウェブサイトを作るときに非常に便利です。ヘッダーやコンテンツなど、要素ごとにデザインが分離されており、そこから好きな要素をドラッグ&ドロップで配置して完成です。以下に使ってみた様子を載せておきます。まずGenerator for Startup Frameworkへアクセスしましょう。まずProject Name部分を修正してタイトルをつけましょう。 左側にメニューがあり、そこから利用したい要素をドラッグ&ドロップで配置させます。コンテンツは豊富にあるのできっと求めているものがありますよ。HTML/CSSを出力させることができます(有料)。簡単にペライチのページが作れるサイトはこれからもどんどん増えてきそうです。ぜひご活用ください。 Gene
What are CSS Sprites CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image. This technique can
Paste your cells from Excel, Google Docs or another spreadsheet here: Table Style Options
無料で使えるタイトルロゴジェネレーター(ジェネレータ)まとめ ネット上で簡単にロゴを作成できるサイトをご紹介します。ここで紹介しているものは全て無料ツールで会員登録などが不要で使えるものなので、お気軽にお試しください。 ロゴジェネレーターは著作権の関係で公開が停止することもよくあります。その点ご了承いただければと思います。 あの企業・サイトのようなロゴを作成! amazonっぽいロゴを作る amazon logo maker amazonのロゴはaからzに向けて矢印が描かれています。これはaからzまで何でも揃うという意味を込めているそうです。(笑った口に見えるという意見も多いですが…) (作り方) ボックスの中にロゴにしたい単語を入力する。※アルファベットのみ。日本語は入力できません。 ↓ 「make」ボタンを押す。 ↓ ※画像をそのまま右クリックで保存はできないので、画面キャプチャーで保
昨日に引き続き便利なジェネレータのご紹介。 Website Ribbonではサイトの右上に貼り付けられるリボンをつくることができる。 もちろんリボンの色やテキストのフォント、色も選ぶことができる。またリンクも設定することが可能だ。 出来上がったリボンはJavascriptを貼り付けるだけで自分のサイトなりブログに設置できる。実にお手軽だ。 サイトも長く運営しているとちょこちょこ手をいれたくなるものだ。こうした「ちょこっとだけリニューアル」的ツールは需要があるかもしれないですな。
Web 2.0っぽいデザインといえばストライプの背景を思い出す人も多いかもしれません。 しかし、常に次を見ている人はタータンチェックに注目です(多分)。 StripGenerator.comという壁紙ジェネレータサイトの作者が次に仕掛けているのがTartan Maker。 ちょっと懐かしい感じのタータンチェックの壁紙を作ることができます。もちろん色やパターンをカスタマイズ可能です。 常に次のデザインを模索する。そういう姿勢を保ちたいですね。
ダミー画像生成サービスの真打ちが登場したぞ、という感じです。 画像のサイズを表記したシンプルなダミー画像から、実用的なカスタマイズが豊富に用意されたダミー画像生成サービスを紹介します。 Cambelt Cambelt -GitHub Cambeltの使い方 Cambeltのデモ Cambeltの使い方 CambeltはRubyで作成されたオンラインサービスで、img要素のsrc属性にコードを記述するだけで簡単にダミー画像を配置できます。 HTML サイズ:300x200のダミー画像を生成。 <img src="http://cambelt.co/300x200" /> 下記は、Cambeltで配置したダミー画像です。 Cambeltのデモ デモではシンプルなのものから、実用的なカスタマイズを施せるものまで、たくさんあります。 まずは、シンプルなデモから。 ダミー画像のデモ:シンプル版 サイ
基本 以下の形式で、指定したサイズの画像を作成することができます。 https://placehold.jp/{幅}x{高さ}.png 例) <img src="https://placehold.jp/150x50.png"> 背景・文字の色サイズを変更する https://placehold.jp/{文字色}/150x100.png https://placehold.jp/{背景色}/{文字色}/150x100.png https://placehold.jp/{文字サイズ}/{背景色}/{文字色}/150x100.png ※背景色・文字色はRGBの16進数表記 例) <img src="https://placehold.jp/24/cc9999/993333/150x100.png"> ファイルフォーマットを変更する URL末尾の拡張子で、pngとjpgの2種類が指定可能です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く