[B! iPhone] yunyunyunynのブックマーク

background:fixedでの背景固定はiOS（iPhone）でうまく動かないのでこれを使いましょう - YCOMのホームページの制作・運営に役立つブログ

ホームページのことを中心にためになるかもしれないことをいろいろと書いています。ホームページ制作のことからSEOや広告、マーケティングの話まで思いついたことを語っています。大阪のホームページ制作YCOMトップホームページ運営ブログ自宅もちょっと作業がしやすい環境になってきて、休日でもブログを書けるようになってきました。休日は仕事しないって決めてるんだけど、ちょっと空いた時間とかにこうやってブログ書けるのが良い。 iOSではbackground-attachment:fixed;が効かない！？ちょっとおしゃれなホームページを作ってくれと言われたら、簡単にできるものとして背景固定のパララックス風のページデザインがあります。こんなやつです。 Frankie's Sports Bar & Grill よくあるこんな感じの背景を固定して前面の要素だけが動くようなデザインですね。シンプ

yunyunyunyn 2019/10/01

リンク

iOS Safariでbackground-attachment:fixedが効かない不具合 | HTML・CSS・JavaScriptのテクニック集 | Webサイト制作支援 | ShanaBrian Website

iOS Safariでbackground-attachment:fixedが効かなくなる不具合があります。原因この現象はbackground-sizeプロパティを指定していることで起こります。回避方法この不具合を回避するには、次のように疑似要素を使い、その疑似要素に対して背景を指定することで回避できます。 CSS body::before { position:fixed; top:0; left:0; z-index:-1; width:100vw; height:100vh; background:url("img/sample.jpg") no-repeat; -webkit-background-size:contain; background-size:contain; content:""; }

yunyunyunyn 2018/01/22

リンク

iPhone写真のフォーマットHEICをJPEGに変換する便利ソフト | コラム | ホームページ制作大阪インフォメーションメディアデザイン株式会社

どうもです。先日iPhone6sからiPhone8 Plusへと機種変した希少な人間です。そもそもiPhoneXの発売を待つつもりもなく、iPhoneでポートレート写真を撮ることが目的の私は早々にiPhone8 Plusに乗り換え。果たしてiPhone8 Plusを持っている人って何人ぐらいいるのでしょうね。かなりレアなiPhone端末になりそうな気がします。まぁそんな話はさておいて今回はiPhone写真の新フォーマットHEICをPhotoshopで加工するためにJPEGフォーマットに変換する便利ソフトの紹介です。 HEICって？拡張子のHEICって何？それはiPhoneで新しく採用された画像データ・フォーマットの拡張子です。 iPhoneのカメラの性能が上がれば当然JPEGの容量も上がります。カメラの性能が上がる度にデータサイズはどんどん増えていきデータ転送スピードが重く

yunyunyunyn 2018/01/17

リンク

iPhoneからPCに音楽やデータを移す方法

iPhoneからPCに音楽やデータを転送する方法、ご存知ですか？ iPhoneに同期したはずのパソコンの音楽データが消えてしまったり、iPhoneで購入した曲をパソコンに転送したい、iPhone側のデータが増えすぎたので、パソコンへデータ移動してバックアップを取りたい、誰でも考えたことがある悩みだと思いますが、これからご紹介する方法であれば簡単に実装することができます。 iPhoneからPCへは原則、音楽を戻す事は出来ないので、実行されるときは自己責任となりますのでご注意下さい。文字にしてみると少し難しそうに見えるかもしれませんが、本当にポチポチとするだけで簡単に転送されてしまうので、そのiPhoneからPCへデータ移行する方法をご紹介いたします。 iPhoneからPCへデータを移す基本動作基本的にiPhoneからPCへデータを移動させると言う事は、「同期」させる事となります。これはパ

yunyunyunyn 2018/01/12

iPhone

リンク

iPhoneやiPadでスクロールバーを表示する | ネットインパクト

鼻炎に悩むYu-ichiですとにかく鼻水がとまりません。後鼻漏っぽく、喉もやられてます・・・。今回はiPhoneやiPadでスクロールバーを表示する方法です。 CSSで縦横を固定したブロックにスクロールバーを付けて中のコンテンツを表示したときに、iPhoneやiPadでみるとスクロールバーが表示されていません。表示はされていないだけで、スクロールはできます。でもバーが無いとスクロールできるって認識しづらいですよね。実際に自分も最初は気が付きませんでした。そこで、CSSを使ってスクロールバーを表示させる方法をご紹介します。 <div class="scroll-contents"> <p>この中がスクロールします</p> </div> まず適当にボックスを用意します。次にCSSを書きます。このときに「-webkit」を使います。 div.scroll-contents {