Archives by date

You are browsing the site archives by date.

【Javascript】星アイコンのレーティング機能を簡単に実装できるプラグイン。

面白そうなライブラリを見つけたのでメモ。

http://wbotelhos.com/raty

導入したらUIがリッチになりそう。

 

【Chrome】Chromeでスマホ向けWEBページのデバッグを行う方法。

手順メモ。

1, 「F12」を押してデバッグコンソールを開く

2, デバッグコンソール画面右上の歯車アイコンをクリック

3, 「Override」のタブを開き、「Show ‘Emulation’ view in console drawer」にチェックを入れる

4, 設定画面を閉じ、「Console」以外のタブを表示した上で、「ESC」を押す

5, 出てきたウィンドウの「Emulation」タブをクリック

6, 「Device」からデバッグを行いたい機種を選択し、「Emulate」を押す

これだけでスマホでの擬似デバッグ作業が出来るようになる。

めっちゃ便利。

 

【Javascript】1KB以下の画像遅延読み込みローダーライブラリ。

めも。

http://toddmotto.com/echo-js-simple-javascript-image-lazy-loading/

画像が画面内に表示されてから読み込みを開始出来るため、サイトのレスポンスを高める事ができる。

画像を多様するサービスならSEO的にもユーザービリティ的にも効果絶大。

 

【Javascript】ユーザー操作に合わせてヘッダーを隠すライブラリ。

めも。

http://wicky.nillia.ms/headroom.js/

iOS7のsafariのような挙動を簡単に実現出来る。

これは便利。

 

【Javascript】数字をカッコ良くカウントアップ表示してくれるライブラリ。

メモ。

http://inorganik.github.io/countUp.js/

その名の通り「countup.js」

使ってみると面白い。カッコ良くアニメーションしてくれる。

機会があれば取り入れてみよう。

 

【Javascript】faviconを自由自在に操作できるライブラリ。

見つけたのでメモ。

http://lab.ejci.net/favico.js/

新着状況などをfaviconでお知らせしたい時とかにめっちゃ便利。

 

【Excel】列、行を入れ替える方法。

めも。

1, 列、行を選択

2, 「Ctrl + x」で切り取り状態にする

3, 入れ替え変えたい列、行の上で右クリック

4, 「切り取ったセルの挿入(E)」をクリック

完了。

 

【PHP】.htaccessでshort_open_tagをオンオフする。

めも。

.htaccessファイルに下記を記述

■オフにしたい時

php_flag short_open_tag Off

■オンにしたい時

php_flag short_open_tag On