1. TOP
  2. Web

[html/js] もうjs/jQueryを使うときはデータ属性(data-*)でなんとかして

カテゴリ:
HTML / CSS
Web
javascript
| トラックバック(0)
投稿者:yo yo

みたい。いや、そうしていくべきなんじゃないの?で、IDとclassはcssでのデザイン関係のみにして切り分けるとかどうだろうか。いや解らない。けどまぁこんな感じで。


[js] このjavascriptのプロファイラがスゴイ

カテゴリ:
Web
javascript
| トラックバック(0)
投稿者:yo yo

sjsp(しんぷるじゃばすくりぷとぷろふぁいら?)がスゴイ。便利。セクシー。

シンプルでかつ最高のJavaScriptプロファイラ sjsp を作りました! ― Webアプリケーションが複雑化する中でプロファイラに求められるものとは何か - プログラムモグモグ
http://itchyny.hatenablog.com/entry/2015/07/01/120000

こんな頭の良くて実行力がある人がいるなんて恐ろしい世の中。見習わないと!

[PHP] ローカルの日本の日付/時刻を取得する

カテゴリ:
Perl / PHP
Web
| トラックバック(0)
投稿者:yo yo

PHPマニュアルではこんな感じ

    string date ( string $format [, int $timestamp = time() ] )

http://php.net/manual/ja/function.date.php

こんな感じで使う。デフォルトのタイムゾーン設定を忘れない。パラメータはPHPマニュアルを見て適当に。

    date_default_timezone_set('Asia/Tokyo');
    $date = date('c'); // PHP5以降 → 2004-02-12T15:19:21+00:00
    $DATE_NOW = date('Y年m月d日');

[PHP] Youtubeの動画IDをURLから取得する

カテゴリ:
HTML / CSS
Perl / PHP
Web
Wordpress
| トラックバック(0)
投稿者:yo yo

ユーザが貼り付けたYoutube動画URLなどからYoutubeの動画IDを入手する

間違ってたら適宜修正して

    $youtube_url = 'Youtube URL的な何か';
    if(strstr($youtube_url, 'youtube.com')){
      $youtube_id = preg_replace('/.*v=([\d\w]+).*/', '$1', $youtube_url);
    }elseif(strstr($youtube_url, 'youtu.be')){
      $youtube_id = preg_replace('/.*\.be\/([\d\w]+).*/', '$1', $youtube_url);
    }
    if(!is_null($youtube_id)){
        echo '';
    }

[js] Retina(高精細)ディスプレイ対応的な何か

カテゴリ:
Web
javascript
| トラックバック(0)
投稿者:yo yo

ピクセルレートによって切り替える

(function(){
  if(window.devicePixelRatio > 1) {
    $('img').each(function() {
      $(this).attr('src', $(this).attr('src').replace(/(.jpg|.png|.gif)/gi,'@2x$1'));
    });
  }
})();

レスポンシブ上でbody.widthの幅で出し分ける

これは色々おかしいけど、気にしない。

(function(){
  $(window).on('load resize', function(){
    if($("body").width() < 641){
      $('img').each(function(){
        $(this).attr("src", $(this).attr('src').replace('@1x','@2x'));
      });
    }else{
      $('img').each(function(){
        $(this).attr("src", $(this).attr('src').replace('@2x','@1x'));
      });
    }
  });
})();
ページの先頭に戻る