2009年03月13日
携帯サイトのデザインをするのに便利なまとめサイト
いつも携帯サイトの有益な情報を紹介してくれるke-tai.orgさんで、携帯サイトのデザインの参考になるサイトが紹介されていました。
紹介記事は以下です。
⇒ke-tai.org > Blog Archive > ケータイサイトのデザインをジャンル別にまとめて紹介している「モバイルデザインアーカイブ」
PCサイトのまとめは結構あるのですが、携帯サイトのまとめって意外と無いんですよね。
こういったまとめサイトはとても助かります。
記事の紹介だけではあんまりなので、携帯サイトのデザインをまとめているサイトを以下にご紹介。
Posted by ; k. 01:38 | コメント(0) | トラックバック0 | 固定リンク
2009年03月10日
微妙!?あなたが知らないかもしれないブログアクセスアップの方法【番外編】

私はアクセス数が好きなやつちょっとこいwwwwwwという記事を書いて、「アクセス数 好き」というキーワードで一位になる位アクセス解析が大好きです。
いつもと変わらないアクセス数に変化があったのは先週の木曜のことでした。
急にアクセスが増え、参照先を覗くも「ノーリファラー」ばかり。
そんな中で参照先を眺めていると普段見慣れないドメインがあったのでチェックしてみて理由が分かりました。
⇒【DreamweaverではじめるWeb標準】第157号 [まぐまぐ!]
メルマガか!
Posted by ; k. 01:21 | コメント(1) | トラックバック0 | 固定リンク
2009年03月06日
jQueryを使用したCookie開閉保持メニューをよりjQueryっぽく書き直す

前回記事で作成したjQueryとcookieを使用した開閉メニューを、頂いたアドバイスで閃いたやり方と合わせて、よりjQueryっぽい記述に修正しましたので変更点を書いていきたいと思います。
まずは、完成サンプル
⇒【よりjQueryらしい】cookieを使用して開閉を保持するメニュー完成サンプル
前回記事をまだ読んでいない方はjQueryとjquery.cookie.jsを使って開閉を保持するメニューを作ってみるを先にご覧ください。
今回のサンプルでは
本当はopendd[0]~[n]というcookieが複数セットされるのを避けたかったのですが、うまく記述できませんでした><
詳しい方アドバイスとか頂けると元気出ます!よろしくお願いします。
と前回嘆いていた部分を改善して、よりjQueryらしい記述に変更しています。
以下でサンプルの説明をしていきます。
Posted by ; k. 01:02 | コメント(0) | トラックバック0 | 固定リンク
2009年03月03日
jQueryとjquery.cookie.jsを使って開閉を保持するメニューを作ってみる

前々からcookieを使用してメニューを制御したかったのですが、なかなかうまくいかず断念していたところjQueryで簡単にcookieを扱えるプラグインを発見しました。
早速試してみたところ、それらしいものが出来ましたのでプラグインの使い方と合わせて紹介していきたいと思います。
サンプルを見て頂ければ分かりますが、開閉状態をcookieによって保持するというものです。
お使いのブラウザのcookieの設定とか眺めながらご覧ください。
Posted by ; k. 00:39 | コメント(4) | トラックバック1 | 固定リンク
2009年03月02日
SONYだけじゃない!こんなに使われているJavaScriptライブラリ

昨年9月、FLASHをやめて、AJAXを多用する形でリニューアルを行ったSONYが話題になりました。
あれから半年程経ちますが、他の企業系サイトのJavaScriptライブラリの使用度はどの位なのか気になり調べてみました。
以下サイトから無作為に抽出して探して、各ライブラリ毎に分類しています。
WEBデザイン リンク集 : ikesai.com --- いけてるサイト ドットコム(WEBデザインの参考にどうぞ)
Posted by ; k. 02:27 | コメント(0) | トラックバック0 | 固定リンク
2009年02月27日
タイプライター風に文字を表示!jQueryプラグイン「jquery.newsTicker」

タイプライター風に文字を表示するjQueryプラグイン「jquery.newsTicker」をご紹介。
まずはサンプルです。
⇒タイプライター風に文字を表示するjQueryプラグインのサンプル
使いどころ難しそうですが、marqueeタグの代わりになりそうな気がします。
配布元では
News ticker in the style of that used on the BBC news site.
と紹介されていてBBC風とのことです。BBCってニュースという事以外、良く分からないんで言い換えてみました。
配布元⇒jQuery plugins » MakeMineATriple
DL先⇒Plugins | jQuery Plugins
では、以下に使い方を紹介していきます。
Posted by ; k. 00:01 | コメント(0) | トラックバック0 | 固定リンク
2009年02月26日
FireWorks派必見!FireWorksお役立ちサイトまとめ
FireWorksユーザーの為に、これだけは見ておいた方が良いよ!っていうサイトや記事を系統別に集めてみました。
リンクは全て同一ウィンドウで開きますが、戻ってきてくださいね。
マウスホイールでクリックすると別ウィンドウで開きます。
FireWorksおすすめですよ!系
まずはFireWorksをおすすめする理由を紹介しているサイトから。
ウノウラボ Unoh Labs: Webデザインする上でFireworksがステキな12のポイント
FireworksがWebデザインに向いているポイント6つ - EC studio デザインブログ
地味に便利なんですよね~、会社でPhotoShopからFireWorksに乗り換えた時は戸惑いましたが、今では自宅でもFireWorksです。
Posted by ; k. 01:45 | コメント(2) | トラックバック0 | 固定リンク
2009年02月25日
CSSのみで!jQueryを使って!複数のブロック要素の高さを揃える

デザインをしていると、この要素とあの要素の高さを揃えたい!ということが多々あります。
Photoギャラリーなんかで多いですかね。
複数のブロック要素の高さを揃える方法は、色々紹介されていますが、特徴を踏まえてまとめてみたいと思います。
Posted by ; k. 01:17 | コメント(0) | トラックバック0 | 固定リンク
2009年02月24日
FireWorksでリアルな写真風に加工するチュートリアルを試してみる

FireWorksでリアルな写真風に加工するチュートリアルを試してみようと思います。
PhotoShopのチュートリアルはこのサイトでも随分紹介していますし、検索しても結構ヒットするのですがFireWorksのチュートリアルってあんま無いんですよね。
ざっと探してみた感じだと
⇒紙がやぶれた感じの画像をFireworksで再現してみる - F.Ko-Jiの「一秒後は未来」
⇒なんでも感想・なんでもメモ: Fireworksでモザイクを掛ける
⇒Fireworksのチュートリアルいろいろ | DesignWalker
辺りが目ぼしい感じかと。
ということで、DesignWalkerさんのまとめから気に入った、リアルな写真風に加工するチュートリアルを紹介していこうと思います。
参考にするチュートリアルは以下です。
⇒Rapid Fire #1: Photo-Realistic at SixThings
Posted by ; k. 02:13 | コメント(0) | トラックバック0 | 固定リンク
2009年02月20日
超初心者の庶民が乗馬クラブクレインで体験レッスンしてきました!

※↑後ろの情けない姿勢なのが私です。びびってるんじゃなくて馬撫でてるだけですから!
会社有給とって乗馬クラブクレインで体験レッスンをしてきました。
会社の人、見てたらお疲れ様で御座いました。私は元気です。
乗馬といえば高貴なイメージですね。貴族です。
庶民(ラーメン+半チャーハンかラーメン+餃子かで悩む位)の私が行ってもいいのか小一時間悩みましたが、『草原を走りたい』という一心で参加してきました。
参加したのは乗馬クラブクレインの●Bプラン 平日限定!乗馬を満喫。平日限定1日2回コースというプランです。
以下何の予備知識も無く参加して来た超初心者の体験談です。
↑今日乗ったお馬さんビリーさんと触れ合う様子

