タグ「script src」 - はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。

タグ script src

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

(1 - 25 / 70件)

JavaScriptのデバッグについて | 晴笑雨笑ぶろぐ

2020/02/21 17 users デバッグ script head Test.js 晴笑雨笑ぶろ

JavaScriptをデバッグする際に、よく使う機能のみに重点を当てて説明します。その他、色々なデバッグ方法やツール・機能がありますが、当ブログは駆け出しエンジニアさん向けであるため、ご了承ください。まずはサンプル用のHTMLとJavaScriptを用意しますね。 <html> <head> <script src="./js/test.js"></script> </h... 続きを読む

md-page/README.md at master · oscarmorrison/md-page · GitHub

2018/11/12 12 users GitHub Markdown script master

markdown page Create a webpage with just markdown! Installation Create a new html page, my-page.html Add the following script tag at the very top of the page Write some markdown  <script src="https://rawcdn.githack.com/oscarmorrison/md-page/master/md-page.js"></script><noscri... 続きを読む

色を簡単にカスタマイズして使用できる無料アイコンライブラリ「vivid.js」 - GIGAZINE

2018/06/11 45 users ViVid GIGAZINE SVG ヘッダー部分アイコン

vivid.jsは SVG 形式のアイコンを簡単にカスタマイズして使用できるようにするJavaScriptのライブラリです。 SVG Icons Library - Vivid.js https://webkul.github.io/vivid/ 使用は非常に簡単で、アイコンを使いたいページのヘッダー部分に <script src="https://unpkg.com/vivid-icons@1.... 続きを読む

t.jsを使ってタイピング風のアニメーションを再現する | 東京上野のWeb制作会社LIG

2018/05/29 19 users T.js アニメーション Web制作会社LIG 東京上野

どうもですよ、はやちですよ:D 今回は、ページ上でタイピングをしているようなアニメーションが再現できるツール「 t.js 」をご紹介します。導入方法 github のほうでダウンロードしてから読み込んでください。 <script src="t.min.js"></script> 実装方法基本的な設定方法ご紹介します:D 動かしたいhtmlのマークアップに対して <div id="js-targ... 続きを読む

試しにやってみた「引っ越し一括見積もり」は、本当にお得だった - 平成生まれのフルリノベ

2016/12/09 8 users フルリノベ平成 bookmark 引っ越し一括見積もり

2016 - 12 - 09 試しにやってみた「引っ越し一括見積もり」は、本当にお得だったシェアする Bookmark! Facebook Twitter Google+ Pocket ◆引っ越し一括見積もり僕は今回、引っ越しをするときに「引っ越し一括見積もりサービス」なるものを使ってみました。 &amp;lt;script src="//ad.jp.ap.valuecommerc... 続きを読む

[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();... 続きを読む

[JS]レスポンシブ対応の使いやすいスライダーを探している人にオススメのスクリプト -wallop | コリス

2015/09/01 72 users コリススライダー stylesheet rotate

アニメーションは他にも、slide, fade, rotateなどが利用できます。 wallopの使い方 Step 1: 外部ファイル当スタイルシートとスクリプトを外部ファイルとして記述します。 <head> <link rel="stylesheet" href="path/to/wallop.css"> </head> <body> ... コンテンツ ... <script src="pa... 続きを読む

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

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

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

[JS]物理法則に基づいたさまざまなアニメーションを実装できるスクリプト -Dynamics.js | コリス

2015/06/30 90 users コリス script プルダウンエレメント Body

デモページ物理法則に基づいたさまざまな動きは、ブルーのプルダウンからいろいろ試すこともできます。 Dynamics.jsの使い方 Step 1: 外部ファイル当スクリプトを外部ファイルとして記述します。 <body> ... コンテンツ ... <script src="dynamics.js"></script> </body> Step 2: JavaScript 適用するエレメントを指定... 続きを読む

ブログのアクセス数を1.5倍に増やすカスタマイズの全手順 - Appism（アップイズム）

2015/06/13 75 users Appism charset Facebook JSAPI

2015-06-13 ブログのアクセス数を1.5倍に増やすカスタマイズの全手順はてなブログ-はてなブログカスタマイズはてなブログシェアするはてブ Facebook Google+ https://www.google.com/jsapi"></script> <script src="http://bulldra.github.io/commons.js" charset="u... 続きを読む

[JS]簡単で楽ちん！さまざまなタブコンテンツをシンプルなHTMLで実装できる軽量スクリプト -PWS Tabs | コリス

2015/01/26 64 users head コリス jquery.js Step タブ

デモページ: Tabs Position: Vertical Left タブを配置する場所もオプションで簡単に変更できます。 PWS Tabsの使い方 Step 1: 外部ファイル当スクリプト・スタイルシートとjquery.jsを外部ファイルとして記述します。 <head> ... <script src="//code.jquery.com/jquery-1.11.2.min.js"></sc... 続きを読む

[JS]フォームのさまざまなエレメントを異なるブラウザ・スクリーンで同じように美しく表示させるスクリプト -Formplate | コリス

2014/11/26 54 users Modernizr コリス head jquery.js デモ

デモ：Safari/OS Xで表示フォームの見た目はどのブラウザでも美しく表示されていました。スクリーンサイズを変更しても同様に美しく表示されます。 Formplateの使い方 Step 1: 外部ファイル当スクリプト・スタイルシートとjquery.jsとModernizrを外部ファイルとして記述します。 <head> // Required javascript <script src="j... 続きを読む

[JS]日本語もOK、行単位でスタイルを適用できるようにするスクリプト -Lining.js | コリス

2014/11/25 108 users コリス rolling スクリプスクリプト script

demo 5 一行ごとにさまざまなアニメーションで表示します。「rolling」のエフェクトかっこいいです。 Lining.jsの使い方 Step 1: 外部ファイル当スクリプトを外部ファイルとして記述します。 <head> ... <script src="build/lining.min.js"></script> </head> デモにあるエフェクトを使用する時は、エフェクト用のスクリプ... 続きを読む

注釈で記事を書いてみた＆ポップアップ機能をjQueryで作ったよ！ - 灰色の棚

2014/11/13 13 users jQuery JSAPI script text 注釈

2014-11-13 注釈で記事を書いてみた＆ポップアップ機能をjQueryで作ったよ！ブログブログ-その他スポンサードリンク *1　*2　*3 *4　*5　*6　*7　*8　*9　*10　*11 *12　*13　*14 *15 <script src="https://www.google.com/jsapi"></script> <script type="text/javascript... 続きを読む

[JS]SVGを使った滑らかで美しいアニメーションのプログレスバーを簡単に実装できるスクリプト -ProgressBar.js | コリス

2014/10/20 40 users プログレスバーコリス script SVG Body

Custom Shaped Path: 最後はパスを設定して描きます。 ProgressBar.jsの使い方 Step 1: 外部ファイル当スクリプトを外部ファイルとして記述します。 <body> ... <script src="js/progressbar.js"></script> </body> Step 2: HTML 一つ目のデモ「Line」を例に。プログレスバーを配置する要素をd... 続きを読む

bowerと仲良くなる - Qiita

2014/10/05 46 users Qiita BOWER Grunt angular 挿入

<script src="/bower_components/angular/angular.js"></script> いちいちこういうコード書いてる人、いませんよね。bowerを使えるなら自動で挿入(インジェクション)すべきです。 main-bower-filesを活用すべししばらくgruntでgrunt-wiredepを使っていたんですが、useminに脳を焼かれたためGrunt自体やめま... 続きを読む

[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... 続きを読む

YoutubeやVimeoの動画を背景に指定できるjQueryプラグイン・OKFocus video - かちびと.net

2014/07/31 55 users YouTube jQuery Vimeo script 備忘録

YoutubeやVimeoの動画を手軽に背景指定できる、というスクリプトのご紹介。jQueryに依存しています。既に同等のものが存在しますが、使いやすそうだったので備忘録。動画を手軽に背景指定出来る、というもの。 OKFocus video 動作サンプルです。背景なので重ねたレイヤーの背景を透過すればマスクっぽく出来ますね。 <script src='jquery.js'></script> ... 続きを読む

Re:jquery 1.xと2.x の違い、さらに動作を音速にするための設定 - to-R

2014/07/17 35 users 音速 to-R script 動作 jQuery 1.x

ネタ元 : jquery 1.xと2.x の違い、さらに動作を音速にするための設定ちょっとツッコミどころが多いので突っ込んでおきます。使い分ける   <script src="jquery-2.0.0.js">... 続きを読む

PolymerでUnityWebPlayerを表示するやつ作ったよ - けいごのなんとか

2014/06/27 9 users WebPlayer head Polymer title 3行

2014-06-28 PolymerでUnityWebPlayerを表示するやつ作ったよ 2行（Web Componentsをサポートしてないブラウザでは3行）でWebPlayerを埋め込めるように。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>unity-webplayer</title> <script src="//... 続きを読む

スマホ用のブラウザ判別を行うための「 jquery.browser.sp.js 」 - to-R

2014/05/19 239 users GitHub scrip to-R script スマホ用

普段スマホ用のブラウザ判別を行うために利用しているjQueyプラグインを公開したのでご紹介します・ダウンロード / GitHub 利用方法 jQuery本体を読み込んだ後にダウンロードしたjquery.browser.sp.jsを読み込みます。 <script src="jquery.js"></script> <script src="jquery.browser.sp.js"></scrip... 続きを読む

任意のテキストを手軽にオートコンプリートとして実装できるjQueryプラグイン・Completer - かちびと.net

2014/03/25 29 users オートコンプリート jQuery オートコンプリート機能

送信フォーム等で任意のテキストを手軽にオートコンプリートとして出せるようにする、というスクリプトのご紹介です。手軽さが気に入ったのでメモ。簡単にオートコンプリート機能を付与できるスクリプトです。ファイルサイズは非圧縮で10KBほど。jQueryに依存しています。 Completer 文字を入力すると、いくつかのメールアドレスが候補として表示されます。 <script src="http://co... 続きを読む

スーパーpre記法で書いたコード部分に行番号を出すようにした - htsign's blog

2014/03/10 6 users スーパーpre記法行番号ブッダ jQuery script

2014-01-16 スーパーpre記法で書いたコード部分に行番号を出すようにした JavaScript jQuery こんなコードをフッタに入れた。 <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script> jQuery(function($){ $("pre.code").each(function... 続きを読む

レスポンシブWebデザインに対応したモーダルウィンドウを実装するjQueryプラグイン・Remodal - かちびと.net

2014/03/07 96 users モーダルウインドウ jQuery RWD対応スクリプト設計

RWD対応のモーダルウィンドウを実装するスクリプト、Remodalのご紹介です。jQueryに依存しています。 RWDなWebサイトで使えるモーダルウィンドウ実装スクリプトです。 Remodal デバイスのモニタサイズに応じて適切なレイアウトを維持するモーダルウィンドウです。スマフォの場合は全画面に表示されるのでフィンガーフレンドリーを考慮した設計と言えそうです。 <script src="ht... 続きを読む

[JS]PCのキーボードを鍵盤にして、オルガンやギターの演奏が楽しめるスクリプト -Audio Synth | コリス

2013/11/18 31 users コリス script select 鍵盤オルガン

Audio Synthの使い方 Step 1: 外部ファイル当スクリプトを外部ファイルとして記述します。 <script src="audiosynth.js"></script> <script src="audiosynth.view.js"></script> Step 2: HTML キーボードを配置します。 <div class="keyboard-options"> <select ... 続きを読む

(1 - 25 / 70件)

このページのTOPへ