テーブルアート（HTMLタグ）のページ
本サイト以下のコンテンツでは一切画像を使用いたしておりません。 テーブルアートのページ ここはテーブルタグだけで画像のまねごとをしてしまおうという、 意味ありそうで実はあんまり無いコーナーです。見えるのは作者の根性くらい！？ ■ 著者の作品 （魂が揺さぶられた時に更新されます） イントロダクション（テーブルタグだけで作った、普通の作品） テーブルタグてきとう講座（TR,TDの使い方について） テーブルアート作品例（１）（マリオブラザーズ・・・一枚絵な作品１号） テーブルアート作品例（２）（イギリス国旗・・・斜め線なんて書くもんじゃないです） テーブルアート作品例（３）（マリオブラザーズ[２]・・・一枚絵としては一番凝ってる！？） テーブルアートアニメーションVer.1（GIFアニメに対抗か？ - DHTML使用/IE版） テーブルアートアニメーションVer.2（静止画
HTML/CSS/PHP/Javascript 便利なチートシート集 - ホームページ作成支援
HTMLやCSS、PHP、Javascript、SEOなどよく使うものを全部覚えておくのはたいへんでしょうし、使うときインターネットで一々を調べるのも手間をかかります。本文は、これらの技術をA4紙一枚で印刷して手元において置く便利なチートシートを紹介します。 HTML/XHTML/XMLチートシート ◇ HTMLチートシート ◇ HTML Character Entitiesチートシート ◇ HTML チートシート （デモあり） ◇ HTML: 特殊文字 ◇ HTML character sets - Microsoft Developers ◇ HTML Accent Entity Codes ◇ Special ASCII HTML Character Codes ◇ XHTML Specifications ◇ XHTML Character Entity Refrence ◇
テーブルタグ作成ツール［Web便利ツール］ - TAG index
<table border> <tr> <td>1-1</td> <td>1-2</td> <td>1-3</td> </tr> <tr> <td>2-1</td> <td>2-2</td> <td>2-3</td> </tr> </table> 各設定項目で表の設定を行ってください。設定内容の詳細はテーブルタグカテゴリーでご覧になれます。（このツールでは、セルを個別に指定したりセル同士を結合させることはできません） 列数は1～20、行数は1～100の範囲で指定できます。数値を大きくすると処理に時間がかかる場合があります。 背景色について 表全体の背景色 … 枠線を含めた背景色 セル全体の背景色 … 枠線を含めない背景色 見出しの背景色 … 見出しの列（行）部分のみの背景色 コピーしたものを設定項目に貼り付けた場合、そのままではサンプルの表示に反映されません。その場合は更新するボタンを押し
Windowを広げると逆にカラムを縮めるプラグイン jDTreverseLiquid :: 5509
リキッドレイアウトってありますよね？Windowサイズにあわせてカラムが広がるレイアウトですね。でも、Windowサイズにあわせて広がるとか、普通すぎませんか？ 普通じゃ嫌・みんなと同じは嫌なあなたのために「Windowを広げると縮む・縮めると広がるプラグイン」を作りました。 導入方法 1. jQueryとjDTreverseLiquidを読み込む 3. 実行する $()で対象にする要素を指定します。 jQuery(function($) { $('＃contents').dtReverseLiquid(); }); オプション オプションを使えば、広がる割合の設定、コールバック関数を使うことができます。 オプション項目 内容
JavaScript によるオーディオ＆ビジュアルプログラミング - Radium Software
僕は JavaScript が好きだ。できるだけ多くのことを JavaScript で済ませてしまいたいと考えている。 以前は JavaScript では絵や音を扱うことができないという点がボトルネックになって，応用の幅を狭めていた。これが最近になると， Canvas 要素のおかげで絵を扱うことができるようになったり， Flash を代行役にすることによって音を出せるようになったりと，いろいろ状況が変わってきている。 そこで今回は，以前から機会があれば触ってみたいと思っていた Processing.js と SoundManager 2 を使って， JavaScript によるオーディオ＆ビジュアルプログラミングに挑戦してみた。 Processing.js とは Processing.js は，ビジュアルデザイン向けプログラミング言語 Processing を模して作られた JavaScr
目的を持ってAjaxを使うためにjQueryの文法を知ろう
目的を持ってAjaxを使うためにjQueryの文法を知ろう：jQueryで学ぶ簡単で効果的なAjaxの使い方（2）（1/3 ページ） いま話題の「jQuery」を使って、目的を持ったAjax開発の効率化や使いどころ・注意点などについてサンプルを見ながら解説していきます。Webデザイナ／プロデューサーも必見！ 連載第1回の「Aptanaで始めるJavaScriptライブラリ『jQuery』超入門」では、Ajaxを使うためのJavaScriptライブラリとしてjQueryの使い方を紹介しました。実際にAjaxを使ったシステムを作るときに、Ajaxを使うことが目的になってしまっている場合があります。残念ながら、このようなプロジェクトは失敗することの方が多いのが現実です。本来の目的というものは、Ajaxを使ったシステムによる業務の効率化であったり、ユーザビリティの改善によるリピータの確保であったり
任意のページ上にテレビ番組表を表示するブックマークレット(Firefox限定) - F.Ko-Jiの「一秒後は未来」
たとえばネットでテレビ番組表を見たいと思ったときに、わざわざポータルサイトのテレビ番組表を別ウインドウや別タブで開くのってめんどくさいですよね？ そこで現在のページ上にiframeで重ねて現在のテレビ番組表を表示するブックマークレットを作ってみました。Firefox限定です。IEで動かないので・・・。 任意のページ上にテレビ番組表を表示するブックマークレット(Firefox限定) (このリンクはRSSリーダーでは表示されない場合があります。) こんな風にlivedoor Readerの上にも表示できます。ちなみにテレビ番組欄まで自動スクロールはしません。URLに#mainSarchを付加するとちょこっとスクロールしてくれますが、Closeボタンが隠れたりするのでつけてません。(ちなみにmainSarchはtypoではありません。Yahoo!のhtmlソースがそうなってるだけです。) ifr
JSでアニメーションするならコレかもというぐらい多機能な「GX」ライブラリ:phpspot開発日誌
GX - Full-Featured Javascript Animations Framework JSでアニメーションするならコレかもというぐらい多機能な「GX」ライブラリ。 jQueryと組み合わせて使うアニメーションライブラリです。 jQueryやscript.aculo.usにもアニメーション機能は備わっているけど、ここまでではないというアニメーションに特化したアドオンです。 勿論、jQuery単体でも、組み合わせて実現できるのかもしれませんがアニメーションに特化している分簡単に出来ます。 以下でその凄さが分かるはず $('#el1').gx({'width': 200, 'height': 200, 'border-width': 8}, 2000, 'Linear', function(el) { el.html('Completed!'); });
Aptanaで始めるJavaScriptライブラリ「jQuery」超入門
JavaScriptライブラリ「jQuery」とは？ 最近、Flashの代わりにJavaScriptを利用してリッチなデザインのWebサイトを構築する事例が増えてきました。特にグーグルのサービスは、JavaScriptをうまく取り入れている例として誰もがご存じでしょう。 例えばGoogleマップは、Webブラウザ上でマウスをドラッグ＆ドロップするだけで、地図を自由に操作できます。このような操作感は、まるでWebサイトであることを意識させない作りになっています。 本来、JavaScript自体はインターネットが広まり始めたころから存在していて、決して目新しい技術ではないのですが、Webブラウザの種類やバージョンによって挙動が異なることから、JavaScriptを使って大掛かりな仕組みを作ることは不可能だと考えられてきました。 しかし、最近ではWebブラウザは自動的にバージョンアップされるよう
Firebugで作るGreasemonkeyスクリプト〜入門と実践(From Kanasan.JS) | Blog.37to.net
最終更新日 Wed, 29 Apr 2009 01:29:41 +0900 最後のコメント Sun, 25 Jan 2015 19:08:17 +0900 最後のトラックバック Wed, 11 Mar 2009 15:49:00 +0900 ブックマーク 遅くなりましたが、先日に開催された、Kanasan.JS Greasemonkey チュートリアル読書会のレポートです。 せっかくなので、読書会の内容を元にGreasemonkeyスクリプト作成の「入門」「実践」「Tips」の3本立てでまとめてみたいと思います。 今回の開催はKanasan.JSの主催をkanasanから引き継いで、初めての開催ということもあり、とても緊張しました。 途中までは無難に進んでいたのですが、後半は段取り不足が出てきた感じでした。参加者の方々にはご迷惑をお掛けしました。 Greasemonkey チュートリアル読
プログレスバー 無料サービス「Preloaders.net」 - GIGAZINE
AJAXなどを使ってデータをバックグラウンドで読み込んでいる間、ユーザーが待っている時間のストレスをできるだけ少なくするためにできたのがこのプリローダーというもの。Flashなどではおなじみのアレです。このプリローダーを無料かつ簡単に作成できるオンラインサービス、それが「Preloaders.net」です。形・色・サイズ・アニメーションする速度を選べば即座に完成するというお手軽さ。だからといってできあがるアニメーションはしょぼくないというのがポイントです。 実際のサンプルや作り方などは以下から。 Preloaders.net | Free AJAX animated loading gif's | 3 dimensional (3D) http://www.preloaders.net/ 種類は「3次元（3 dimensional）」「四角形（Rectangular）」「円（Circula
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
JavaScript版スーパーマリオブラザーズがすごすぎ | 教えて君.net
スーパーマリオブラザーズといえば「世界一売れたソフト」として有名な ファミコンゲーム。 任天堂の名前を世界に知らしめた名作だ。不朽の名作がJavaScriptに よって再現された。「スゴイ！」の一言に尽きるので、まずはお試しあれ。 マリオのファビコン（Favicon）もイカしてるぞ。 「Enter」キーを押すことでゲームが開始される。左右の矢印「←」「→」キーで 前進と後退ができる。「A」キーがダッシュ、「S」キーがジャンプ。くれぐれも お家に帰ってから遊ぼう。仕事中に夢中になってるのを上司に見つかってリストラ されても責任は取らないからね！ Javascript Super Mario Bros + Complete Level 1 and 2 + Map Editor By Guillermo Bruchmann
Vumoo | The best video downloader on the web
Convert YouTube to MP3 Vumoo is the fastest free tool to convert YouTube videos to MP3 online on any device - PC, Mac, iPhone or Android. Convert YouTube audio to MP3 in 128 kbps, 256 kbps, 320 kbps. Download Free YouTube to MP3 Converter Vumoo YouTube to MP3 Converter is the perfect solution for music aficionados who want to take their favorite songs with them wherever they go. With Vumoo, you ca
[JS]設置も簡単、シンプルで軽量なフラッシュのMP3プレイヤー
NiftyPlayerは、MP3ファイルの再生やロードをスクリプトでコントロールできる、シンプルで軽量(4KB)なフラッシュのMP3プレイヤーです。 NiftyPlayer フラッシュのMP3プレイヤーのインターフェイスはシンプルで、再生（プレイとポーズ）と停止ボタンでMP3ファイルをコントロールします。 パネルには再生状況が分かるシークバーとボリュームコントローラーがあり、クリックやドラッグで操作できます。 インフォメーションには、時間とステータスが表示されます。 また、プレイヤーのコントロールはスクリプトでも制御が可能で、再生（プレイとポーズ）、停止、別ファイルの読み込み、読み込みと同時に再生、ステータスの取得などが行えます。
米Yahoo!、1行追加するだけで使えるMP3プレーヤー公開
米Yahoo!は1月8日、ブログなどのWebページに組み込むことでMP3ファイルの再生が可能になるJavaScriptベースのプレーヤー「Yahoo! Media Player」を公開した。Yahoo! Developer Network公式ブログが明らかにした。 同社は2007年11月30日に、FlashベースのMP3プレーヤー「Easylistener」を公開している。こちらはWebページ上でカスタマイズしたコードをコピーして自分のブログなどにペーストすると、そのWebページにリンクされているMP3ファイルすべてを再生できるようになるというもの。 今回公開されたプレーヤーは、JavaScriptベースの、よりコンパクトなもの。HTMLコードに1行追加するだけ。Windows、Mac、Linuxの主要ブラウザで利用できる。 指定されたJavaScriptコードをWebページに埋め込み、再
JavaScriptでページスライダー用ライブラリいろいろ:phpspot開発日誌
Javascript Page Slider?Roundup - CSS-Tricks “Page Sliders” are a bit like Tabbed Boxes, only the content appears to slide by instead of be instantly replaced. JavaScriptでページスライダー用ライブラリいろいろ。 小さい範囲に複数のアイテムを格納したい場合に使えるスライダー用ライブラリがいくつか紹介されていました。 Coda Slider Step Carousel Viewer Simulates a Flash Horizontal Navigational Effect jCarousel Carousel Component - YUI カッコいいだけでなく、省スペース、ということで色々なところで活用できそうですね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TOKI WOKI. Scroll Clock
IDEA * IDEA
jsmario.com.ar