public marks

PUBLIC MARKS from fox_b with tags design & web

January 2007

October 2006

WebデザイナーのためのFirefoxエクステンション20個:phpspot開発日誌

by 2 others
Web Developer Toolbar - 定番のエクステンション。CSSオフ、ブロック要素を枠で囲むなどデザインには必須のツール。 RankQuest SEO Toolbar - googleでのサイト順位を得る Total Validator - HTML Validator SEO for FireFox - GoogleとYahooの検索結果にSEO的に便利な情報を追加 HttpLiveHeaders - ヘッダー情報を表示 ViewSourceWith - 使い慣れたエディタでソースを表示 No-Referrer - リファラなしでページを開く機能を追加 Load Time Analyzer - Firefoxでのページ読み込み時間を解析 User Agent Switcher - UserAgent を便利に切替 EditCSS - リアルタイムにCSS編集 FireBug - DOMインスペクタ、JavaScriptコンソールなど、全てのフロントエンドエンジニア必須のツール MeasureIt - ブラウザ内で動作する定規。簡単にサイズを測ることが可能。 ColorZilla - ブラウザ表示領域の色を簡単取得。 Copy as HTML Link - 表示中ページのHTMLリンクを作成

September 2006

*LOVE IS DESIGN*:美しいレイアウトを計算してくれるツール

電脳狂想曲 レイアウトの小技 白銀比、黄金比、白金比、第二黄金比を使ったレイアウトを計算してくれるツールのご紹介です。

August 2006

画面レイアウトを考える その1ページのフォーマットを左右するターゲットモニターサイズ:ITpro

(via)
>現在標準と言われている表示解像度は、XGA(1024×768ドット)だ。現在の標準的なPCがこの解像度を使っており、比較的古いタイプのPCでもこの程度のサイズをカバーしている。 >実際のレイアウトサイズの目安には基準があり、最も低い環境に配慮したSVGAサイズなら760×420ピクセルが、標準的なサイズのXGAなら955×600ピクセルがそれに該当する。 >(矢野りん/ライター)  [2006/04/25]

July 2006

May 2006

Open Source Web Design - Download and upload free web designs.

by 192 others, 2 comments (via)
Open Source Web Design is a place to download free web designs and share yours with others. We help make the internet a prettier place.

Colors on the Web - Information about colors, color combination, the color wheel, and how to use colors on the internet, and in web design.

by 13 others
type in the Hex value of your colour (without the "#" sign), and click on "wizard". The Colour Wizard lets you type in the value of your colour and get an automatic return of that colour's complementary colour, split complementary colours, analogous colours, chromatic variations, shade and tint variantion and saturation variation. Note that the wizard calculates the colours in a purely mathematical fashion, and no consideration is taken to the aesthetic aspect of the colours. (Also note that I am not a programmer, and the wizard might not work perfectly for all possible colours.)

March 2006

December 2005

November 2005

graphicPUSH: Free icons and free icon sets for web designers.

by 16 others
These icons are designed specifically for blogs and content management systems. This set of twenty icons includes standard blog icons like documents, books and speech bubbles, but also includes a set of nine arrows, three envelopes and a few suprises. I set up a sample page that shows some of the icons in action. There is also a tutorial on colorizing the icons. If you enjoy these icons, please digg them

Web Developer's Handbook: developing web-sites, exploring own imagination | CSS, Color Tools, SEO, Usability etc.

by 181 others (via)
HTMLやCSS仕様から、テクニック解説サイト、業界のリーダー的な存在のサイトへのコンパクトなリンク集

September 2005

June 2005

Global Style::The Web Standards Project

(via)
CSS Zen Garden has been the inspiration for similar projects in other languages: El Camaleón in Spanish by Manuel Guerrero...

May 2005

FavIcon from Pics -- how to create a favicon.ico for your website

by 90 others (via)
gifやjpg画像からブラウザ上でfaviconが作れる。 Create icons for your web pages with FavIcon from Pics. Simply select a picture, logo or other graphic (of any size/resolution) for the "Source Image" and click "Generate FavIcon.ico"

Web標準手引き | Web標準導入キット | maccaws.org

(via)
Web標準とは何か?という話題に始まり、期待されるビジネスメリットを軸にわかりやすくWeb標準が解説。

March 2005

DESIGN IT!~ITがデザインするビジネス変革のストラテジー

by 2 others
ソシオメディアが事務局をつとめ、デザインと IT に関するさまざまなテーマを扱うカンファレンス。

January 2005