Gridulator 使い方は簡単です。 「Overall Width」に幅の数値を入力します。 矢印で数値を変更することも可能です。 「# of Columns」にカラムの数を入力します。 整数値のカラムと溝が一覧表示されます。 左の「Preview」ボタンをクリックすると、どのような感じになるのか画像で表示されます（下記キャプチャ参照）。 グリッドを原寸サイズでみる場合は、「Make PNG」ボタンをクリックします。 プレビューは複数のものを同時に表示することができます。
幅とカラム数を指定し、整数値のカラムと溝のサイズを一覧表示するグリッド生成ツール -Gridulator
Gridulator 使い方は簡単です。 「Overall Width」に幅の数値を入力します。 矢印で数値を変更することも可能です。 「# of Columns」にカラムの数を入力します。 整数値のカラムと溝が一覧表示されます。 左の「Preview」ボタンをクリックすると、どのような感じになるのか画像で表示されます（下記キャプチャ参照）。 グリッドを原寸サイズでみる場合は、「Make PNG」ボタンをクリックします。 プレビューは複数のものを同時に表示することができます。
CSS3 PIE: CSS3 decorations for IE
PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features. Try the Demo This quick demo shows just a few of the CSS3 properties PIE can render. Use the controls to adjust the CSS3 applied to the box. Load this page in IE to see that it is rendered properly!
Pictaculous - A Color Palette Generator (courtesy of MailChimp)
Generate a color palette from PNG, JPG or GIF image/photo. Receive color suggestions, download Photoshop swatches (.ACO)
鬘斐い繧､繧ｳ繝ｳ繧ｸ繧ｧ繝阪Ξ繝ｼ繧ｿ繝ｼ縺ｧ繧ｪ繝ｪ繧ｸ繝翫Ν鬘斐い繧､繧ｳ繝ｳ繧剃ｽ懊ｍ縺� | Pocky Street
鬘斐い繧､繧ｳ繝ｳ繝�繧ｦ繝ｳ繝ｭ繝ｼ繝峨�ｮ驕翫�ｳ譁ｹ 192遞ｮ鬘槭�ｮ讒倥��縺ｪ鬘斐い繧､繧ｳ繝ｳ縺九ｉ縲∝･ｽ縺阪↑繧｢繧､繧ｳ繝ｳ繧偵ム繧ｦ繝ｳ繝ｭ繝ｼ繝峨☆繧九％縺ｨ縺後〒縺阪∪縺吶�� 縺ｾ縺壹�ｯ豁｣髱｢繧ｿ繧､繝励→讓ｪ鬘斐ち繧､繝励�ｮ2遞ｮ鬘槭°繧峨�∝･ｽ縺阪↑鬘斐ち繧､繝励ｒ驕ｸ縺ｳ縺ｾ縺吶�� 谺｡縺ｫ8縺､縺ｮ閭梧勹繧ｿ繧､繝励°繧峨�∝･ｽ縺阪↑閭梧勹濶ｲ縺ｮ繧｢繧､繧ｳ繝ｳ繧帝∈縺ｳ縺ｾ縺吶�� 陦ｨ遉ｺ縺輔ｌ縺ｦ縺�繧九い繧､繧ｳ繝ｳ縺九ｉ繝�繧ｦ繝ｳ繝ｭ繝ｼ繝峨＠縺溘＞繧｢繧､繧ｳ繝ｳ繧帝∈繧薙〒縺上□縺輔＞縲� 繝�繧ｦ繝ｳ繝ｭ繝ｼ繝峨＠縺滄｡斐い繧､繧ｳ繝ｳ縺ｯ縲√ヤ繧､繝�繧ｿ繝ｼ縲√Α繧ｯ繧ｷ繧｣縲√い繝｡繝ｼ繝舌ヶ繝ｭ繧ｰ縲：acebook縺ｪ縺ｩ縲√＞繧阪＞繧阪↑繧ｵ繧､繝医〒菴ｿ逕ｨ縺吶ｋ縺薙→縺後〒縺阪∪縺吶�� 縺�繧阪＞繧阪↑遞
ブログの右上に貼り付けるリボンが作れる『Website Ribbon』 | 100SHIKI
昨日に引き続き便利なジェネレータのご紹介。 Website Ribbonではサイトの右上に貼り付けられるリボンをつくることができる。 もちろんリボンの色やテキストのフォント、色も選ぶことができる。またリンクも設定することが可能だ。 出来上がったリボンはJavascriptを貼り付けるだけで自分のサイトなりブログに設置できる。実にお手軽だ。 サイトも長く運営しているとちょこちょこ手をいれたくなるものだ。こうした「ちょこっとだけリニューアル」的ツールは需要があるかもしれないですな。
ストライプの次はタータンチェック？『Tartan Maker』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
Web 2.0っぽいデザインといえばストライプの背景を思い出す人も多いかもしれません。 しかし、常に次を見ている人はタータンチェックに注目です（多分）。 StripGenerator.comという壁紙ジェネレータサイトの作者が次に仕掛けているのがTartan Maker。 ちょっと懐かしい感じのタータンチェックの壁紙を作ることができます。もちろん色やパターンをカスタマイズ可能です。 常に次のデザインを模索する。そういう姿勢を保ちたいですね。
指定した画像に映りこみ効果を与えられる『Reflection Maker』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
最近のウェブデザインでよくみられる「映りこみ効果（鏡面効果って言うのかな？）」を簡単につくれるジェネレータが登場したようだ。 使い方も簡単で、画像を指定した上で、映りこみ部分の背景色とサイズを指定するだけだ。 画像はローカルからアップロードもできるし、URLから指定することもできる。 ロゴやアクセントの写真などに使えば手軽に今っぽいデザインをつくることができるだろう。 今っぽいデザインを手軽に・・・こうしたツールはもっと出てきて欲しいですね。
実際に触れて楽しんでみよう！ロングシャドウをいろいろ試すことができるオンラインツール -Long Shadow Generator
最近よく見かけるロングシャドウをいろいろと試すことができ、そのスタイルシートも生成してくれるオンラインツールを紹介します。 「ロングシャドウ」って何？ という人は、下記ページを参考に。 フラットの後にじわじわきてるデザインのトレンド -long shadow design
CSS Hat translates layer styles to CSS3 code
Goodbyes aren't our thing, but exciting new tools are! 🙌 “Avocode” was sunset on October 1st, 2023 Here at Ceros, we're no good at goodbyes. But one thing we've always excelled at? Embracing new beginnings and creating awesome new solutions. That's why we're kicking off a new era of tools crafted just for you: This transition means we’ve bid a fond farewell to all products offered by the Avocode
Favicon & App Icon Generator
Generate icons for Web, Android, Microsoft, and iOS (iPhone and iPad) Apps Generate only 16x16 favicon.ico What are Favicons? Favicons are small 16x16 icon files that are displayed next to the URL of your site in a browser's address bar. Additionally they're often displayed next to the name of your site in a user's list of open tabs and bookmark listings making it easier for the user to quickly id
わずか数秒で自分用のHTML5のテンプレート一式を作成するオンラインサービス -Initializr
HTML5でサイトを作成する時に必要なHTML5の雛形、jQuery, Modernizrなどのスクリプト、CSSのリセットなど一式を自分用にカスタマイズして作成できるオンラインサービスを紹介します。 Initializr - Start your HTML5 project in 15 seconds! [ad#ad-2] InitializrでHTML5のテンプレート一式を作成する方法 HTML5用のテンプレート一式を作成するのは、わずか数秒で簡単にできます。 トップページにアクセスし、4つの選択項目から自分の必要なものをチェックし、最後に「Download」をクリックするだけです。 Initializr - Start your HTML5 project in 15 seconds! 選択項目のキャプチャ [ad#ad-2] Initializrで作成されるHTML5のテンプレート
ウェブデザインに役立つ、15のオンラインツール | コリス
noupeのエントリーから、ウェブデザインに役立ちそうなオンラインツールの紹介です。 Handy Designer's Tools "On The Fly"
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
extractCSS - Online CSS Extractor
綾鷹（あやたか）大人の書道
UXPin | The Full-Stack UX Design Platform
かなり自由にスタイリッシュなボタンを作れるジェネレータ『Da Button Factory』 - 100SHIKI 〜 世界のアイデアを日替わりで 〜
SVG Icon Libraries and Custom Icon Font Organizer ❍ IcoMoon
見出しやパラグラフのフォントサイズや行間をemベースで簡単に設計できるオンラインツール -Em Baseline Generator
Gridulator: Make pixel grids, lickety-split