タグ「外部ファイル」

タグ外部ファイル

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 109件)

IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法:phpspot開発日誌

2006/11/23 740 users iframe phpspot開発日誌 published

Insert HTML page into another HTML page | published @ aplus moments IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法。 Objectタグで外部ファイルを読み込む方法があるんですね。 <html> <head> <title>test</title> </head> <body> <!--[if IE]>... 続きを読む

RAMディスク不要！FirefoxのキャッシュをRAMに置いて高速化する方法！ | フリーソフト,Windows PC活用情報局

2011/07/04 695 users RAM Firefox RAMディスクキャッシュ方法

Firefoxに限った事ではありませんが、一般的なウェブブラウザはウェブページにアクセスするたびに、次回以降の表示速度を高速化するため、また相手側のサーバー負荷を軽減するために、そのページ内で表示される画像や外部ファイルなどをPCのローカルストレージに”キャッシュ”として保存する仕組みになっています。つまり、ウェブページを開くたびにハードディスクから”キャッシュ”として保存されているデータを読み... 続きを読む

たった一行でさまざまな要素をレスポンシブ対応にするスタイルシート -Fluidity | コリス

2014/03/25 676 users コリス SVG 一行レスポンシブ対応 iframe

画像やテーブル、地図などを配置するiframe, video, canvas, svgなど、主にボックス系のHTML要素をシンプルなコードでレスポンシブ対応にするスタイルシートを紹介します。外部ファイルとして使用するのでそれでも一行ですが、中身も一行（115文字）の超軽量スタイルシートです。 Fluidity Fluidity -GitHub Fluidityのデモ Fluidityの使い方 F... 続きを読む

[JS]便利なのが登場！実装はかなり簡単なのに、さまざまなチャートやグラフを実装できるスクリプト -ApexCharts | コリス

2018/08/01 672 users アニメーション単体レスポンシブ対応 div要素一つコリス

チャートやグラフを実装するのは面倒、と思われがちですが、そんな人にはこのスクリプトをお勧めします。 div要素一つと外部ファイルを一つ、あとはグラフのデータを設定するだけで、さまざまなチャートやグラフが簡単に実装できてしまう単体のJavaScriptライブラリを紹介します。レスポンシブ対応で、アニメーションに... 続きを読む

[JS]かなりかっこいいデザインのローディング用アニメーションを生成するスクリプト -Sonic | コリス

2011/08/28 482 users コリス矩形 script SONIC circle

HTML5 Canvasを使って、ローディング用のアニメーションを作成する超軽量（約3K）のスクリプトを紹介します。デモページ Sonicの実装 Square（矩形）とCircle（円形）を例に実装方法を紹介します。外部ファイル当スクリプトを外部ファイルとして指定します。 <script src="sonic.js"></script> JavaScript: Square（矩形）あとは、... 続きを読む

[CSS]classを加えるだけで多彩なアニメーションが簡単に使用できるスタイルシート -Animate.css | コリス

2011/10/16 460 users コリス class CSS stylesheet フェードイン

フェードイン、フェードアウト、バウンド、シェイク、回転などのアニメーションを簡単に使用できるクロスブラウザ対応のスタイルシートを紹介します。 ※JavaScriptは一切使用していません。 Animate.cssの使い方「animate.css」を外部ファイルとして指定し、アニメーションを加えたいエレメントにclassを付与するだけです。外部ファイル <link rel="stylesheet... 続きを読む

[JS]シンプルで超軽量なのがいい！レスポンシブ対応のカード型レイアウトを簡単に実装できるスクリプト -minigrid | コリス

2015/08/03 338 users jQuery コリス Body Step スクリプト

レスポンシブ対応のカード型レイアウトを簡単に実装できる、jQueryなどの他スクリプトに依存しないシンプルで超軽量（2KB）のスクリプトを紹介します。デモのアニメーション minigridの使い方 Step 1: 外部ファイル当スクリプトを外部ファイルとして記述します。 <body> ... コンテンツ ... <script src="http://henriquea.github.io/m... 続きを読む

[JS]スクロールするのが楽しくなる！多彩なパララックスのエフェクトを簡単に実装できるオープンソースのスクリプト -Jarallax | コリス

2012/10/16 326 users パララックス script src コリス jquery.js

Loodsmedia ディスプレイ内のコンテンツもパララックスします。 Jarallaxの使い方「Demo 3」を例に、実装方法を簡単に紹介します。外部ファイル「jquery.js」と当スクリプトをhead内に外部スクリプトとして記述します。 <script type="text/javascript" src="jquery.js"></script> <script type="text... 続きを読む

[CSS]楽しい動きが満載！ボタンや画像用の40種類以上のホバーエフェクトがまとめられたスタイルシート -Hover.css | コリス

2014/01/06 318 users コリス Sass ホバーエフェクト Step class

ボタンやロゴや画像にclassを加えるだけで簡単に利用できるホバーエフェクトがまとめられたスタイルシート（SASSも有り）を紹介します。 40種類以上のCSS3アニメーションは、見てるだけでも楽しいです。 Hover.css Hover.css -GitHub Hover.cssの使い方 Hover.cssのデモ Hover.cssの使い方使い方は非常に簡単です。 Step 1: 外部ファイル ... 続きを読む

[JS]多彩なアニメーションが実装できる2.3KBの超軽量スクリプト -jsMorph | コリス

2011/10/27 285 users コリス script text type script src

jsMorphの実装外部ファイル当スクリプトを外部ファイルとして指定します。 <script src="js/jsMorph_min.js" type="text/javascript"></script> JavaScript jsMorphの基本書式です。 var myMorph = jsMorph( Object obj, // HTML element, Array of elemen... 続きを読む

[JS]超軽量、設置も簡単、オプションも豊富なスライドショーのスクリプト -Orbit | コリス

2011/08/10 272 users Orbit jQuery コリス jquery.js text

実装も簡単で、オプションも豊富に揃った、使い勝手のよい画像スライドショー用のjQueryのプラグインを紹介します。約4KBと超軽量なのもいいですね。右上のオートプレイは状況も表示します。 Orbitの実装外部ファイル「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src="js/jquery.min.js" type="text/javascript"... 続きを読む

[JS]シンプルからかっこいいエフェクト付きまで、ページネーションなら何でも任せろのスクリプト -jPages | コリス

2012/04/12 270 users コリス stylesheet Libs スクリプト Ajax

Table テーブルのコンテンツをページネーションにすることもできます。 jPagesの使い方外部ファイルスタイルシートとスクリプトを外部ファイルとして記述します。 <link rel="stylesheet" href="css/jPages.css"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.... 続きを読む

[JS]数行のコードで、動画をウェブページの背景いっぱいに配置するスクリプト -BigVideo.js | コリス

2012/08/20 220 users コリス jQuery ウェブページスクリプトデモ

デモページデモは左のメニューから、動画を変更して再生できます。 BigVideo.jsの使い方外部ファイル BigVideo.jsはjQuery, jQuery UIと、動画再生に「video.js」を利用しています。これら全てを外部ファイルとして記述します。  <script src="//ajax.googleapis.com/a... 続きを読む

[JS]ちょっとかっこいい円グラフをウェブページに簡単に設置できるスクリプト -EASY PIE CHART | コリス

2012/07/10 215 users コリス jQuery jquery.js text Step

シンプルなHTMLで、さまざまなデザインの円グラフが簡単に作成できるjQueryのプラグインを紹介します。 EASY PIE CHART EASY PIE CHARTの使い方実装は、3ステップです。 Step 1: 外部ファイル「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。外部ファイルはhead内に記述してください。 <script type="text... 続きを読む

これならすごく簡単！ページを高速に表示させるLazy Loadを実装できる超軽量ライブラリ -Lazyestload.js | コリス

2018/10/22 205 users コリス cla Lazy Load img要素テクニック

最近はLazy Loadを採用しているサイトが増えていますね。 Lazy Loadとは、画像やiframeコンテンツなどが見えていない状態（ビューポート外）はロードさせずに、見えはじめた状態（ビューポート内）の時だけロードさせるようにして、ページの表示を速くするテクニックです。そんなLazy Loadを外部ファイルとimg要素にcla... 続きを読む

[JS]簡単に設置ができるmp3プレイヤーのスクリプト -jPlayer | コリス

2009/05/07 198 users jPlayer コリス Flash インターフェイス CSS

jPlayer demo インターフェイスはHTMLとCSSで作成されており、mp3のサウンド箇所のみflashが使用されています。 jPlayerの設置方法はスクリプトを外部ファイルとして指定し、インターフェイスの設定などをスクリプト内に記述します。あとは、mp3プレイヤーを配置する箇所に記述するだけです。オプションも豊富で、設置方法の詳細は下記ページを参照ください。 jPlayer Dev... 続きを読む

[JS]あらゆる要素をガタガタ、ぷるぷる、ちりちりと振るわせるスクリプト -jRumble | コリス

2011/04/06 195 users jQuery jRumble コリス jquery.js 実装

テキストリンクやナビゲーションなど、ページ上のあらゆる要素を振るわせるjQueryのプラグインを紹介します。jRumbleの実装jRumbleの実装は簡単です。 div要素でもリンクでも、あらゆるDOM要素をガタガタさせることができます。JavaScript「jquery.js」と「jrumble.1.0.js」を外部ファイルとして指定します。続きを読む

[JS]イベントを時間軸で表すタイムスケジュールシートをシンプルなコードで作成できるスクリプト -Timesheet.js | コリス

2014/09/08 188 users コリス jQuery 横軸 head Step

スケジュールの横軸と各アイテムを定義するだけでタイムスケジュールシートを簡単に作成できるスクリプトを紹介します。 jQueryやAngular.JSなど他のスクリプトは不要です。 Ilya Grigorik Timesheet.jsの使い方 Step 1: 外部ファイル当スクリプトを外部ファイルとして記述します。 <head> ... <script src="/javascripts/time... 続きを読む

[JS]レスポンシブ対応、指定したエリア内だけで高さが異なるパネルを同じ高さに揃えるスクリプト -Right Height | コリス

2015/09/10 179 users コリス script Body Step スクリプト

1-3、4-6でエリアを指定、1-3と4-6が同じ高さに Right Heightの使い方 Step 1: スクリプトの準備当スクリプトを外部ファイルとして記述し、初期化しておきます。スクリプトは、これで完了。 <body> ... コンテンツ ... <script src="js/right-height.js"></script> <script> rightHeight.init();... 続きを読む

Bootstrapにフォームのバリデーションや通知パネルなど、便利な機能を簡単に追加できるスクリプト -Smoke | コリス

2015/06/01 168 users jQuery Smoke コリス Bootstrap コード

Bootstrapで作成したページに、外部ファイルと数行のコードを加えるだけで、さまざまな便利な機能を追加できるjQueryのプラグインを紹介します。 Bootstrapの対応バージョンは、3.xです。 Smoke Smoke -GitHub Smokeの使い方 Smokeのデモ Smokeの使い方 Smokeの使い方は、簡単です。 Bootstarpでつくったページに、外部スクリプト・スタイルシ... 続きを読む

[JS]ぷるぷるっとかわいいアニメーションでレイアウトを変更するレスポンシブ用のスクリプト -DyLay | コリス

2013/04/14 168 users jQuery easing コリス jquery.js ソート

ダイナミックなかわいいアニメーションでパネルのレイアウトを変更する、レスポンシブ用のレイアウトを生成するjQueryのプラグインを紹介します。 DyLay! V2 DyLay -GitHub DyLayのデモ DyLayの使い方 DyLayのデモデモはフィルタとソートでレイアウトを変更します。デモページ DyLayの使い方 Step 1: 外部ファイル「jquery.js」と「easing.... 続きを読む

[JS]地味なフォームを簡単にかわいらしいデザインにする -Ideal Forms | コリス

2011/09/20 158 users コリス CSS スクリプト実装軽量

スタイル：Comix Ideal Formsの主な特徴フォームに美しい外観を与える軽量（14Kb）のスクリプト。カスタマイズも簡単で、非常に使いやすいです。画像は必要なく、スタイルシートでデザインを適用しています。 Ideal Formsの実装ファイルのアップロード以下の2つをフォルダごとアップロードします。 css/idealForms js/idealForms.js 外部ファイル ... 続きを読む

[JS]ちょっとしたアイデアの積み重ねが素晴らしい！画像を拡大表示するシンプルなスクリプト -Zoom.js | コリス

2015/05/13 156 users コリス ESC boot Bootstrap スクリプト

デモのアニメーションGIF ここでは「Esc」キーを拡大画像から元画像に戻す際に使用していますが、スクロールしてコンテンツに戻る時のアニメーションも非常に軽快です。 Zoom.jsの使い方 Step 1: 外部ファイル当スクリプトとスタイルシート、jquery.jsを外部ファイルとして記述します。アニメーションのエフェクトはBootstrapのtransition.jsに依存しており、Boot... 続きを読む

[JS]使い勝手のよい、パネルをスクロールに追従させるスクリプト -Sticky Sidebar | コリス

2012/04/17 149 users コリス Remove スクロールスクリプト追従

Demo 2 赤枠のナビゲーションは左のカラム内の移動、黒枠のパネルは黒枠内のみ、右のバスケットはページ内全てです。また、中央のテキスト「Remove」をクリックすると、一時的にそのパネルだけ追従をやめます。 Sticky Sidebarの使い方オーソドックスなデモを例に実装方法を紹介します。外部ファイルスクリプトを外部ファイルとして記述します。 <script src="jquery.m... 続きを読む

[JS]IE6/7/8でアクセスしたユーザーに新しいブラウザのインストールを促すスクリプト -IE Alert js | コリス

2012/06/17 148 users jquery.js コリス Opera Step Safari

IE Alert jsのデモ IE Alert jsの使い方 IE Alert jsのデモデモはIE6/7/8でご覧ください。 IE9、Firefox, Chrome, Safari, Operaでは、下記のように通常通りに表示されるだけです。 IE Alert jsの使い方使い方は簡単で、2ステップです。 Step 1: 外部ファイル「jquery.js」と当スクリプト・スタイルシートを外... 続きを読む

(1 - 25 / 109件)

次の25件 »