more >>
自分で書いたJavaScriptをブラウザで動作確認
これからJavaScriptを学習していこうというオレみたいなヤツにピッタリのサイト。
いちいちテキストエディター保存して、アップして、チェックして、みたいな煩わしい事しなくて済むッス。
TIDEでは、ブラウザにそのままコードを書いて、そのまま動作確認ができるという素晴らしいサイト。
じゃんじゃん書いて、JavaScriptを習得しよう！
画像、サムネイルの拡大表示を素敵にするjavascript
ページにたくさんの画像をアップしたい時、サムネイルで小さくアップしておき、必要に応じてリンクから拡大表示させたいという事がありますね。
通常、画像にリンクを貼って元画像を表示させると、別ウインドウが立ち上がります。
これを元のページ上でカッコよく拡大表示させる事ができます。
まずはサンプルを見てください。
加工前の通常の画像リンク
このサムネイル画像をクリックすると、別ウインドウが開き元画像が表示されます。
もうひとつブラウザが立ち上がり上のような味気ない画面になってしまいます。
編集後の画像リンク
上の画像をクリックしてもらうと、カッコよく画像拡大の画面が表示されます。
ブラウザが立ち上がる事もありません。
こんな風に素敵な拡大表示が出来ます。
FC2での導入方法は以下に詳しく・・・
アップロードした画像を簡単にポラロイド風にできます
ブログやホームページに画像を掲載することはよくあります。
ただ漠然と画像を並べてもイマイチ見た目がよくない・・・
「ページの見た目を少しでもよくしたい！」
そんな時、アップロードした画像をポラロイド風に表示するjavascriptです。
まずはサンプルです。
編集前の画像
ポラロイド風に編集した同じ画像
加工は簡単です。
たったこれだけのことですが、ただ画像をアップするだけよりページが断然かっこよくなりますね。
それでは実装方法です。
困ったブラウザIE6で透過PNGを表示するJavaScript
IE6以下では透過PNGがキレイに表示されません。
とにかくIE6以下でもキレイに透過PNGを表示できるJavaScriptを見つけました。
今旬なプログラム言語って何？
今日とあるIT関連会社の社長とバッタリあってちょっと話をした。
その話の中で「今一番旬なプログラム言語って何？」と聞いたところ、
「色々さ。流行みたいなものもあるし、コロコロ変わる。
いちいち全部マスターしようと思ったら最近じゃ頭がついてこないよ。
まぁCからやってる連中はコツみたいなのを抑えてるから割と何でも出来るけどね。
PHP？最近じゃ古いね。もう。」
みたいな事を言っていた。
プログラム言語にも流行があるらしい。
その中で、
「JavaScript?あれは必須でしょう。できなきゃ始まらない。」
簡単と言われるJavaScriptはプログラマーにとっては必須らしい。
こりゃマスターするしかないね。
Smooth scrolle
Simple Javascript Accodions
Tooltips 吹き出し Javascript
tooltips 日本語で言うと吹き出し
リンクとかを吹き出しで説明
- Tooltip for forms Form用 tooltips
- Tooltip for forms | Demo
- Ajax tooltip
- Ajax tooltip | Demo
- Title to note
- Title to note | Demo
- Tooltip with transparent shadow Transparent shadow tooltips
- Tooltip with transparent shadow | Demo
- Balloon tooltip with shadow baloon
- Balloon tooltip | Demo
イメージエフェクト系JavaScript
画像に効果を付けるJavaScriptの紹介です。
reflex.js | Demo&Download
床に写りこんだような反射効果を付けるJavaScriptです。
ウェブ2.0っぽいデザインには欠かせない効果ですね。
最近流行ってます。
