WEBグリッド テンプレート生成

2010/09/22 | 著者: fjn | カテゴリ: リソース, CascadeStyleSheet

Link: http://www.1kbgrid.com/

画面レイアウトの「ザックリ」が作成できるツール。
WEBデザインにおいても、CSSを利用して「段組」に取り組んでいる姿が散見されましたので報告。

取り組みをWEBグリッドシステムと呼んでいるみたい。

デザイナーが「デザインしたとおり」に段組を実現したいという、あたりまえのような《笑》要求との戦いでしょうか。
元は、論理的で一貫性のあるページデザインってことか。

WEB検索すると、たまたまというより、実際、多くの人がこの「WEBグリッド」に取り組んでいることがわかりました。

その手法の中には、凄いのもあって・・・
ローカルPCに例えると(以前、あっけにとられた話ですが)テンプレートを作っておいて、MSエクセルをMSワードのようにピクセル単位みたいなセルを作っておいて使う・・・(・・みたいな取り組みに私には見えるのですが)ものも。

・・そういうピクセル単位的で・・極端なのは、おいといて、ザックリしていて、実効的に使えそうなおもろいのはコレ。

http://www.1kbgrid.com/

※解説はココ。
http://www.usabilitypost.com/2009/05/29/the-1kb-css-grid-part-1/

好きに自由に書けるようでいて、システム化の観点から導かれる「べき論」からいう「段組CSS」は、「この流れで記述するべき」という基本形が導かれるような気がする。

そこは「思想」とか「哲学」という「考え方」の世界ですが。

そこが見出せることで、ユーザエイジェント取得によって閲覧画面サイズに合わせ変動するCSSを自動吐き出しすればおもしろい。

「おもしろい」の意味は、手書きHTMLでないことの意義。
再確認すれば、正確で誤りのないクリーンなXML記述を吐き出しSEO効果を高めること、であり、また、別環境のために別の手書きHTMLを書かないですむこと・・あたり。

つまり、クロス・デバイス化とでも言いますか、が可能になるように思います。いくつかのネックがあると思われて標準化の流れが、いまひとつつかめない今日この頃。

LI用ミニアイコン著作権フリー

2010/09/22 | 著者: fjn | カテゴリ: リソース, アイコン・画像・部材

Link: http://www.websitebullets.com/

LIに使用することが多いミニアイコン。

基本五色で、そこそこ量があります。
再配布しなければ商用もフリーと記載あり。
PSD形式で欲しい場合はPayPalで5ドルでOK。

ではでは
fjn

テキスト比較 フリーソフト

2010/09/16 | 著者: fjn | カテゴリ: Firefox アドオン

Link: http://fefnir.com/

HiWinDiff v1.57

HTML,XML,CSS,JS,PHP などの比較に使っています。
XLSは、まだ試していません。

ファイルの内容を比較可能(テキスト、Excel、Word、バイナリ)
フォルダの内容を比較可能
クリップボードの文字を取得して比較可能
相違点を色分け表示
比較結果を色分け情報も含めてエクセル形式やHTML形式で保存可能
Excel、CSVファイルはセル単位で比較できる
レジストリ未使用

対象:Windows 7、Vista、XP、2000
VB6.0ランタイム が必要
http://www.forest.impress.co.jp/lib/arc/runtime/runtimeapp/xtrmruntime.html

タイトルリンクが作者のページ。

ではでは
fjn

ビデオコンバータ WIN free

2010/08/02 | 著者: fjn | カテゴリ: 便利ツール, iPhoneiPad, ツールの連携

Link: http://www.extensoft.com/?p=downloads

フリートライアルということで・・
FreeVideoConverterを試しました。

FLV から WMV
MPEG4 から WMV
MPEG4 から FLV
WMV から FLV
WMV から MPEG4
・・・が変換できます。
(試してませんが)編集機能があるみたいです。
——————————————————–

あと、これらビデオコンバータがらみでは、iPadの
アプリ、AirVideo(Free版もあり)を使用する時に
WIN側のファイルをiPadに読み込み視聴できますが、
MP4に変換しファイルを軽くして見る機能があって

この際、視聴したMPGやAVIファイルをMP4に変換し
WIN側に返すので、結果的に、ここでコンバートが
完成すると言う使い方もアリかもしれないと思う。

YouTubeにアップすると、多くの形式がコンバート
できるので、それが一番、簡単かもしれませんが。

YouTubeにも簡略な編集機能が付きましたが、この
FreeVideoConverterの編集機能を試して見ます。

ではでは
fjn

Chrome の拡張機能 Gmail Notes

2010/08/02 | 著者: fjn | カテゴリ: GoogleUsage

Link: https://chrome.google.com/extensions/detail/hiheeapdnogdfdcbpjpibpllaifndgke?hl=ja

GMAILでは、複数のラベル指定ができたり、スターを使用して
重要度を指定したりできます。
さて、読んでいるメール自体にメモの付加ができると便利。

そのメールに、自分なりの注釈とか、覚えとかを足せます。

特に、立て続けにメールを読んでいき、後で、順に返信して
いこうとするときなどは、めちゃくちゃ便利です。

この記事の件名にリンクを張っておきますが、念のために
Chromeの拡張機能から「Gmail Notes」を検索して下さい。
Betaですが、問題なく動きます。現在、Ver2.2.2でした。

ではでは
fjn

クロスブラウザCSS

2010/07/16 | 著者: fjn | カテゴリ: GoogleUsage

Link: http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/

結果的に、だんだん揃ってきていますし、そもそもIE6は
もう考えなくてよさそうなものですが、ブラウザ依存の
問題は、消えてなくなるわけでもなさそうですし・・・

困ったときに役立ちそうなのでメモしておきます。
元記事は2010-03-09のものが2010-04-06に更新。

ではでは
fjn

今晩、夜店が開きます

2010/07/03 | 著者: fjn | カテゴリ: クロモンドットコム

Link: http://www.kuromon.com/_event/2007yomise/

夏らしい季節、暑くなってきました。

今晩19:00から、黒門市場で恒例の夜店を開催。
リンクは数年前の開催時の様子です。
今年は、どんなでしょう。

ではでは
fjn

クラシック音楽が無料

2010/06/30 | 著者: fjn | カテゴリ: Firefox アドオン

Link: http://public-domain-archive.com/classic/

パブリックドメイン(日本での著作権保護期間が終了)な
クラシック音楽が公開されています。

収録曲数、約4200曲です。全て無料でダウンロード可能。

ページ内「はじめてのクラシック」というリンクに
ダウンロード回数の多い(つまり人気の)リストも
あって選曲しダウンロードできます。

http://public-domain-archive.com/classic/dr.php

————————————————–
ところで 2010-06月には YouTube上の動画編集サービス:
YouTube Video Editorが公開されています。

これは自分のYouTubeアカウントにアップロードした
画像を繋いだりできるわけです。この際のBGMって
結構、選べますが、今風のポップなものが多い感じ。

コンテンツによっては、クラシックをBGMに流すことも
できそうですね。

ではでは
fjn

Google CHROME キー操作

2010/06/29 | 著者: fjn | カテゴリ: ウインドウズ, XP, GoogleUsage

ブラウザ(GoogleChrome)ショートカットキー
操作の一覧はヘルプにあります。
GoogleChromeが起動している状態でF1を押します。

ヘルプを開いたら中段にある(画像の赤丸あたり)
キーボードショートカットとマウスショートカット
これをクリックします。

もし、環境でヘルプが英語で開かれてしまう場合は
そのページ一番下のプルダウンで「日本語」を選択
すればショートカット一覧表は日本語表示されます。

Ctrl+N とか Ctrl+T は良く使うでしょう。
アップロード時に使うのが Ctrl+O だろうし
Ctrl+H とか Ctrl+J は、なにげに便利か。

開いているタブの選択が Ctrl+1 (または番号)
と言うのも、使い出せば便利だろうな。

ではでは
fjn

Googleの中国語pinyin入力

2010/06/28 | 著者: fjn | カテゴリ: ウインドウズ, XP, GoogleUsage

Link: http://www.google.com/ime/pinyin/

キー操作と言えば、Googleの中国語pinyinを入れてます。

これは、文字入力状態でALT+SHIFTで切り替えます。

下記画像のメール文中にキー操作の(渡り)の例を書きこんでいます。

ではでは
fjn

ページ: << 1 2 3 4 5 6 7 8 9 10 11 12 >>