Three.js part 1 – make a star-field
Tutorial Time required : 30 minutes Pre-requisites : Basic JavaScript and HTML. Some Canvas experience useful. What is covered : The basics of three.js and using the Particle object. Now updated for three.js revision 48 Remember FastKat? Wanna know how you’d make it yourself? Well it’s quite easy to create a similar effect with three.js and particles. And as particles are the simplest 3D objects y
Online138: Slot Online138 Gacor Hari ini, Link Alternatif Gacor Hari ini
ONLINE138 : Mencari Keuntungan Terbesar Dari Main Slot Online Dengan Modal Receh Tidak terasa perkembangan teknologi telah membawa kita ke masa dimana game slot online sangat diminati karena terbukti menghasilkan keuntungan dengan cara yang menyenangkan. Apalagi jika anda bermain bersama situs slot online terpercaya seperti ONLINE138. Kehadiran situs slot online terpercaya ini jadi solusi bagi par
たった6行でWebサイトのUIをガラッと変える
「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、
[JS]ちょっとかっこいい円グラフをウェブページに簡単に設置できるスクリプト -EASY PIE CHART
シンプルなHTMLで、さまざまなデザインの円グラフが簡単に作成できるjQueryのプラグインを紹介します。 EASY PIE CHART [ad#ad-2] EASY PIE CHARTの使い方 実装は、3ステップです。 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 外部ファイルはhead内に記述してください。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="/path/to/jquery.easy-pie-chart.js"></script> <link rel="styl
jsライブラリiscrollの利用について - OKWAVE
floatがうまくいきません。 以下のスタイルシートに設定したのですが、 #content の幅をぴったしの値 width: 640px; にするとレイアウトが崩れてしまいます。 どこが間違っているのでしょうか。 また、参考になるページがあれば教えてください。 <body> <div id="wrapper"> <div id="header"> </div> <div id="pagebody"> <div id="navigation"> </div> <div id="content"> </div> </div> <div id="footer"> </div> </div> </body> body { margin: 0; padding: 0; } #wrapper { width: 760px; border-style: solid; border-color: red;
[.com/.net] ドメインオークション | ドメイン取るならお名前.com
ドメインオークションとは？ ドメイン名の取得権利をオークション形式で ご購入いただくサービスです。 対象TLD.com.net.org.biz.info.mobi オークション対象はすべて中古ドメイン 中古ドメインで集客効率アップ 中古ドメインは過去に運用されていたWebサイトの「検索エンジン評価」「被リンク」「残存トラフィック」などを引き継いでいます。そのため、すでに中古ドメインが持っているパワーを活用することによって、集客効率の引き上げが期待できます。 SEO対策 高ドメインオーソリティの中古ドメインは、被リンクSEO対策用のサテライトサイト・ECサイト・ブログなどに活用されています。 アフィリエイトサイト 中古ドメインは、高収益アフィリエイターのアフィリエイトサイト構築によく活用されています。 新規サービス・商品サイト 新規で取得できなかったサービス名・商品名にピッタリのドメイン名も
![[.com/.net] ドメインオークション | ドメイン取るならお名前.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/5a3027b8376f75e4b93fe81568fc242d36165a91/height=288;version=1;width=512/https%3A%2F%2Fwww.onamae.com%2Fbackorder%2Fimages%2Fogimage.jpg)
親ウインドウのページ移動と同時に子ウインドウを閉じる：himeflute@blog：So-net blog
フルート、web、PC、アロマ、手作り、空間・・・興味のあることい～っぱい！！ シングルマザーhimefluteはステキな生活を目指します☆ 今日、とあるwebサイトのHTMLとCSSとjavascriptをいじっていたら 今まで知らなかったワザが使えるようになりました。 私はjavascriptがまだよくわかってませんので、初歩的なワザかも知れませんが。。 内容はですね、説明がうまくできずややこしいんですが、 １) 親ウインドウからリンク先を子ウインドウで開く ２) 開いた子ウインドウで指定したページを親ウインドウで開かせる ３) １)で開いた子ウインドウを閉じる １) HTML内に＜a href="javascript:void(0)" onclick="window.open('new.html', 'newwindow','width=400','scrollbars=yes')"
SWFAddressとgoogle Analytics - eternity design BLOG
今回のリニューアルで利用したので、SWFAddressのことをちょいと。 SWFAddress 2.0は、google Analyticsでの解析に対応していてページ別のアクセス数など、問題なく解析結果を閲覧できます。 現在、google Analyticsでは2種類のトラッキングコードが利用でき、古いほうである「urchin.js」を利用する場合は特に何もしなくてもSWFAdddressのほうでデフォルトで設定されているのOKなのですが、新しいほうである「ga.js」の場合、ちょいとJavaScriptの記述を追加する必要があります。 それがこれ。 SWFAddress.setTracker('pageTracker._trackPageview'); swfaddress.jsを読み込んだ直後にでも記述してやればよいと思います。
簡単ブログパーツ配布JS suzunariを使ってみよう | _level0 - KAYAC Front Engineer Blog
最近受け持っている案件で使用しているsuzunari.jsというフレームワークをご紹介します。これはFlashで作られたブログパーツを配布するための最も簡単で、かつ高機能なJSフレームワークです。 最小限の手順まずは本体であるsuzunari.jsをダウンロードしましょう。こちらからダウンロードできます。 次にブログパーツとして表示するswfファイルを作成しましょう。作成したファイルはmain.swfというファイル名を付けてください。 そしたら、以上の2ファイルを配布用のサーバへアップロードしてください。suzunari.jsとmain.swfは同じディレクトリへ置いてください。 これだけです！簡単！貼付けタグは以下のようになります。 <script type="text/javascript" src="http://[ファイルをアップロードした場所]/suzunari.js"></sc
Flash表示領域をリサイズする - octech
HTML内でのswfの表示領域サイズをswfをリロードしないで変更（トリミング）する方法を模索していて、ようやく見つけて理解できたのでここにメモしておきます。 swfの表示コード(HTMLコード)を縦横共に100%にし、'scale'パラメータを'noscale'にします。 swfの表示サイズはそれを囲むdivのサイズで決めます。 javascriptで動かすサイズはdivのサイズ（CSSを使うと便利）。 swf内部からはExternalInterfaceでjavascriptを操作する。 以上の4点を理解できたら全く問題なく操作できます。 テスト実装してみたものを下記リンクにあげておきます。 demo - Resize SWF 右側に表示されている男の子をクリックすると、サイズを変更します。 具体的なコード swfの表示部分をくくるdivタグは以下のように定義しています。 <div id
iepngfixを使った際のメモ。*WEBデザインとか
iepngfixを使った際のメモ。 iepngfix.zipをダウンロードして、解凍したフォルダをアップ。 その後、cssとiepngfix.htcの記述を以下のように変更して完了です。 ■cssに以下を記述 img, div { behavior: url(/js/iepngfix_v2/iepngfix.htc) } ※ファイル迄のパスは、環境に合わせて変えて記述。 自分の場合は、大体javascript関連は/js内に入れてしまうので、上記のような感じ。 ■iepngfix.htc（16行目あたり） IEPNGFix.blankImg = '/js/iepngfix_v2/blank.gif';
シマシマの見やすいテーブルを作成するMooToolsプラグイン「ZebraTable」:phpspot開発日誌
MooTools Zebra Table Plugin Example シマシマの見やすいテーブルを作成するMooToolsプラグイン「ZebraTable」。 次のようなシマシマにして見やすいテーブルをjavascriptで自動で作成できるMootoolsプラグインのご紹介。 カーソル位置をクリックで色を変更、マウスオーバーでも色変更機能が付いてます。 サーバサイドでやると結構面倒でコードも見にくくなるので、JavaScript で自動でやっちゃうのがスマートですね。 jQuery を使ったものも日本製であるみたいです。 テーブルをゼブラ（ストライプ）模様にできるzebraTable.jsを公開しました
BearFactory | インターネットエクスプローラー 8 推進スクリプト配布ページ
UPIE8Kuma.js とは 特徴 UPIE8Kuma.js を設置したページを「インターネットエクスプローラー 6」で閲覧した場合、ウインド左下にクマの顔が表示されます。 表示されたクマをクリックすることで「インターネットエクスプローラー 6」から「インターネットエクスプローラー 8」へアップデートを推進する吹き出しが表示され、 吹き出しの中のボタンをクリックすることで アップデートについて詳しく説明したページ へ遷移します。 ※ このライブラリは Internet Explorer 6 ユーザーを対象に作成しているため Internet Explorer 6 以外では動きませんが、 このページではご覧の通り Internet Explorer 6 以外（Internet Explorer 7 、Internet Explorer 8）でも試験的に動くようにしてあります。 使用方法 配
yuga.js :: Kyosuke.jp
yuga.jsって？ ウェブサイトを作る上で面倒な部分を自動で実装したり、ちょっとした機能を簡単に追加したりするJavaScriptです。jQueryを使って作られています。Web制作を優雅にするために作られました。 設置方法 まず、ファイル一式をダウンロードし、読み込みたいサイトの任意のフォルダに配置します。 yuga.jsを使いたいHTMLファイルのhead要素でjavascriptを読み込みます。 <link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/thickbox.js"></s
prototype.jsを用いたフォントサイズ変更スクリプト
Posted by: Hirotaka Ogawa @ January 11, 2007 02:57 PM | Movable Typeを触っている時間がとれないのですが、新年に入ってからちょっとばかしテンプレートとスタイルシートを変更して、ほぼ一カラム、ほぼfont-size: 100%で表示されるようにしました。要はレイアウトとか考えるのを最小限に留めようと思ったわけです。不得手なデザインをこれ以上考える必要がないという私個人の精神衛生上の利点に加え、読者の目にも優しくなりました。 結論: でかフォントは人を健康にします。 それだけだとなんなので、prototype.js (Prototype JavaScript Framework: Class-style OO, Ajax, and more)を使ってフォントサイズ変更スクリプト(クッキー保存機能付き)を実現してみました。これまで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SexyLightBox - www.coders.me
http://665-667.com/2010/10/05/023540
Flash - FitFlash - pyro | blog
フッターを固定にしたサンプル | CSS Lecture
http://blog.webneta.net/archives/2007/04/10/