カテゴリー別アーカイブ: JavaScript / Ajax

Bootstrap用のシンプルなjQueryカラーピッカー

Bootstrapで使用可能なシンプルなGoogleカレンダーのようなjQueryカラーピッカー。
とても短いコードで実現できます。

jquery-simplecolorpicker
https://github.com/tkrotoff/jquery-simplecolorpicker

Bootstrapでよく使用されているカラーピッカーとカレンダー機能です。

Colorpicker and Datepicker for Twitter Bootstrap
http://www.eyecon.ro/colorpicker-and-datepicker-for-twitter-bootstrap.htm

VIEWPORT RESIZER
ブラウザでPC、ノートブックやスマートフォン、タブレットの縦横それぞれ確認できます。
とてもスマート（使いやすく優れてデザイン）なものです。
是非、ブックマークをお勧めします。

利用方法は簡単で、下記サイトを訪れてブックマークします。
この時にツールバーに入れると便利です。
http://lab.maltewassermann.com/viewport-resizer/

調べたいサイトを表示したら、ブックマークしたVIEWPORT RESIZERをクリックする。
サイトの上に黒いバー表示するのでそれぞれのアイコンをクリックしてサイズを見る。

世界中の多くのクリエーターが利用しています。

コピーライトの年数部分に下記スクリプトを入れる。
<script>var nowdate = new Date();document.write(nowdate.getFullYear());</script>

・応用1
Copyright <script>var nowdate = new Date();document.write(nowdate.getFullYear());</script> 会社名 All rights reserved.

・応用2
Copyright 1991-<script>var nowdate = new Date();document.write(nowdate.getFullYear());</script> 会社名 All rights reserved.

最新の年数が入っていると、ちゃんと管理されているサイトだなぁという印象ですよね。

■HTMLの場合

<!– コメントアウト –>
<!–
コメントを複数行
可能になります
–>

■CSSの場合

/* コメントアウト */
/*
コメントを複数行
可能になります
*/

■PHP、JavaScriptの場合

// この行だけのコメント、コメントアウト
/*
コメントを複数行
可能になります
*/

■PHP、Wordpressの場合

<?php /* ?>
コメントや使用しないコードを消す
<?php */ ?>