タグ

ブックマーク / webimemo.com (4)

  • IE6にも対応させました!スクロールしてもついてくるソーシャルボックス

    こんにちは、霙です。 先日公開しご好評いただいたソーシャルボックスたんですが、実はIE6非対応でした。 世の中には、私のようにIEの存在を完全に無視している方は少数派のようですので、 CSSを書き加えるだけでIE6でも動くコードをご紹介致します。 <header>~</header> <!--[if lt IE 7]> <style type="text/css"> #social_box { position: absolute; top: expression(eval(document.documentElement.scrollTop+300)); } </style> <![endif]-->

    IE6にも対応させました!スクロールしてもついてくるソーシャルボックス
  • WEBシステムのデザインについて今の会社を退職する前に私が後輩に伝えたこと

    このたび会社を退職することが決まり、デザインについてほとんど初心者である後輩に対して私の思考を託す時が来ました。 私自身WEBシステムの制作を手がけたことはなく(ないのかよ!!と全力でつっこんでおk)今度のプロジェクトでうちのチーム初のWEBシステム制作案件があるそうなので、デザインする時のポイントなどを自分なりにまとめてみました。 私は携われないんですけどね\(^o^)/ 様々なWEBシステムのデザイン よいデザインはデザインをする対象(今回はWEBシステム)のことを知らなければ出来ません。 自分の考えだけでデザインをはじめると、思考の偏った使いにく~いものになってしまう恐れがありますので 必ず調査をしましょう。 そして、何故その要素がそこに配置されているのかを考えましょう。 以下に様々なWEBシステムのキャプチャと 超稚拙で言葉足らずな安易すぎる説明を掲載します。 ですが、掲載されてい

    WEBシステムのデザインについて今の会社を退職する前に私が後輩に伝えたこと
  • jQueryを使ったスムースなタブメニュー

    素晴らしく気持ちのいい動きをするタブメニューに出会ったので光の速さで実装してみました。 これは個人的にかなりオススメです!!2008年産みたいなのでもしかして知っている方も多いかも。 前々からサイドバーで記事をランダムピックアップする事に憧れを抱いていたのですが、これ以上サイドバーが長ったらしくなるのが嫌でなかなか実装せずにおりました。 ですが今回WEBクリエイターボックスさんのリニューアル で使われていたタブメニューを触って惚れ込んでしまいまして、当サイトにも実装してみました :) 配布サイト様 yensdesign 海外サイトなので英語ですが、わりと読みやすいと感じました。 記事の上の方に「Tested in: Firefox, Internet Explorer 6 & 7, Opera, Safari & Chrome.」との表記があるので、なんと近々死ぬであろうIE6,7(※)で

    jQueryを使ったスムースなタブメニュー
  • スクロールしてもついてくる!ブログにソーシャルボックスをつけよう。

    こんにちは、霙です。 ウェビメモ製作時に、ページをどんなにスクロールしても横にくっついて来るソーシャルボックスを作りました。 コードを教えて欲しいという方がいたので、他の方にも需要あるかな?と思い、記事にしてみました:) 自分のサイトに使いたい方はコピペしてご自由にどうぞ! (IE6対応版にはこちら) 読者が利用するタイミング みんなが設置しているソーシャルボタン。いざ自分のブログにつけるとなるとどこに置こうか迷いますよね。 記事の最初に設置するもよし、最後に設置するもよし、両方設置するもよし。 とにかく設置するにあたって重要な事は 「どこに置けば読者の方々に押してもらいやすいのか」です。 自分が読者の立場になった時はどうですか?? 私は寂しがり屋なので、常に隣に居て欲しいんですよ・・・///// てゆうのは冗談ですが、自分だったら記事を読む前にツイート数、はてブ数を見てます。 タイトルを

    スクロールしてもついてくる!ブログにソーシャルボックスをつけよう。
  • 1