inventのブックマーク - はてなブックマーク

ページ移動せずに内容を変更するタブを作る - [ホームページ作成] All About

タブ機能の作り方！ページ移動せずに内容を切り替えるタブ機能の作り方を解説。ページを移動することなくボックス内の表示内容を切り替える方法です。HTMLとCSSでタブを作り、JavaScriptを使って表示タブを切り替えます。タブ表示部分がクリックされれば一瞬でページ内容が変化するタブ機能は、狭い領域にたくさんの情報を掲載したい場合に便利です。タブを押すと一瞬で表示内容が切り替わる機能の作り方ウェブページを移動することなく指定範囲の表示内容を切り替えられるタブ機能は、狭い領域にたくさんの情報を掲載したい場合に便利です。ジャンル別に記事を掲載するニュースサイトや、地域別にお知らせを掲載する情報サイトなど、多数のウェブページで見かけます。このようなタブ機能は、ほんの少しのHTML＋CSS＋JavaScriptソースを記述するだけで簡単に作れます。そこで今回は、ウェブページ上にタブ機能を作る方

invent 2008/08/03

リンク

川越のショッピングセンター街道を行く！ (全文) [散歩] All About

invent 2008/06/27

town
walk

リンク

NYに移動式デザートショップが登場！ [ニューヨーク] All About

invent 2008/06/27

food
sweets

リンク

jQueryのセレクタ基本 [Javascript] All About

jQueryのセレクタ基本今回から、jQueryのAPI自体の使い方についても目配りしていきます。今回はまず、jQueryセレクタの基本的なものから順番に試してみます。最近は、jQueryのすぐに使えるプラグインを紹介してきましたが、今回から、jQueryのAPI自体の使い方についても目配りしていきます。 jQueryの肝のひとつは、CSSふうのセレクタを使用して、極めて簡単にDOM要素を検索できる機能です。今回はまず、そのjQueryセレクタの基本的なものから順番に試していきたいと思います。 jQuery jquey.jsのダウンロード jQuery ドキュメント API/1.2/Selectors jQueryのダウンロードと設置セレクタについてこれまで、たとえば、次のような書式でjQueryを使ってきました。 $('#test0').jQchart(setting); $(

invent 2008/04/23

リンク

1回クリックすると無効になるボタンを作る - ［ホームページ作成］All About

invent 2008/04/22

1回クリックすると無効になるボタン

form
button

リンク

jQuery ギャラリープラグインGalleria - ［JavaScript］All About

jQuery ギャラリープラグインGalleria 1: Galleria 2: サンプル写真などをスライドショーなどのように展示するライブラリは、Lightboxをはじめいくつかありますが、今回は、jQuery プラグインからGalleriaを紹介します。手軽にイメージギャラリーを作成することのできる美しいプラグインです。 jQuery jquey.jsのダウンロード Galleria デモ1 デモ2 Galleria ダウンロード jQueryのダウンロードと設置 Galleria Galleriaを使うためには、上記のGalleria ダウンロードのサイトでサイトでgalleria-1.0b.zipなどの最新版の圧縮ファイルを入手します。解凍すると、(galleria-1.0b.zipの場合は)demoとtrunkの二つのフォルダがあり、d

invent 2008/03/27

リンク

フラッシュ待ち受けで電池残量をお知らせ！ - ［Flash］All About

3.　レイヤーとタイムラインを確認します。レイヤーは上から「action」、「eye」、「nose」、「bg」とあります。タイムラインの10フレームからは普通の顔(電池残量に余裕があり充電してない場合)、20フレームからは眠っている顔(充電中の場合)、30フレームからはびっくり顔(電池残量が残り少ない場合)のイラストが配置されています。 4.　「action」レイヤーの1フレーム目を右クリックし「アクション」を選択してください。ここにActionScriptを記述していきます。 NowCharge = fscommand2("GetPowerSource"); これは充電中かどうかを取得しています。「fscommand2("GetPowerSource")」を実行すると、充電中の場合は「1」、充電していない場合は「0」が出力されます。出力結果を左辺の「NowCharge」という変数に代

invent 2008/03/02

リンク

jQuery Draggablesで簡単ドラッグドロップ - ［JavaScript］All About

jQuery UI Draggablesで簡単ドラッグドロップ 1: Draggables 2: サンプル前回は、プラグインから紹介しましたが今回は、再度、jQuery UIの中から紹介します。Draggablesです。極めて手軽にDOM要素をドラッグ可能にしてくれるプラグインです。 jQuery Download jquey.js(-min.js) UI/Draggables Draggables デモダウンロード jquery.ui-1.0.zip （101 KB） jQueryのダウンロードと設置 Draggablesを使うためには、jquery.jsの他にjquery.dimensions.js、ui.mouse.js、ui.draggable.js、ui.draggable.ext.jsの合計5つのファイルが必要です。まず、そこから見てみます

invent 2008/01/18

リンク

就職活動の成功率を上げる戦略 [大学生の就職活動] All About

「試験勉強で忙しい」なんて言い訳はできない。単位も取りつつ、就職活動もバッチリ準備しよう。この時期の努力が、就職活動の成否を決めると言っても過言ではない。先日、教育・学習の最先端の話題に触れることのできる公開研究会「Learning bar@Todai」（主催：NPO法人 Educe Techno logies）に参加した。そこで、日本ベーリンガーインゲルハイム株式会社の能力開発部・統括部長の早川勝夫さんから、面白いヒントを頂いた。日本ベーリンガーインゲルハイムは製薬企業であり、早川さんはそのMRの育成を担当している。MR一人当たりの売上を上げるために、向上させる3つの要素を以下とした。ターゲティング（顧客の質と実行）タイムマネジメント（出会う医者の数）宣伝の質（提案営業のディティール）式にするとこうなる。各々の育成内容の詳細は割愛するが、この3つの向上させる要素は、MRに限ら

invent 2008/01/15

就活

リンク

ドラッグ＆ドロップで遊べる福笑いを作る [Flash] All About

ドラッグ＆ドロップで遊べる福笑いを作るActionScriptでドラッグ＆ドロップを行い、お正月の遊び、福笑いを作成します。今回のActionScriptはたった6行だけ！簡単に遊べるゲームを皆さんのホームページにいかがですか？

invent 2007/12/31

flash
web

リンク

Flashでプルダウンナビゲーションを作成 - ［Flash］All About

年末年始は社会人の皆さんもまとまった休みが取れるかと思います。ご自身ホームページやブログをバージョンアップするチャンスではないでしょうか？ホームページなどで良く見かける、プルダウンナビゲーションをFlashで作成します。JavaScriptなどで作成することに比べてデザインやアニメーションを派手に演出でき、それほど手間ではありません。Flashガイドサイトで習得した技術を総動員して作成していきましょう。

invent 2007/12/30

リンク

jQueryプラグインGradientでグラデーション - ［JavaScript］All About

invent 2007/12/30

リンク

他サイトでの入力履歴を出せる入力欄を作る - ［ホームページ作成］All About

invent 2007/12/11

リンク

ゲームサイトで効果的なアフィリエイト1 - ［アフィリエイト］All About

invent 2007/12/01

リンク

スクラッチパッドでデータを保存する - ［Javaプログラミング］All About

invent 2007/12/01

リンク

ズバリ紹介！評価が高いノートの書き方 - ［高校受験］All About

invent 2007/11/30

リンク

[就職・転職] All About｜就職転職のノウハウ

invent 2007/11/17

web2.0
web

リンク

エントリーシートＮＧワードとは？ - ［コンサルティング業界で働く］All About

前回に引き続き、エントリーシートのお話です。 09年度の新卒採用も始まっています。エントリーシート提出が迫っているかたも多いのではないでしょうか。今回は、エントリーシートＮＧ集ということで、「まず駄目だなぁ」と感こういうエントリーシートについて、いくつか事例を挙げたいとおもいます。中途の方であれば、エントリーシートを「志望動機書」などと言い換えてみてください。ほぼ同じです。いやーな感じをうける言葉はこれまず、書かれている言葉だけで「これは駄目だ・・」と感じるというものがあります。エントリーシートとしてはかなり重症で、まず落ちるといってもいいものです。それは、「とってつけた言葉がちりばめられている」というもの。たとえば、極端な例ですが・・・「グローバルで経営の最先端をいく御社にて経営のスペシャリストとして企業を良くしていきたい」「ブルーオーシャン戦略などの戦略手法で企業の

invent 2007/11/17

リンク