有料ソフトとデザイン作業を無力化させる30のブックマークまとめ*ホームページを作る人のネタ帳
ブックマークに入れておきたいお役立ちサービス/Webページ一覧：ITpro
出典：日経NETWORK 2006年11月号 35ページより 記事は執筆時の情報に基づいており、現在では異なる場合があります。
プログラマでも出来るWebデザイン - Blog.37to.net
home blog labs about contact プログラミング・開発 > プログラマでも出来るWebデザイン (X)HTML CSS テンプレート デザイン 画像 作成： 2007-01-08T01:58:41+09:00 更新： 2009-04-29T09:48:31+09:00 年始早々に大幅リニューアルした当ブログですが、リニューアルのお知らせでも書いた通り、 今回のデザインリニューアルに当たっての作成過程や、使ったツールを書いていきます。 デザインセンスの無い私にとって、今回のリニューアルは良く出来たと自負しているので、 お題はプログラマでも出来るWebデザイン。 前提として、CSSでコーディングが出来て、ある程度HTMLは設計出来る、でもデザインは・・・orz な人を対象にしています。 使用したツール・サイト一覧 作成過程は後半に書くとして、今回使用したサイト・ツールで
Media Convert - free and on line - convert and split sound, ringtones, images, docs - MP3 WMV 3GP AMR FLV SWF AMV MOV WMA AVI MPG MP4 DivX MPEG4 OGG WMA AAC MP4 MPC MMF QCP KAR MIDI REALAUDIO FLAC JPG
This domain may be for sale!
Typetester Compare fonts for the screen
Design Beautiful Typography One of the most popular applications for web designers is now a full-blown typography editor. Typetester classic that is known and loved by all is still online! Test and compare more than 2800 web fonts. The new Typetester is a WYSIWYG web typography editor. Create, export and share unlimited projects.
IE 6.0 - memo.xight.org - Clean CSS - CSSの最適化，ファイルサイズ削減ツール
Summary テキストフィールドにCSSを入力するか，CSSが置いてあるURLを指定して，"Process CSS" をクリック． 使用前 (196byte) #example { color: rgb(0,0,0); background-color: #ffffff; font-weight: bold; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; padding: 10px 5px 10px 5px; } 使用後 (Compression: Low) #example { color:#000; background-color:#fff; font-weight:700; margin:5px; padding:10px 5px; } 入力 196 byte 出力 99 byt
Colors on the Web - Color Theory for web designers - the color wizard generates great color schemes
The Color Wizard is a color matching application for anyone who wants to create designs with great looking colors. Enter the hex value of your color or select a color from the dropdown. The color wizard will return a range of matching colors. If you prefer to use our previous version of the Color Wizard you can do so here. Note that this version if flash-based and might not be compatible with all
画像→HTML変換ツール - 徒然なるままにBlog
ヒマ少し時間があったので画像をHTML(アスキーアート?)に変換するツールを作ってみました。 使い方は"画像のURL"に変換したい画像のURLを入れて"文字"に適当な一文字を入れます。 で、"HTML変換"ボタンをクリックするとその画像が"文字"で表されたHTMLとして表示されます。 デフォルトでミクシィのロゴ画像が変換されるようになっているのでとりあえずそのままボタンを押してみてください。 どうしても画像が表示できない環境や画像を含めたHTMLを無理矢理一枚のHTMLに収めたい かなり特殊な状況下にいる人には使えると思います。 画像のURL： 文字： 大きさ：ピクセル 縮小：% ニアレストレイバー バイリニア 表示： 画像 ソース
Webページ→画像変換ツール - 徒然なるままにBlog
やることがないちょっと手が空いたので前回に引き続きAjax + PHPで簡単なツールを作ってみました。 今回のツールはWebページのキャプチャ(スクリーンショット)を取ってそれをサムネイル画像に変換するものです。 使い方はとても簡単で"WebページのURL"に適当なサイトのURLを入力し、 "イメージ作成"ボタンを押してしばらくするとそのページが画像として表示されます。 少し変換に時間が掛かるので表示されるまでジッと待っていてください。 最近は検索サイトなどで検索結果とそのページのサムネイルを同時に表示してるところもあるので 実は結構需要があるのかなと思います。手動でキャプチャしてサムネイル作るのも面倒だし。 WebページのURL： サムネイルの大きさ:
はてな記法ワープロ
*はてな記法JavaScript はてな記法ワープロは JavaScript ならではの利点を生かしたダイナミックなワープロです。 試しに色々入力してみてください。即座に出力画面が反映されます((Windows 版 IE6 および Firefox 1.0 でのみ確認しています))。 はてな記法の変換は <a href="http://search.cpan.org/dist/Text-Hatena/">Text::Hatena</a> を JavaScript に移植した "text-hatena.js" を活用しています。 **変更履歴 |*2005/12/1|ソース機能追加 (HTMLソースを表示できます)| |*2005/11/21|はてな記法ワープロ完成| |*2005/11/13|text-hatena.js 移植開始|
「flickr and WEBIMAGER」を使ったライフハック:phpspot開発日誌
flickr and WEBIMAGER 昨日公開した「flickr and WEBIMAGER」ですが、便利な使い方(ライフハック？)を紹介しておきます。 まず、ＷＥＢへの画像投稿。 ブログなどで、文字だけで説明するよりも、画面キャプチャなどで説明すれば一瞬で分かってもらえるようなケースは結構あります。 この場合、 1. 説明したい画面のキャプチャ 2. WEBにUP の処理が一瞬で終わり、ローカルに一時的に保存といった面倒なことは不要なので気楽にＵＰできます。 結果的に、分かりやすいブログ記事が楽に書けたりします。 以前は画像のアップロードが面倒だったので、文字だけのページになりがちでしたが今はちょっとした作業でＵＰ出来るのでこの記事やこの記事のような画像付きの記事が瞬時に作成できています。 あと、仕事でメッセンジャーを使っているような職場の場合にもかなり使えます。 相手に説明したい概
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
正規表現の確認
http://domjax.com/
Buttonator
calcr
あとで読む - あとでメールで読める無料ブックマーク・サービス
SimpleAPI - ウェブサイト・サムネイル化ツール
caramel*vanilla - 色に関する便利ツールいろいろ
STC :: fontBROWSER ::
ブログ用ボタンをWeb上で一括生成する方法:phpspot開発日誌