2007年10月アーカイブ

自分の好きなWEBサイトマイクロソフトのメニューみたいなCSSメニューを作ったので、photoshopデータ共に公開します。よろしかったら、使ってみてください。

自分の好きなサイトMicrosoft Windows ホーム ページのメニューを真似して作ってみました。CSS難しいですね。スマートじゃないですが、形になっていると思うのでデータ共に公開します。

CSSでWindowsVista風のナビゲーションバーを作成するサンプル:phpspot開発日誌と『Dezinerfolio流』自動的に横幅を調節してくれるCSSタブメニューの作り方*ホームページを作る人のネタ帳のエントリーにつられてエントリーアップすることにしました。

こんな感じのメニューです。マイクロソフトのWEBサイトみないなMENU（別窓表示）

以下XHTMLとCSSとサンプルページと同じファイルとメニュー元画像Photoshopデータおいておきます。よろしかったら使ってみてください。
※尚、データを別々に作成したため、hoverのマージンが異なりますので、若干CSSのマージンが違います。

夏に撮った風景写真を秋の季節の写真に模様替えするphotoshop（フォトショップ）Tipsです。意外と早くできます。WEB程度の画像の大きさであれば十分使えると思います。そんな方法を紹介します。

写真を簡単に秋に模様替えする方法を考えてみました。WEBくらいの解像度と扱われるイメージの大きさを考えれば使えるのではないかと思って紹介しておきます。

つい最近Jaiku（Jaiku | YU M）のFriendsでJR東海のそうだ京都、行こうの今年のポスターをクリップしている人がいた。

おーこれはインスピレーションにいいな。季節モノを考えるには持ってコイだ。と思っていろいろ見ているうちに写真を秋に模様替えするテクニックなんかでいい方法がないかと考えた結果。こんな方法もありかもっていうネタです。

今年の夏に京都嵐山に写真を撮りに行きました。そのときの写真を使って簡単に秋に模様替えしてみます。

エントリー文末にjQuery Ui.Tab（タブ）プラグイン実装をしました。配置位置の理由や意図などを簡単ですが書き出してみました。意味ある使い方をしないとタダの自己満足になってしまいますからね。

javascript タブUI導入の参考になるサイトでも紹介したタブ機能・jQueryTab（タブ）プラグイン（jQuery UI Tabs / Tabs 3）をこのブログに実装しました。

iGooleやYahoo!ニュースなどユーザーがよく見るページで普通に使われるようになった便利なタブ機能。実装するにも意味を持って使わないとタダのタブになってしまいます。ブログの中で使える場所は？と考えた結果。エントリー文末に使うのがベストであるという結論になりました。

そんなタブ機能を実装した思惑と配置場所の理由なんかを書き出してみます。

Photoshop Tipsです。合成画像の作り方です。今回は、sunsetでハンモックで揺られたいなんてことをイメージして合成画像を作ってみました。正味15分から20分の作業ですが、説明はとんでもなく長いです。

前回のエントリーphotoshop（フォトショップ） Tips-選択範囲の境界線をぼかすテクニックで最後に取り上げた合成画像の作り方と選択範囲の境界線をぼかすことでの馴染ませ方などを書いてみます。

上記のphoto素材（小2枚）を合成して、トップのように仕上げます。大体20分程度の作業です。素材となるphoto素材を探すのに時間がかかります。

日頃からStockphotoなどに目を通しておくと思い浮かんだものをすぐに表現できるようになります。（国内では素材辞典が手頃かと思いますが、同じ素材を使っているサイトを多く見かけます。特に人の素材については、新しい素材集から選んだ方がいいと思われます。）

無料で使えるWindowsで役立つソフトの紹介です。ダウンロード支援ソフト：Free Download Managerを使って、つい最近シェア公開された［Web標準の日々］のファイルを効率よく、簡単にDLする方法を紹介しています。

さまざまなファイルを一度にダウンロードしたい時に役立つソフトの紹介です。（Windowsでしかつかえません。）

今回は、このソフトを使って、先月シェア公開された［Web標準の日々］フォローアップのファイルなどを簡単に効率よくDLする方法などをご紹介したいと思います。

windowsでダウンロード支援ソフトで有名なのが、Net Transportだと思います。ただ、90日間の使用期限があります。似たようなソフトで無料でFirefoxで使えそうなものを探していた時に見つけました。

それが、Free Download Manager - absolutely free download accelerator and managerFree Download Manager - absolutely free download accelerator and managerFree Download Manager - absolutely free download accelerator and manager

Microsoft Windows 9x/ME/2000/2003/XP/Vista (32bit versions only)

BitTorrent（ビットトレント）もサポートしているのでいいのではないでしょうか。BitTorrent - Wikipedia

Photoshop（アドビフォトショップ）でぼかしを演出するTips-選択範囲の境界線をぼかすという作業は使い方によっては、いろんな質感を出すことができます。そんなことを画像と合わせて紹介。

CSS Nite in Osaka, Vol.5レビューとセッション・研修会について で紹介したアドビ認定エキスパート (ACE) Photoshop エキスパートの竹内さんのプレゼン「Fireworksを使っている方対象のカンプ作成」の中でphotoshop（フォトショップ）はFireworksに比べて”ぼかし”が微妙みたいなことを言っていたので、そのことについて自分なりの意見（photosohopの方がぼかしはきれいにできると思う）をphotoshopTips交えて書き出してみます。（画像はすべてクリックで拡大・縮小されます）

Movabletypeを選んだ理由について自分で思うことなどをいくつか書き出してみました。

先月の9月29日（Sat）にカンファレンスが行われたようですね。急な用事で参加できなくなってしまい残念でしたが、なかなか面白い内容のことが発表されたようですね。こちらにて開催された内容レビューが公開されています。【第16回】WebSig会議「Web屋さんのためのMovable Type 4」レポート (WebSig24/7)

資料が公開されていますので、興味のある方はこちらでDLできますのでどうぞ。【第16回】WebSig会議「Web屋さんのためのMovable Type 4」資料公開 (WebSig24/7)

自分も質問（というか希望なんだけど）したかったです。あとで書いておきます。それにしても、参加者の方の参加後レビューエントリーが発信されていないなー。前回のCSSNite（CSS Nite in Osaka, Vol.5レビューとセッション・研修会について）といい、関西のWEB制作者の方はリテラシーが低いのかなー。

質疑応答の内容も一部公開されていたのでそれについて自分で思うこと（なんでMovableTypeを選んだのか）についてかいてみます。やっぱり、MTとWPに関することが上がっていますね。それに動的・静的ページに関しても。