JSライブラリ
使い方 JavaScript中に「'use strict';」を追加する。厳格モードの機能 スクリプトが実行される前に、以下のケースに当てはまる場合はSyntaxErrorを返す。・8進数構文 var n = 023; ・with 文 ・delete を変数名に対して使用すること delete myVariable; ・e…
Feather Forge Icons Simple Icons Tabler Icons Unicons Icon Library
ソースコード <script> (function(){ //即時関数の中でCDN let output='<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">'; output +='<div class="w3-panel w3-blue">' + '<p>即時関数の中</p>' +'</div>' ; document.write(output); }())</script>…
DL[GitHub] https://github.com/lukehaas/Scrollify CDN <script src="https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery-scrollify@1/jquery.scrollify.min.js"></script> デモサイト https://projects.lukehaas.me/scrollify/#home https://projects.lu…
Onsen UIガイドページの中ぐらいより。 Onsen UI CDN <link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsenui.css"> <link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsen-css-components.min.css"> <script src="https://unpkg.com/onsenui/js/onsenui.min.js"></script></link></link>
https://ics.media/tutorial-three/quickstart/ <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/105/three.min.js"></script> <script> // ページの読み込みを待つ window.addEventListener('load', init); function init() { // サイズを指定 const width = 960; const height = 540; // レンダラーを作成 const renderer = new THR…
はてぶの仕様でCDNできないんで表示されてないけど、下のボタンの文字列の左端にFacebookのロゴが本来は入ってます。 FB的ボタン <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet"> <style> .btn { padding: 8px 24px; color: white; display: inline-block; opacity: 0.8; border-radius: 4px; } .btn:hover {op…</link>
// クリックすると下文を隠す 消える文字 <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script> $(function(){ $('#trigger').click(function(){ $('#hide-text').slideUp(1500); }); }); </script> <div id="trigger">クリックすると下文を隠す</div> <p id="hide-text">消える文字</p>
VScodeやれよっていうツッコミはおいておいて。 読み 語句 メールアドレス メールアドレスの一文字目 メールアドレス jQuery j $('').();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(function() { $('h1').hide(); }); </script> <h1>h1タグの内容は消える</h1>
aタグやlinkタグで見られるrel属性の意味について。 https://saruwakakun.com/html-css/basic/link-rel 使われるタイミング <link rel="stylesheet" type="text/css" href="xxx.css"> <a rel="external" href="https://www.searchdesk.com/"> rel属性の意味 ・検索エンジンにページの関係を伝える。なのでSEOに良い その他参考HP http…</a></link>
https://kumaweb-d.com/jquery/jquery-how-to-plugin/
http://un-tech.jp/tweenmax-started/
https://postd.cc/motion-design-is-the-future-of-ui/ https://zurb.com/playground/motion-ui
https://sitest.jp/blog/?p=8680 「Vanilla JSは他のJSライブラリと比べてめっちゃ早い。何でもできる」と色々な所で読んだので気になって調べてみました。 実際のVanilla JSはそれなんのJSライブラリでもないただのJavascriptじゃん、というオチでした。フ…
Jstris Switchのテトリスオンラインの要点をHTMLで再現してみたという内容。 HTMLでここまでできるのかと。 Wappalyzerでの判定では言語はPHP、JSライブラリはHammer.jsとjQueryを使っているそうで。それとこのページにPython使ってるって書いてる。Wappalyz…
http://katoshun.com/blog/rwd-20131222.html https://www.sejuku.net/blog/7411#TITAN
■CDN fancyBox公式HPのQuick startをコピペ。 ■ローカル fancyBox公式HPのトップロゴ下部の↓DOWNLOADをダウンロード。 ダウンロードしたzipファイルのdistフォルダをを目的のHPフォルダに入れる。 最新版のjQueryをダウンロードしてjsフォルダに入れる。 下…
(adsbygoogle = window.adsbygoogle || []).push({}); ■CDN 最新のCDNを見るには、 ・Bootstrap公式HPの「Download」をクリック。「BootstrapCDN」中を見る。 ・Bootstrap公式HPのリボンにある「Documentation」の先のSearchで「CDN」と検索する。 ■ローカル…
バージョンごとに仕様が変わって同様のソースでは使えなくなることがあります。ソースが古くなってたらすみません。 ここでダウンロード http://lokeshdhakar.com/projects/lightbox2/ dist中の「css」「images」「js」フォルダを使う。 下記を読み込むとLig…
私のPCの大まかな環境です。今使っているPCが壊れた時用のメモ。 開発環境 Eclipse : 大体どんな言語も対応。メモリ食うのが難点。Verは4.8が多分無難 Paiza.io : 簡単なPHPの動作確認用 JS Bin : html,CSS,JSの動作確認がリアルタイムでできる thimble : 上…