新着情報（「短い一覧」）を <iframe>（インラインフレーム、アイフレーム）でホームページに組み込んだ場合、<iframe> の高さが足りずにスクロールバーが表示されてしまう場合があります。 この <iframe> の高さをコンテンツの量に合わせて自動変更し、スクロールバーが出ないようにする方法を紹介します。「scrolling="no"」でスクロールバーが出ないようにしてるため内容表示の方が欠けてしまう場合の調整にも使えます。
iframe のスクロールバーを出さない方法（高さを自動変更） | すぐ使えるサポート情報
新着情報（「短い一覧」）を <iframe>（インラインフレーム、アイフレーム）でホームページに組み込んだ場合、<iframe> の高さが足りずにスクロールバーが表示されてしまう場合があります。 この <iframe> の高さをコンテンツの量に合わせて自動変更し、スクロールバーが出ないようにする方法を紹介します。「scrolling="no"」でスクロールバーが出ないようにしてるため内容表示の方が欠けてしまう場合の調整にも使えます。
Filterable
Options ignoreColumns Column indexes to not make filterable Type: Array Default: [] onlyColumns Column indexes to make filterable, all other columns are left non-filterable. This takes presidence over ignoreColumns when both are provided. Type: Array Default: null - all columns ignoreCase If case should be ignored Type: Boolean Default: true isMatch Define your own function to determine if a cell
[JS]派手な演出は無し！レスポンシブ対応のレイアウトを素早く構築するスクリプト -jquery.columns
サイズを変更するとアニメーションでパネルが移動するなどの派手な演出は一切無しで、レスポンシブ対応のレイアウトを素早く提供するjQueryのプラグインを紹介します。 jquery.columns -GitHub jquery.columnsのデモ jquery.columnsの使い方 jquery.columnsのデモ 対応ブラウザは、IE9/10, Firefox, Chrome, Safari, Operaです。 まずは、デスクトップサイズとして幅1,200pxでの表示から。 デモページ：幅480pxで表示 jquery.columnsの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.
サムネイル自動生成ツール｜使えるオンラインツール｜Web関連特集｜PHP & JavaScript Room
サムネイル自動生成ツール ページ埋め込みタイプ unknown Webサイトのサムネイル画像を自動生成するオンラインツール。 URLを指定するだけで、サムネイル画像にサイトへのリンクが貼られたHTMLタグが自動生成されます。 生成されたタグをページに貼るだけで、サイトのサムネイルが表示されます。 キャッシュされていない場合は、Now Printingというデフォルト画像が表示されますが、一度リンクをクリックしキャッシュさせれば表示されるようになります。 thumbalizr 指定したURLのサムネイル画像を作成するオンラインツールです。 サムネイルの出力サイズは、150／320／640／800／1024／1280と幅広く用意されています。 それ以外のサイズにしたい場合は、ピクセル指定で任意のサイズを指定できます。 サムネイル画像は、JPG形式でダウンロードできます。
チェックボックスやinput要素などのフォーム周りのユーザビリティを少しだけ向上できる地味に便利なjQueryコードいくつか
フォームで利用するjQueryのスニペット コードをいくつか。どれも既出だと思う のでおさらいという事で。とはいえ、所詮 はスニペットですので実際に導入する際 は動作をしっかりと検証する事を強く 推奨します。 フォーム周りのjQueryスニペットです。自分用のメモも兼ねて。 フォーム関係は色々面倒なので参考にならない事もあるかと思います。「ふーん」程度にご覧頂くと丁度いいと思います。 Placeholder属性を、非対応ブラウザでは表示/非表示に 便利なHTML5のPlaceholder属性をオールドブラウザでは表示/非表示として対応します。 if(!$.support.placeholder) { var active = document.activeElement; $(':text').focus(function () { if ($(this).attr('placeholde
マイクロソフト、無償のWeb開発環境「WebMatrix」を公開。HTML/CSS/JavaScriptエディタ機能、PHP対応、FTP機能など手軽で便利な統合ツール
マイクロソフトは先週、無償のWeb開発環境「WebMatrix」の提供を開始しました。WebMatrixには以下のコンポーネントが含まれており、Windowsで簡単にWebサイトの構築を行うことができます。 Web開発ツール HTML/CSS/JavaScript/PHPなどに対応したテキストエディタを含む開発ツール。FTPによりファイルをホストへボタン1つで転送できる HTTPサーバ IIS Express 7.5により、Webブラウザですぐにブレビューできる。しかも（追加インストールにより）PHPにも対応する。当然ASP.NETにも対応 データベースサーバ SQL Server Compact Edition 4により、データベースを利用するWebアプリケーションもローカルで開発可能。MySQLも追加インストール可能 調べた限りではIIS ExpressはWebMatrixの画面から簡
Javascriptで扱えるカッコイイグラフのまとめ - Qiita
結論:Highchart ccchart(canvasChart)と悩みましたが、Highchartを選んだ理由は、下記の通りです。 1.円グラフや棒グラフを組み合わせた複合的なグラフのサンプルを載せている 2.複合グラフのアニメーションがかっこいい 商用ライセンスなので、無料にこだわる方は、ccchart(canvasChart)がおすすめです。 Highchart 表現力、完成度の点でいちばんだと思います。商用なのでお金さえあればこれがイチオシ。 ccchart(canvasChart) 私のイチオシは canvasChart です ライセンスは PUBLIC DOMAIN! raphael.js qiitaのプロフィールの円グラフで使われているjQueryプラグイン 美しめなグラフを作成することができる。 raphael.jsのプラグインのelycharts.js http://el
EExt Japan - Sencha Touch登場 - モバイル用HTML5フレームワーク
Ext CoreはダイナミックなWebサイト構築に最適な軽量かつ高機能なクロスブラウザー対応のJavaScriptライブラリです。その特徴は： ファイルサイズがコンパクトな約25kb (ext-core.jsをgzip圧縮した場合) 柔軟かつ利用しやすいオープンソースライセンスのMITライセンス Ext開発メンバーにより執筆された体系的かつ網羅的な75ページのマニュアル これまでのExt JSを同じ使い慣れた直感的なAPI Ext JS 2.2 Ext JSはリッチインターネットアプリケーション開発のためのクロスブラウザ対応JavaScriptライブラリです。 高性能でカスタマイズ可能なユーザーインターフェイス 優れた設計、文書が豊富、拡張性の高いコンポーネントモデル 商用ランセンスとオープンソースライセンスが利用できます Ext JS 3.0とExt GWT 2.0が
Millstream CMS - Isometric
Seriously easy content management Designed and built from the ground up to provide our clients the best CMS possible. Millstream CMS has been in continuous development since 2004. Simple to use Millstream CMS is customised to your exact requirements to make adding new content a painless and fast process. We automate many tasks making complicated content entry a breeze. Fully Supported Isometric ma
HTMLタグ インラインフレームの細かい設定
■frameborder="0か1"scrolling="yes、no、autoのいずれか" marginheight="インラインフレームの枠と内容の上下の間隔" marginwidth="インラインフレームの枠と内容の左右の間隔" <iframe>タグにいろいろな属性を指定することで、インラインフレームの表示を細かく設定できます。まずは、frameborder属性ですが、この属性の値に「 0 」を指定するとフレームの枠を消すことが出来ます。 次に、scrolling属性ですが、インラインフレームのスクロールバーの表示について指定できます。 値に「 yes 」にすれば、内容が収まっているいないに関係なく常にスクロールバーが表示されます。「 no 」にすれば、スクロールバーは表示されません。 「 auto 」にすれば、内容がインラインフレーム内に収まらない場合は、スクロールバーが表示され、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ajaxzip3 - Google Code
LightBoxの使い方とカスタマイズ方法 | CSS Lecture
Welcome to Tablecloth テーブルのマウスオーバーを色変更
http://www.designwalker.com/2009/01/table.html