TOKI WOKI. Scroll ClockTOKI WOKI. Visual, dev, music, more.
ようこそJavaScriptの世界へ
JavaScriptで本格的なプログラミングの世界に触れてみよう。連載を通じて実用的なアプリケーションを作れるようになるはず！？（編集部） JavaScriptってよく聞くけど何だろう？ JavaScriptは、Webブラウザ上で動かすことのできる簡単なプログラム言語です。HTMLだけでは動くWebページはできませんが、JavaScriptを使うとWebページにさまざまな動きを入れることができるようになります。 プログラム言語と聞くと、なんだか難しそうに感じてしまうかもしれませんが、心配はいりません。 本講座は、HTMLは分かるけどプログラムを書いたことがないという人や、デザインは得意だけどプログラムは全然分からない！ 文科系で数学は苦手！ という人が理解できるような入門講座として、JavaScriptの基本から進めていきます。 用意するものはメモ帳などのテキストエディタとWebブラウザだ
年月日、時間、分までが一括で選べちゃう時間指定ウィジェット実装JSライブラリ:phpspot開発日誌
年月日、時間、分までが一括で選べちゃう時間指定ウィジェット実装JSライブラリ。 次のような、時間に関する指定が一括で出来ちゃうウィジェットが公開されています。 インプットボックスにカーソルを合わせるとポップアップして表示させることも可能です。 時間指定が便利になっていいかもしれませんね。 以下のエントリを参照してください。 Any+Time JavaScript Library
JavaScriptを高速化する6つのテクニック | エンタープライズ | マイコミジャーナル
Thomas Fuchs, author of the script.aculo.us user interface JavaScript library, a member of the Prototype core team and a Ruby on Rails core alumnus. Thomas Fuchs氏が6 easy things you can do to improve your JavaScript runtime performanceにおいてJavaScriptの実行パフォーマンスを改善するための6つのテクニックを紹介している。Thomas Fuchs氏はscript.aculo.usの開発者であるとともにPrototypeコアチームのメンバーも務めている。またRuby on Railsでコアチームで開発を担当していたこともある。 JavaScriptエンジン
Create YouTube-like adaptable view using CSS and jQuery : Janko Jovanovic
Besides Turn off the lights feature I explained earlier, YouTube has more great stuff. I believe that you noticed “change view” feature which allows you to switch between normal and wide mode and thus expand/shrink movie area. I like this feature because in different circumstances, I need a different view. But the thing I like the most is that, although layout changes, it is done seamingly and all
ここが大変だよJavaScriptフレームワーク入門
そもそも「フレームワーク」って何だ？ Webサイト制作に限らずソフトウェア開発の現場では、日々「フレームワーク」という単語をよく耳にします。最近では「ビジネスフレームワーク」「フレームワーク思考」など、Webサイト制作／ソフトウェア開発の枠内にだけ留まらない多様なフレームワークが存在しています。 では、この「フレームワーク」とは具体的にどのようなものを指しているのでしょうか。 「フレームワーク」の一般的な概念 フレームワークを一般的な用語で置き換えてると、「枠組み」「骨組み」となります。つまり、全体（最終的に出来上がるもの）における大枠を成しているものであるといえます。 ここでいう「大枠」とは、全体を構成する各の部品に共通して決められているルールであったり、その部品を作るための手順・作法のことを指しています。また、「何かを作る際の第一歩となる“とっかかり”を提供してくれるものである」という
Opera News
AI Opera Neon becomes available in public early access December 11th, 2025 Starting today, Opera Neon enters a public early access stage. You don't need an invite code anymore, and everyone can... AI Opera AI comes to Opera One, Opera GX, and Opera Air December 11th, 2025 Opera AI comes to Opera One, Opera GX, and Opera Air Last month we started a gradual rollout of Opera... Desktop, Mindfulness,
１つのリンクで複数サイトにリンクできる便利JavaScriptライブラリ「Pluralink」:phpspot開発日誌
１つのリンクで複数サイトにリンクできる便利JavaScriptライブラリ「Pluralink」。 例えば、<a> タグの href 属性に、サイトA||サイトB||サイトC 、title属性に、サイトAタイトル||サイトBタイトル||サイトCタイトルのように指定すると次のように、マウスオーバーで複数サイトへのリンクとして表示してくれるライブラリが公開されています。 １つのリンクから複数の選択肢を用意したい場合に使えそうですね。 具体的なコードは以下。 <a href="http://firstlink.com/||http://secondlink.org/" title="First link description||Second link description">リンク</a> HTML的にこれはどうなの？という声もありそうなのですが、なかなか便利そうなのでご紹介しました。 ダウン
Create a Simple Infinite Carousel with jQuery
Introduction Finally, I have times for this carousel script. I always think that it's hard to figure it out, but thanks to a tutorial - Making a jQuery Infinite Carousel with nice features from tutsvalley. I learnt something new from there. So, yes, I modify the code and make it into something I want, and hopefully this is what you want as well :) 1. HTML Alright, We have a main wrapper called car
テーブルの内容をリアルタイムにグラフ描画できるjQueryプラグイン「graphTable」:phpspot開発日誌
テーブルの内容をリアルタイムにグラフ描画できるjQueryプラグイン「graphTable」。 このプラグインを使えば、テーブルのデータを読み込んで、リアルタイムにグラフ化してくれます。 $('#table1').graphTable({series: 'columns'}); みたいにすることで、指定したテーブルのデータを次のように描画させることが可能です。 既存の表がある場合は、ブラウザ上でグラフ化することが出来て便利ですね。 以下のエントリを参照してください。 graphTable: graph data from HTML table using flot | jQuery Wisdom 関連エントリ jQueryで実装する進捗グラフ付き複数ファイルアップローダー JavaScript用のグラフ描画ライブラリ色々 CSSだけで円グラフを表示するサンプル
[JS]jQueryのプラグイン33+1選 -2009年10月
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
Google Wave風のクールなヒストリースライダー作成サンプル＆チュートリアル:phpspot開発日誌
Google Wave風のクールなヒストリースライダー作成サンプル＆チュートリアルです。 jQueryを使ってGoogle WaveのクールなUIを実現しています。 スライドさせる位置によって表示させるコンテンツ量をスムーズに切り替えることが出来ます。 アニメーションが滑らかな点もGood。 左にスライドでコンテンツ量を抑制。最近のエントリだけを表示、のようなことが可能です。 一昔前では考えられなかったUIですが、こうしたＵＩを使って掲示板なんかを作ったらカッコいいものが出来そうですね。 以下のエントリを参照してください。 Making a Google Wave History Slider ? Tutorialzine
縦に長〜いドロップダウンメニューを使いやすくするjQueryサンプル「Long Dropdowns」:phpspot開発日誌
縦に長〜いドロップダウンメニューを使いやすくするjQueryサンプル「Long Dropdowns」 2009年10月21日- Long Dropdowns 縦に長〜いドロップダウンメニューを使いやすくするjQueryサンプル「Long Dropdowns」 ドロップダウンメニューは限られたスペース内に沢山のナビゲーションを埋め込めるということで便利なのですが、多くなって縦に長くなってしまうと、下のほうのアイテムがクリックしづらくなります。 これを使いやすくしたのが今回のサンプル。 マウスを下に移動すると、少しのマウス移動でメニュー自体が上にニュイーンと上がってきてくれます。 結果的にカーソル移動量が少なくなって使いやすくなります。 最初は驚くかもしれませんが、なれると便利ですし、一番したまでいってもループして戻ってくるという仕様なので、見逃した、という失敗も避けられます。 これは新しい上
大量のアイテムもスッキリとリスト形式のメニューにしてしまえる「jQuery ListMenu Plugin」:phpspot開発日誌
大量のアイテムもスッキリとリスト形式のメニューにしてしまえる「jQuery ListMenu Plugin」 2009年10月22日- jQuery listmenu plugin - javascript list navigation menu control 大量のアイテムもスッキリとリスト形式のメニューにしてしまえる「jQuery ListMenu Plugin」 次のように大量のアイテムがあったとしても・・・ ↓↓↓↓↓↓↓↓↓↓↓↓↓ jQuery ListMenu Plugin があれば次のように超スッキリさせることが出来ます。 使い方はいたって簡単で、次のようにコードを書けば最低限実装できます。 $('#demo1').listmenu(); $('#demo1').listmenu( { option } ); で各種カスタマイズも可能です。 日本のサイトとしては日本語が
ウィンドウサイズを変えるとコンテンツが再配置される可変グリッドレイアウトに関する情報まとめ - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 ウィンドウサイズを変えると コンテンツ（記事等）が再配置される 可変グリッドレイアウトに関する サンプルサイトやWPテーマ、 ライブラリなどの情報のまとめです。 詳しい方には参考にならないっぽいです。 いろいろ意見は分かれそうですが、知っておいて損は無いかなぁと思いますのでメモ。 可変グリッドレイアウトサイト 可変グリッドレイアウトを使用したサイトの例。 D&DEPARTMENT PROJECT ECサイト。綺麗にまとまってます。MT使用。 D&DEPARTMENT PROJECT daily vitamins 暇つぶしが出来るサイト？どういう趣旨か分かりませんが、可変グリッド。WPです。 daily vitamins 小林聡美.jp 小林聡美さんのサイト。凄く見や
jQueryを使って簡単実装！かなりカッコいいログインフォーム作成のチュートリアル:phpspot開発日誌
Making A Cool Login System With PHP, MySQL & jQuery ? Tutorialzine jQueryを使って簡単実装！かなりカッコいいログインフォーム作成のチュートリアル。 ページのヘッダーにあるログインボタンを押すと、ニュイーンとログインフォームが降りてくるというカッコいいログインフォームの実装演習になってます。 ログインボタンを押す ヘッダーからそのままログインフォームが降りてきてそこからログイン可能です。 ソースコードのダウンロードも可能です。 関連エントリ ログインフォームのデザイン集１００種 Twitter風のドロップダウンボックスなログインフォーム作成チュートリアル 超クールなログインフォームを作成するチュートリアル
jQueryのAjax機能を使った投票システムのサンプルプログラム:phpspot開発日誌
AJAX User Poll Using jQuery and PHP jQueryのAjax機能を使った投票システムのサンプルプログラムが公開されています データはＤＢに入れる仕様で、次のような投票が実装できるようです。 シンプルなデザインなのでサイトに違和感なく組み込めるかもしれません。 ソースコードの解説記事に加え、ソースコードのアーカイブが入手できます。 改造することも出来るので参考程度に覚えておいてもよいかもしれませんね。 関連エントリ Ajax+PHP+MySQLな投票ウィジェット reddit風のGoodかBadの投票機能実装サンプル jQueryとPHPでダイナミックな投票スクリプトを作成 結果グラフがアニメーション表示のAjax投票システム
Build a Thermometer Controlled Page with jQuery « Build Internet
Hold on. Before anyone gets too excited, jQuery does not have the ability to actually monitor a room’s temperature. The thermometer we are building is a vertical slider from the jQuery UI library. As the temperature is changed on the thermometer, the page design will update accordingly. The choice to go green in today’s post wasn’t random. Actually, it’s the result of an annual one day movement in
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Lecture: min-width、min-height、max-width、max-heightをIE6でも実装する方法
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ