毎日のように自分で使うサイトってありますよね。
大量のブックマークやRSSで頭がこんがらがるので、自分仕様ではありますがリンク集を作りました。
JavaScriptというスクリプト言語を用いて盛りこんだ機能で、リンクの上にカーソルを持ってくるとほんの1、2秒で
リンク先のサイトを説明したテキストと
リンク先URLが表示される便利な機能が付いていますので、リンクに触れればそのサイトの詳細や内容などを瞬時に知ることができます。
※ただし、この機能は
MacのIE(Internet Explore)だけ対応していません。MacのIEの場合は5〜10秒待てば、IEのデフォルト機能で一応説明のテキストだけは見えます。
で、更に今回遊び心を入れたのは
スタイルシート(CSS)の切り換えです!
スタイルシートというレイアウトの指示書みたいなものがあるのですが、それを読み込まずにデフォルトのレイアウトで見るとこのように見えます。
今回オリジナルのスタイルシートを全部で6パターン作りました。
ヘッダーの右に、CSS:セレクトボタンがあります。ここから
Styleを選択すると別のバージョンで見ることができます!
好きなタイプで見てください☆
・Asian Style
・Pink Style
・Black Style
・Road Style
・Cyber Style
・Sea Style
基本的に背景画像や配色、書体などが変わるだけなので表示されている内容は変わりません。
※Asian Style、Pink Style、Black StyleはJessieネタです(笑)それ以外は景色です。
ちなみにページの幅はだいたい800pxちょい。ノートの人は横がキツキツかな?
ただし・・スタイルの切り換えに関してはMac標準のブラウザ、
Safariだけ対応していない機能ですので、それ以外のブラウザを使ってください。
つまり、Macの人は
Firefoxか
Opera辺りで見ていただけると確実ですね☆
まさにLife Tool Linkのページ内にブラウザの紹介があるのでこれを機に探してみてちょんまげ。
わからない人は聞いてくださいねん。
winの人は普通にIEやFirefoxで見ればノープロブレム。普通にアクセスすれば見られます。
一応メニューは全部で5つありますが基本的に使うツールは左から順の3項目。
【Life Tool Link】
生活で使うリンク集
【For Web Designer Link】
webデザイナー向けのリンク集
【IT Words】
個人的なものですが、過去に
e-Wordsで調べてチェックしたもののリスト
もし気に入ればブックマークして使って見てくださいませませ〜。
と、言いつつもぶっちゃけ内容はまだ
未完成なんですが( ゚∀゚)・∵ブハッ!!
スタイルシートの切り替えは試験的にやったので今後色々と研究してみます。。
リンクは日々更新中です。
★サイトはコチラ★
Life Tool Link
最近Studio蔵さんのサイトで見つけた
うるおぼえ神経衰弱、めっちゃおもろいです。
ただダウンロードは無料なんですが、唯一の欠点が対応が
Macのみ。。涙
Macの方は是非やってみてください。私はイラストを見て爆笑しました(笑)
ロールちゃんというのもオススメです。早速会社のPCで活用してます(笑)
ダウンロードして出没タイミングを設定するだけなんですが、突然現れてコメントを吐きます。(しゃべりません=音無)
さっきは『さっきから上司が「横取り四十萬」ってうるさいの』『横置きはハンバーガー、縦置きはサンドイッチよ』『その服、どこのユニクロで買ったの?』などとわけのわからにゃいことを。。
Macの方は仕事の癒しにインストールすることをオススメします☆(´ー`)
携帯用もあるみたいなので、winの方は携帯でロールちゃんはどうかしらん?笑