タグ

2013年6月26日のブックマーク (3件)

  • Webサイト制作でつまずきがちな解像度に関わるあれこれ │ Design Spice

    アプローチ方法は違うものの、このdipと先程のデバイスピクセル比はほぼ同じ目的を持った機能です。 参考:Androidレイアウトの単位 – dpについて掘り下げる – アンテナ立てて viewport 仮想的なウインドウサイズです。 viewportがないと仮定した場合、デバイス幅320pxのiPhoneでインターネットにアクセスした時のウインドウサイズは320ピクセルとなり、通常のサイトを閲覧するには不便です。 そこで仮想的に大きいウインドウサイズとすることで、通常のサイトでもひと目で情報が見え、閲覧性や操作性を高まります。 viewportのデフォルト値は980ピクセルです。 (※iPhoneは980ピクセルで間違いないのですが全てのスマホで980ピクセルでしょうか? 情報が見つからなかったので知ってる方は教えてください) また、viewportの数値はサイト側で指定できます。 スマホ

    Webサイト制作でつまずきがちな解像度に関わるあれこれ │ Design Spice
  • 「WinSCP」の便利なTips | Synclogue公認ブログ

    「Synclogue」対応アプリの便利な使い方をご紹介。今回はファイル転送クライアントの「WinSCP」を取り上げます!2013/06/26 これ知ってた?「Synclogue」対応アプリの便利な使い方 「WinSCP」篇 「WinSCP」とは? チェコ出身のMartin Prikryl氏によって開発された、Windows向けのFTP/SFTP/FTPS/SCPクライアントアプリケーションの「WinSCP」は、以前このコーナーでも紹介した「PuTTY」の機能を利用して、ファイル暗号化プロトコル「SSH」を実装。コンピュータ間で安全にファイル転送を行うことができるアプリケーションとして世界的に人気があります。2010年、Webサイトを改ざんするマルウェア「Gumblar」の流行以来、セキュリティ性の高い「WinSCP」の名声は大いに高まりました。 「WinSCP」公式サイト http:/

  • CSS3で実現するアローアイコン

    CSS3で実現するアローアイコン スマートフォンなどでリンク領域を示すことなどで使われることが多いアローアイコン。これをCSS3を使って表現する方法を紹介します。 ちなみにアローアイコンとはこんなかんじのリストの右にある矢印。(アローアイコンの正式名称とかあるのかしら) まず、HTMLは次のようにします。今回は便宜的にアローアイコンを付けるa要素にclass属性「arrow」を付加しています。 <ul> <li><a href="#" class="arrow">link</a></li> <li><a href="#" class="arrow">link</a></li> <li><a href="#" class="arrow">link</a></li> <li><a href="#">link</a></li> <ul> .arrowには以下のようなCSSを指定します。 li a

    CSS3で実現するアローアイコン