ホームページ制作まん

ツール: 2009年9月アーカイブ

URL短縮サービス。

user-pic

以前同じようなサービスをご紹介いたしましたが、
マルチバイト文字で一文字でURLを表示させてしまうというサービスを見つけたのでご紹介。

http://縮.jp/

syuku.png


実用性はさておきURLに漢字が含まれている違和感が面白い。

ホームページ制作まんはこうなります↓

http://縮.jp/示

ソースコード共有ツール

user-pic

WEB制作の場面で、よくコードの確認を複数人で行うことはよくあると思います。

増してや、SEOなどが絡んでくると尚更だと思います。

そんなときはこちら


http://www.textsnip.com/

txx.png


text snipはテキスト等を入力すると、WEB上で観覧する為のリンクコードを生成してくれるサイトです。


面倒な設定もなく、すぐに使用できるレスポンスがよかったのでご紹介。

ただ、日本語は文字化けしてしまうので、文章などのチェックには使用できません。

・・・惜しい。


また、行番号もついてくるので、問題のコードの行数を伝えられるなど、細かな点がうれしいです。

便利ブックマークレット

user-pic

定期的にお届けしています、便利ブックマークレットのご紹介です。

以前、W3CによるHTMLのバリデートをご紹介しましたが、今回はCSSです。

W3C CSS Validator」←このリンクをブックマーク。

WS000107.jpg

こちらもSEOなどが絡む制作の際はわりと必須なチェックですね。

ブックマークレットを使えば、コピー&ペーストなどの煩わしい操作もなく、チェックしたいサイトを表示してボタン1発でチェック完了です。

気になる方はぜひ使ってみてください。


ドメイン検索

user-pic

http://www.psychicwhois.com/


dom.png

Psychic Whoisはあいているドメインを即座に検索してくれるサイト。

WEBサービスを始めるのに、窓口になるドメインはとても重要です。
使いたい文字を入れると、あいているドメインをすぐに表示してくれます。

また、それに近いドメインなども紹介してくれるので
狙ったものがあいていなかったとしても、かなり近いものが見つけられます。


同じようなサービスは沢山ありますが、レスポンスがよく使い勝手がよかったのでご紹介。

faviconジェネレータ

user-pic

サイト制作した際は作っておきたいfavicon。

今回、使いやすいジェネレータを発見したのでご紹介します。

256pixels

256.jpg

画像をアップロードした後、適用したい画像範囲を選択して簡単に作成できます。

さらにピクセルごとの編集までできてしまういます。

使いやすくかなり高品質なジェネレータだと思います。


Google検索

user-pic

普段皆さん利用しているであろうGoogleの検索ページ。


こちらの検索結果の背景を皆でデザインして共有しちゃおう!という
面白そうなページを見つけました。

http://redesigngoogle.com/

gogo.png

オンライン上のCSSエディタをしようして、フォントを変えたり背景を変えたりできます。


たまに気分転換に見た目を変えてみるのも面白いと思います。

自分で気に入った画像など、背景にして使えるので新鮮です。

kennsaku.png



素材専門検索エンジン

user-pic

「 http://www.3dfilter.com/ 」


3d.png

こちらのサイトは3Dテクスチャや画像を検索する専門のサイト。

実際につくるとなったら相当時間もかかるだろうし
ほしいと思ったものを検索して探すことができるので割と便利かも。

3Dイメージを制作で使用する場面自体少ないですが・・・

覚えておいて損は無いと思います。

チェック柄ジェネレーター

user-pic

最近制作中にチェック柄が欲しくなり、いろいろ使えるものがないか調べていたところ、ありました。

Tartan Designer

その名のとおりタータンチェックを生成できるジェネレーターです。

stripe3.jpgのサムネール画像

色や幅を選択するだけで簡単にタータンチェック柄が作れます。

【+ボタン】でストライプの本数

【スライダ】で線の太さ

【カラーピッカー】で線の色

また、下のアイコんでチェックの向きを変えられます。

【make it!】を押すと変更が反映され、【Download】で画像をダウンロードできるようになっています。

シンプル操作ながら結構いろいろ作れますので、気になる方はお試しください。


bingo!CMS

user-pic

最近リリースされたCMSの中で特に印象的だったのが、デザイナーでも使いこなせるという「bingo!CMS」。

従来のデザイナー向けCMS は、「テンプレートはHTMLにコメントタグを入れるだけなのでDreamweaverでも編集できる」というものが多かったけど、bingo!CMSの場合はCMSのUIを進化させて、Web上の直感的な操作でページの編集が行えるようにした点がユニーク。

お約束どおりPHPとMySQLで動く感じ。

01.gif

bingo!CMSは基本的には商用なんですが、ユニット数が少ない無償のオープンソース版も配布されているので、サポートは不要、自力で何とか派にはそちらでも。

見た感じ、他のCMSよりも直観的な操作っぽい。

なおかつ、ファイル・ディレクトリ構成がシンプルで丁寧な感じです。

Google Chromeブックマーク同期サービス

user-pic

GoogleはChromeにブックマークや履歴データ、設定、タブの情報などをほかのChromeと同期するためのサービスの提供を検討しているらしい。
chi.png

Chromユーザーとして私としてはうれしいです。FirefoxでいえばWeave0.5に該当するサービス。開発はChromiumをベースにOSSとして取り組まれるという。

報告されている内容によれば、これらデータはGoogleアカウントに関連付けて保持できるようにされるという。当初はブックマークデータを対象とし、順次設定や履歴データ、タブデータも対象にするとみられる。同期するデータフォーマットにはコンパクトで高速処理が可能なProtocol Buffeが使われ、データの同期にはGoogle Talkと同じ枠組みを採用するようだ。


ほかの類似サービスと異なり、すでに多くのユーザがGoogleアカウントを取得している点が注目される。Google Docsのような形で、オンラインで共有しているデータを閲覧できるようにGoogleサービスとの連系も計画されているようだ。現時点でたしかなことは わからないが、開発自体はChromiumをベースにOSSで取り組まれることから、この同期サービスはChromeのみならずFirefoxなどほかの ブラウザからも活用できる可能性がある。


仕事柄いろいろなパソコンで調べ物などしなければならなかったりするので
同じ環境を再現できるのはうれしい。
ただ早いのはいいけれどChromeはもうちょっとPHPとかFlashとか利口になってほしい・・・






「 seadragon 」

sea.png


こちらはMicrosoft Live Labsが提供する画像ビューアーです。


普通の画像をWEB上に掲載するならそのまま貼り付けてしまえば問題はないのですが、ものすごい巨大な画像だった場合、リサイズするしかありません。
ですがこれを使えばズームさせたりフルスクリーンで表示させたりするビューアーを生成することができます。


しかも使い方も簡単。

画像のURLを送信し、アップロード。

そうするとスクリプトコードが生成されるのでそれを貼り付けるだけで簡単に掲載できます。


単調にならずにユーザーが直に操作して画像を見ることができるので面白いアクセントになるかも。


手書き風アイコン その2

user-pic

最近、手書き風のデザインを求めているせいか、またまたアイコンセットを発見しました。

鉛筆で描いたようなラフスケッチのようなデザインで、意外と味わい深いです。

0202-5.jpg

Kreski -Lines-

自分のマシンのアイコンをカスタマイズするもよし。

webデザインに盛り込むもよし。

気になる方は使ってみてはいかがでしょうか。


CSSエディター

user-pic

オンラインでCSSメニューを作ることが出来るサイトをご紹介。


「 MyCSSMenu 」

01.png
 

Webサイトのナビゲーションメニュー制作専用のエディター。

非常に高機能なエディターで、細部にわたりカスタマイズ可能なので、納得のいくメニューを作成することができます。


まずは左のテンプレート欄から、雛形にするメニューを選んで、カスタマイズボタンをクリック。

メニュー項目の表示タイトルやURLなどを適宜編集追加していきます。

次にスタイルの設定。
フォントカラー、フォントスタイル、背景色、ボーダーカラーなど、ありとあらゆるスタイルがGUIで編集できるのが特徴です。

編集画面では、CSSとHTMLを直接編集できるので、より細かい編集も可能です。

また、一度編集した箇所も、何度でも遡ってやり直すことができます。


最後に、編集し終わったら「Save」をクリック、ウィンドウに編集したHTMLコードが表示されるので、これをコピーして利用できます。


かなり高機能なので、何をどう触ったらいいかわからないときはQuick Editsを利用すれば簡単に作成できます。


写真加工オンラインツール

user-pic

写真を簡単にイラスト風に加工してくれるサイト。


「Befunky - Cartoonizer」


buu.png

似たようなサイトはたくさんありますが、とりあえず操作が簡単で
わかりやすかったのでご紹介。

かけられるエフェクトも沢山あり、時間がないときなど
サッと作れるので楽かも。


* *
* *


ホームページ制作まん

ホームページ制作会社


栃木県パソコン修理/パソコンのお医者さん
ホームページ制作 栃木
 

ホームページ制作LINK2

このアーカイブについて

このページには、2009年9月以降に書かれたブログ記事のうちツールカテゴリに属しているものが含まれています。

前のアーカイブはツール: 2009年8月です。

次のアーカイブはツール: 2009年10月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。