ドットインストール代表のライフハックブログ
![IDEA * IDEA](https://cdn-ak-scissors.b.st-hatena.com/image/square/b44e450e24e25b80f687353a30ff6579b8b1ed17/height=288;version=1;width=512/http%3A%2F%2Fwww.ideaxidea.com%2Fwp-content%2Fuploads%2F2010%2F02%2Fmap.gif)
おすすめのオンライン英会話を徹底比較 ピッタリのオンライン英会話を見つけよう スキマ時間に外出先でも英語学習ができる人気のオンライン英会話 おすすめのオンライン英会話を特徴やメリットで徹底比較 料金や無料体験、学習スタイルが分かる 目的別オンライン英会話おすすめ 幼児・子供向けにおすすめの14社 TOEIC対策におすすめの7社 英検対策におすすめの4社 日常会話の習得におすすめの8社 カランメソッドが受講できるおすすめ4社 日常会話の習得におすすめのオンライン英会話 オンライン英会話は、スキマ時間を活かして、自宅や外出先でも気軽に英語に触れることができる点が最大の特徴です。 英語の習得には、たくさんの方法がありますが毎日少しづつでも英語に触れることが近道です。日常生活で利用できるレベルの英語の学習におすすめのオンライン英会話です。 子供の英会話上達の近道 DMM英会話 2回の無料体験レッス
クールで使える機能をjQueryで実装したい。 そんなときに参考になるのが、『The 20 Most Practical and Creative Uses of jQuery』。実用的でクリエイティブなjQueryの使用例20選だ。 以下にいくつかご紹介。 ↑のキャプチャはFamSpamsのFaceBox。 James Padolseyのカラースイッチャー Dragon InteractivesのjQueryナビゲーション CarrotCreative-Customのlightbox Incredibleのログインフォーム その他のリストは以下から。 » The 20 Most Practical and Creative Uses of jQuery 実用的でクリエイティブなjQueryの使用例、チェックして参考にしてみてはいかがだろうか。 週初めですねー。がんばりましょう。
WebTeckerのエントリーから、JavaScript, Flash, Silverlight, PHPなどを使用して、グラフやチャートなどにデータをビジュアル化するスクリプトの紹介です。
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Kwicks スムーズに伸び縮み。 Horizontal Accordion 水平方向のアコーディオン。 Accordion Con
【こんなJavascriptを探しています】 指定した文字数を越えると「...」というように省略できるjavascriptをさがしています。 たとえば、 <p class="shoryaku"> 本文 </p> このように記述すれば、本文が省略されるようにです。 できれば、なるべくシンプルなやつをお願いします。
twitter facebook hatena google pocket 米大統領選でクリントン氏と壮絶な攻防を繰り広げるオバマ氏のサイトでも使用されるなど、巷で大人気のjQuery。 今回はjQueryの関連サイトを紹介します。 追記: 2008/2/8 2サイト 2008/5/29 2サイト 2008/6/25 1サイト 2008/7/9 5サイト(jQuery UI系・Cheet Sheetを集めました) sponsors Reference ・jQuery リファレンス:v1.0.x、1.2.x ・jQuery 1.2 ドキュメント日本語訳 ・jQuery 開発者向けメモ:v1.1.x ・jQuery日本語リファレンス:v1.2.6 HowTo / Review ・jquery.jsを読み解く(追記:2008/2/8) ・jQueryの魔法 ・ニュータイプなJSライブラリjQue
■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri
Script.aculo.us Select Box This javascript class allows you to add nice styled select boxes in a HTML page. JavaScript&CSSで独自デザインのselectボックスを作成。 チェックボックスとかラジオボタンの独自デザイン仕様にする方法はいろいろあったものの、selectボックスの独自デザイン仕様にする方法はそういえば無かったですね。 prototype.js ベースで script.aculo.us を使い、次のイメージのようなselectボックスを作るライブラリが公開されています。 選択項目の内容はAjaxで取得できるようです。 レスポンスが遅い点と挙動が通常のselect ボックスと違う点で操作に違和感がありますが、多少の修正で通常のselectボックスと同様に出来そうな
Lightbox.jsや、Livedoor Readerのフィード追加画面のような、背景全体をグレーアウト表示させるためのライブラリです。(gray+layerで、glayer.js) Lightbox JS livedoor Reader - RSSリーダー 下記のような機能を持っています。 背景全体を覆うレイヤの表示/非表示が簡単に出来ます。(レイヤを透過表示することにより、グレーアウトを実現) レイヤ自体は、透過PNGを使う方法と、opacityを使う方法の二種類をglayer.cssにスタイルとして定義しています。 フェードイン、フェードアウトしながらのレイヤ表示/非表示も行えます。(この場合は、opacityによるレイヤを透過表示) なお、Ver 2.0 にて、prototype.js、script.aculo.usを使用せずに、glayer.jsのみでフェードイン、フェードアウ
■Ajax : 勉強用サンプル&解説 Ajax (Asynchronous JavaScript+XML) がどのようなものか勉強用としてページやサンプルを作成しましたので参考にしてみてください。 最終更新日:2017/12/16 AM 9:27 Ajaxを勉強しよう jQuery入門 【短期集中連載】この冬作ろう!jQueryプラグイン講座 上のjQueryプラグイン講座の続き 【第13回を追加】 Yahoo UI Library入門 WebDesigning掲載サンプル マイコミジャーナル記事 (Ajax関連) Ajax エフェクト Ajax関連書籍一覧 Ajax ライブラリ一覧 Webサービス APIサイト一覧 Ajax ライブラリリファレンス Prototype系ライブラリ サンプルプログラム 逆引きAdobe Spryリファレンス Google Maps API リファレンス G
CSSとJavaScriptでアニメーションがカッコいいメニューを実装「FreeStyle Menus」 2006年10月04日- FreeStyle Menus Demonstration This script is a highly flexible means of converting HTML content into powerful popup menus, using either nested lists or DIV tags for menu data, and following best practice guidelines for powerful and accessible menus. CSSとJavaScriptでアニメーションがカッコいいメニューを実装「FreeStyle Menus」。 ブラウザ上で動くWindowsのメニュー風のUIは結構見かけ
CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』 2006年10月01日- Transcorners ? Cornerus Pride is there *scared* Well, Nifty technogy is used. There are small stripes appending inside of an element which create an illusion of transcorn. CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』。 mootoolsをフレームワークとして使用しています。 次のように、左下の大きな角丸や、右上の一部切り取ったような角も簡単に実現できます。 大きな角丸を作るには、radiusというプロパティを大きく指定することで実現できます。 この
Timeout your Mouseovers This is a fun effect I built for Chowhound that does one better for mouseovers. The problem with most menu systems is that they're really touchy whether you're too fast or slow with the mouse. マウスオーバーするとポップアップするようなエフェクトはよく見かけますが、マウスアウトしたときにすぐ消えるのではなく、しばらくしてから消したいような場合に使えるサンプル。 prototype.js, scriptaculous(effect.js) を使って実装しているようです。 通常はマウスアウトするとすぐに消えますが、余裕を持たせて閉じるというのも触った感触とし
「curvyCorners」はフリーのJavaScriptで、角が丸いコーナーをDIV要素で簡単に作ることが可能。特徴は画像を使ったのと同じくらい角がなめらかに丸くなる点と、いたって利用が簡単な点。 どれぐらい丸くなるのかという実例とコードのダウンロード、設置方法は以下を参照。 例その1、3ピクセルの白いボーダーを使い、角は半径20ピクセルで丸くなってます 例その2、固定幅と高さで画像を固定し、角は半径20ピクセルで丸くしている例 ダウンロードはこちらから 使い方は以下を参照 http://www.curvycorners.net/ ほとんどのメジャーなブラウザをサポートしているので汎用性も高く、使い勝手もいい感じです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く