タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

HTML・CSSとSafariに関するsakimoridotnetのブックマーク (2)

  • iPhoneでスーパーリロードを可能にするショートカット | SNIPPET

    執筆時点でのiOSのバージョン(13.4.1)では、 キャッシュを無視したスーパーリロードをパソコンのように行うことはできません。 ただし、Apple標準アプリであるショートカットアプリとJavaScriptを使えば、 iPhoneでも強制的にスーパーリロードを行うことが可能です。 目次 iPhoneでスーパーリロードを行うための準備 ショートカットアプリを起動 【ショートカットを作成】をタップ 【アクションを追加】をタップ 【Web】のアイコンをタップ 【WebページでJavaScriptを実行】をタップ JavaScriptでページのリロードを実装 右上の三点リーダボタンをタップ アクションの名前、【共有シートに表示】をオンに変更、共有シートタイプを【SafariのWebページ】とする iPhoneで実際にスーパーリロードを行う 対象となるWebページをSafariで開いている状態で、

    iPhoneでスーパーリロードを可能にするショートカット | SNIPPET
  • [CSS] Safariでも使える border-imageで下線グラデーション

    border-image を使って見出しに下線グラデショーンをつけたら、 Chrome や FireFox では問題ないのに、 Safari だと左と上の線が表示されていた。 border-image の書き方を変えたら Safari でも正しく表示されるようになった。 Safari は、バージョン12.1.2。 Safari で問題のあった書き方 ググるとよく紹介されている書き方と同じ。 Safari でも、 Chrome と同じように表示させたい。 border-bottom: 1px solid; border-image: linear-gradient(to right, #666 0%, #fff 100%); border-image-slice: 1; border-image で border-image-source に画像の URL を指定しないと、初期値 none

    [CSS] Safariでも使える border-imageで下線グラデーション
  • 1