スライドショーを表示する

Windows 便利な使い方

WindowsXPでマイピクチャなどのフォルダだと、画像ファイルを入れるとスライドショーにしてくれる機能がありますが、ほかのフォルダだと、デフォルトだとその機能がありません。

スライドショーなどを表示してくれるソフトで表示する方法もありますが、次の方法で簡単に表示できます。

  1. 上部の「ツール」→「このフォルダのカスタマイズ」をクリック
  2. 「カスタマイズ」タブで「画像(多くのファイルに最適)」を選択し、右下の「適用」をクリックします。

スライスで出力される画像のファイル形式を指定する

Photoshop

スライスで画像を区切り、分割した画像たちをそれぞれどの形式(GIF,JPA,PNG)で保存するか、という指定方法です。

Photoshop6.0

  1. ImageReadyを立ち上げます。
  2. スライスを選択ツールで、画像を選択します。
  3. 「最適化」ウィンドウで、画像種類を選択します。

スマートフォンサイト ロード後に横に動く

Android

スマートフォンサイト ロード後に横に動く

スマートフォンサイトを作るときに

 <meta name="viewport" content="width=device-width, 
 initial-scale=1.0, user-scalable=yes,">

などを入れておくとスマートフォンサイトが簡単に作れます。
上記の指定だと、それぞれのデバイスの幅が100%になります。

しかし、ページがロードされた後に少し動くような場合、大体デバイスの幅以上の幅の要素がページ内にある可能性が高いです。
ちなみに、私の場合、Facebookのアイコンに横幅の指定があり、それが大きかったようです。

スマホサイト 「div」で「border-collapse」を有効にする

HTML スマホサイト 「div」で「border-collapse」を有効にする

スマホ対応する際、表のレイアウトを記載するのに、table要素で組んでしまうとレシポンシブデザイン(cssによって表示の仕方を変える方法)でスマホ対応するとき、面倒ではありませんか?
ただ、divで構成して、「border-collapse」を指定しても、線が重複してくれず、2重になってしまう。。。

&color(red){table要素の時みたいに、border-collapseを摘要させて簡単に作りたい!!};

というアナタ!!
自分がサンプルとして作ってみたのでよかったら使ってみて下さい。
コツは、div要素をcssでtableのように設定することです。

 <div class="table">
      <div class="tr">
           <div class="td">test</div>
           <div class="td">test2</div>
      </div>
      <div class="tr">
           <div class="td">test3</div>
           <div class="td">test4</div>
      </div>
 </div>
 css部分
 .table{
       display:table;
       border-collapse:collapse;
 }
 .table .tr{
       display:table-row;
 }
 .table .tr .td{
       border:1px solid #2F4F4F;
       display:table-cell;
 }
 

これで大丈夫です!!

ストーリーボードのUIViewがヘッダファイルに紐付けられない…!!(;A;)

ストーリーボードのUIViewがヘッダファイルに紐付けられない…!!(;A;)な時

なんでか分からんけどヘッダファイルの方にcontrol + ドラッグで紐付けようとしてるのにうんともすんともしてくれない時がありますね?!

そんな時はヘッダファイルの中でごちゃごちゃしてみてください。
「ほげほげ」と文章を書いたり、無駄に改行しまくったり。

そうするとあら?!紐付けられるようになってる?!

どうやら何もヘッダファイルを触ってないと紐付けられないようです。

なんなんじゃこれは..

追記:2015/08/25
紐付けられないとき、
対象のUIViewの親UIViewのCustom ClassのClassと、ヘッダーのクラス名がちゃんと同じになってるかよく確認してください!!
紐付けられないとき、大体これが原因だと思います..

by 芦野輝明
twitter→https://twitter.com/teriyakiegg

iPhone