ToolTip:jQuery+CSS
オシャレでカッコカワいい、マウスオーバーでニョキっとフワっと出てくる『ToolTip』、jQuery+CSSで作ってみました!
色んなサイトに転がってるもの、全部イイトコドリしてごった煮してみたら、いいもの出来ちゃったんでご案内です。
⚫ HTMLには❝ class="tooltip" data-tooltip="00010" ❞とクラス名とコードを記載して
⚫ jQueryでコードに対応する文言・表示される位置を設定するだけで、簡単にこんな感じのToolTipが出せます。
⚫ CSSで、吹き出しの形や色を自在に変更可能!
LINKのデコレーション:CSSのみ
LINKがあることをさりげなく、オシャレにハイライトすることができる『LINKのデコレーション』、CSSのみで作ってみました!
結構ね、計算式にゴリゴリアタマ使って、途切れなく自然に流れてくの気を使ってます(笑)。
⚫ HTMLにはDIVタグを配置して、あとはCSSを置くだけ、こんな感じのLINKのデコレーションが出せます。
⚫ CSSで、「<>」マークの大きさや色を自在に変更可能!ちょっと可能すれば、独自画像も使えるようになります♪
Now-Loading
画像ファイルなどが多いページで、読み込み中にかなんか『カクカク』と表示されるの、イヤじゃないですか…?
そんな機械的な無機質感を解消する、『Now-Loading』を演出するToolをCSS+JavaScriptで作ってみました!
単にページ間の移動自体を、もっと優しく出したい…なんて要望も叶えて差し上げます~
日本プロ野球:DATA-LABO
【プロ野球ファン必見】試合速報・成績・他球場経過をこの1ページで。TV観戦中に複数のサイトを行き来する手間を解消!
推しTEAMの状況から対戦相手のデータまで、リアルタイムで把握できるNPB特化型オールインワン・データサイト、作ってみました~♪
❝こんな野球データサイトが欲しかった❞を形に。スポナビもNPB公式も他球場も、TVを見ながらPCの1画面でリアルタイムにチェック。プロ野球好きの個人開発者が、徹底的に「観戦の快適さ」を追求して作った
究極のNPBデータ集約サイト。今すぐこの便利さを体感して下さい!

※ 以下、メアド不要の会員登録が必要です。
各試合に、あなた独自のデータを登録可能です。
⚫ TEAMの勝ち・負け・引き分け数を入力して、『アッチが負けてウチが勝ったら…!?』なんて、ちょっとした順位のシミュレーションも出来ちゃいます。
⚫ 勝利打点記録者を独自に入力可能(これ正式なデータなくて大変なんです)… ❝やっぱ4番は○○○ぢゃね!?議論❞に、明確なデータで参加可能!?
⚫ ❝責任敗戦投手投球時にマスク被ってた捕手❞を登録 … ❝やっぱ正捕手○○○ぢゃね!?議論❞にも強力な武器に(笑)
⚫ あなたが選ぶGAMEのMVP選手も登録出来て、上記データも含めてシーズン単位で集計可能! … オフシーズンの酒の肴に最適です♪
⚫ 更には、GAMEごとに❝MEMO書き❞も出来ます。❝忘れらないあの日…❞を思い出すためにも、有効活用してみて下さい。
CASA <超真面目な(笑)婚活サイト>
サクラや放置会員ばかりの、『安心・安全』とは名ばかりの、大手婚活サイトに疲れ果てた方へ…
実を言うと、プログラマーとして最近あまり手を動かしてなかった50代開発者が、個人的なPHP・MySQLなんてものの勉強のため色々作ってるうちに、
なんとなく始めて見た❝婚活サイト❞(笑)のご案内です。
やってるうちに止まらなくなり、気付いたら、あら結構いいものになっちゃった…ということで、あろうことか❝売り出してみよう!?❞なんて妄想の果てのPROJECTですっ!
本人確認徹底・24時間監視で安心。コスパ良しだが、大手サイトに負けない豊富な機能と使いやすさを追求しました。

完全なる個人開発です。それ故、皆さんのご要望・ご意見など、ドシドシ取り入れて、皆さんと一緒に更に発展して行けるようなサイトにしたい、なんて考えております。
❝こんな機能あればいいのに…❞なんてお声も、ダイレクトに届きますよ!?

誠実な出会いを求める方の❝最後の砦❞です。きっと誰かが、そんなあなたを、今日もどこかで待っています…💖
[ NPB★DATA-LABO ] は
▷▷▷ こちら ◁◁◁