タグ

ブックマーク / qiita.com/GENYA (7)

  • レスポンシブHTMLをJS使って楽にコーディングしたかった。 - Qiita

    やりたかったこと HTMLの文章構造を残しつつ 画像を多用するレスポンシブで 記述をなるべく少なく.data()を使ってうまいことできないか画策してた。 普段指定しているimgタグの属性って width, height, alt(, class, id)くらいだから 生成されるようにしてみた。 <!-- ターゲットのHTML --> <a class="img-text" data-file="ファイルパス" data-class="hoge-class">ここがaltになるよ</a> <h1 class="img-text" data-file="ファイルパス">ここがaltになるよ</h1> <!-- 生成するHTML --> <a class="img-text" data-file="ファイルパス" data-class="hoge-class"> <img src="ファイルパス

    レスポンシブHTMLをJS使って楽にコーディングしたかった。 - Qiita
    kasumani
    kasumani 2014/09/04
    レスポンシブHTMLをJS使って楽にコーディングしたかった。 Tags: ifttt, kasumaniのストックした投稿 - qiita from Pocket September 04, 2014 at 07:49PM via IFTTT
  • JSでランダムにRGBを取得する。 - Qiita

    var color = '#' + ("00000"+Math.floor(Math.random() * 0x1000000).toString(16)).substr(-6); Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

    JSでランダムにRGBを取得する。 - Qiita
    kasumani
    kasumani 2014/03/03
    JSでランダムにRGBを取得する。 0 ストック 0 コメント この投稿をストックする var color = '#' + Math.floor(Math.random() * 0xFFFFFF). Tags: ifttt, kasumaniのストックした投稿 - qiita from Pocket March 03, 2014 at 04:05PM via IFTTT
  • TextExpander JS(jQuery)の時短 - Qiita

    %filltext:name=オブジェクト名%.init = function () { %filltext:name=オブジェクト名%.setParam(); %filltext:name=オブジェクト名%.setDom(); %filltext:name=オブジェクト名%.setEvent(); }; %filltext:name=オブジェクト名%.setEvent = function () { }; %filltext:name=オブジェクト名%.setDom = function () { }; %filltext:name=オブジェクト名%.setParam = function () { };

    TextExpander JS(jQuery)の時短 - Qiita
    kasumani
    kasumani 2014/02/19
    TextExpander JS(jQuery)の時短 0 ストック 0 コメント この投稿をストックする ID指定 これが一番良く使うかも ショートカット → jid jQuery $(document. Tags: feedly, ifttt, recently read, saved for later from Pocket February 19, 2014 at 09:51PM via IFTTT
  • videoタグのIE対応もできて自鯖だけで色々完結出来た話。 - Qiita

    自鯖にファイルを全部置くことを前提とした動画の埋め込みがどこまで対応できるのか調べてみた。 MediaElement.js http://mediaelementjs.com/ MITライセンス! MITライセンス!! 動画エンコードは3種類用意する必要がありますが、 結構いろんな端末からで再生を確認できてます。 必要ファイル mp4,f4v,webm videoタグことはじめ サーバ側のContent-typeがtext/planeで送られることがあるので、 以下の設定をしておく。 レスポンスが以下になってればOK 検証端末 下記で再生を確認できてます。 14.02.10 現在 // ------ Win IE7+ Chrome 最新 Firefox 最新 // ------ Mac Safari 最新 Chrome 最新 Firefox 最新 // ------ スマホ iPhone

    videoタグのIE対応もできて自鯖だけで色々完結出来た話。 - Qiita
    kasumani
    kasumani 2014/02/11
    videoタグのIE対応もできて自鯖だけで色々完結出来た話。 動画エンコードは3種類用意する必要がありますが、 結構いろんな端末からで再生を確認できてます。 サーバ側のContent-typeがtext/planeで送られることがあるので、 以
  • コマンド3つでテスト用の画像を99枚保存する - Qiita

    TextExpander curl rename ファイルが沢山できるので現在時刻のフォルダを作っておく 現在時刻のフォルダの作成 → 中に入る

    コマンド3つでテスト用の画像を99枚保存する - Qiita
    kasumani
    kasumani 2014/02/08
    コマンド2つでテスト用の画像を99枚保存する あとリネーム自動化できたら完璧かも renameコマンドあとで調べて追記します。 Tags: feedly, ifttt, recently read, saved for later from Pocket February 08, 2014 at 02:21PM via IFTTT
  • TextExpanderでFlash埋め込み一発コマンド(SWFObjectCDN付) - Qiita

    いつも背景色の指定の仕方を忘れるので、 ショートカットで対応。 ※ Flashのバージョンは10.0.0以上、SWFObjectは2.2を読み込んでいます。 TextExpanderCmd -> ;htflash <script src="//cdnjs.cloudflare.com/ajax/libs/swfobject/2.2/swfobject.js" type="text/javascript" charset="UTF-8"></script> <script type="text/javascript" charset="UTF-8"> <!-- Cls.setFlash = function () { var swfPath = '%filltext:name=SWFパス%', flashvars = {}, params = {bgcolor: "#%filltext:na

    TextExpanderでFlash埋め込み一発コマンド(SWFObjectCDN付) - Qiita
    kasumani
    kasumani 2014/01/28
    TextExpanderでFlash埋め込み一発コマンド(SWFObjectCDN付) いつも背景色の指定の仕方を忘れるので、 ショートカットで対応。 Tags: feedly, ifttt, recently read, saved for later from Pocket January 28, 2014 at 09:52AM via IFTTT
  • ExcelをPHPで読み込んで1行目を連想配列のキーにするクラス書いたよ。 - Qiita

    自前テンプレートでメタタグ自動出し分けして、 ウマウマすれば良いじゃない。 以前書いたPHPExcelファイルを読み込んで配列にするまでのサムシングをもっと使いやすくするために、 excelでメタタグ、タイトル周りをSCRIPT_NAMEから現在のページデータを取得するクラスを書いてみました。 使用イメージ 1行目をキーに配列を作成していく。 アクセスしたページによってメタタグのデータを以下のように出し分けるイメージ。 準備するもの ・ excelファイル ・ PHPExcelライブラリ ( http://phpexcel.codeplex.com/releases/view/107442 ) ・ php環境 ソース <?php // Excelシート番号 define('XLS_META', 0); // 今回使うシート define('XLS_SNS', 1); define('XL

    ExcelをPHPで読み込んで1行目を連想配列のキーにするクラス書いたよ。 - Qiita
    kasumani
    kasumani 2014/01/16
    ExcelをPHPで読み込んで1行目を連想配列のキーにするクラス書いたよ。 Tags: ifttt, kasumaniのストックした投稿 - qiita from Pocket January 16, 2014 at 05:29AM via IFTTT
  • 1