2017年6月6日火曜日

AngularJSで多言語化するときのためのメモ

備忘録

素敵なリンクを見つけたので張っておく。


近々実装してみようと思う。

2017年3月14日火曜日

Bootstrapのmedia objectがレスポンシブにならない件



<div class="media">
  <a class="pull-left" href="#">
    <img class="media-object" src="..." alt="...">
  </a>
  <div class="media-body">
    <h4 class="media-heading">Media heading</h4>
    ...
  </div>
</div>

画面を小さくしていくと、media-body部分が消えてしまう。ので、解決方法をぐぐってみた。

他者の質問記事すばらしい回答が貼り付けてあったので、やってみる。(←英語です)

【追記】
上の記事そのままではうまくいかなかったので、ハイブリッドな感じにしてみた。

【問題のコード】
         <div class="col-sm-12 col-md-12">
                <div class="media services-wrap wow fadeInDown">
                    <div class="pull-left">
                        <div >
                            <iframe width="853" height="480" src="https://www.youtube.com/embed/****" frameborder="0" allowfullscreen></iframe>
                        </div>
                    </div>
                    <div class="media-body">
                        <h3 class="media-heading">タイトル</h3>
                        <p>文章 </p>
                    </div>
                </div>           
            </div>


【うまくいったコード】
            <div class="col-sm-12 col-md-12">
                <div class="media services-wrap wow fadeInDown">
                    <div class="col-sm-12 col-md-9">
                        <div class="youtube">
                            <iframe width="853" height="480" src="https://www.youtube.com/embed/****" frameborder="0" allowfullscreen></iframe>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-3">
                        <h3 class="media-heading">タイトル</h3>
                        <p>文章</p>
                    </div>
                </div>           
            </div>

CSS側:
.youtube iframe{
 width:100%;
}







2017年2月21日火曜日

Owl Carousel

前に作ったWPに組み込まれてて便利だなーと思ってたツール。

検索して見たら、これだった。



便利なのでメモ。

どう便利かというと、

1)エリア内でカルーセル可能
2)カラムの大きさも自由自在
3)何個でもアイテム追加可能

リンクに行けば、デモあり。

2016年5月26日木曜日

RailsでBULK INSERT

まだちょっと早いけれども、リンクをなくさないために張っておく。

http://blog.all-in.xyz/2015/11/09/how-to-bulk-insert-and-update/

ついでに、なんかいいshopping cart作るキットがPHPではなくて、Railsでないかと探していたら、、、見つかった。

https://spreecommerce.com/

っと、こいつに行きついたけど、こちら、開発終わってるらしいので、、、後継のsolidusというのがあるらしく、

http://qiita.com/yuskamiya/items/32f383cb8d18ceb751d7#%E3%83%93%E3%83%A5%E3%83%BC%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%AB%E3%82%88%E3%82%8B%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA

ここにインストールの仕方などが書いてあった。また後日見ようと思う。

ちなみに、progateの中級は終わった。上級が終わったら、チュートリアルに戻って、ちょいとBULK INSERTを練習してみようと思う。

2016年5月20日金曜日

今日もチュートリアルやってたんだけど

ちょっとしんどいので浮気して、progateやってみることに。

簡単なので、敷居が低い!

これやってからチュートリアルにもどろかな。

http://prog-8.com/