タグ

2017年7月8日のブックマーク (5件)

  • かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技

    2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト! 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す(文字色も変更) ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう!サンプルも作ったのでコードと

    かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技
  • iOS 11 で Safari View Controller の Cookie 等の共有機能が無くなる (予定)

    こんにちは、アプリケーション共同開発部の中澤です。 iOS 9 から登場した Safari View Controller (SFSafariViewController) は、 Cookie 等のデータが Safari と共有される Web ビューとして認知されています。 この仕様によって各種 Web サービスのログイン状態等も共有され、それによってユーザーはそれぞれのアプリで認証が容易になっていました。 しかし、 iOS 11 ではその仕様が変わり、 Safari や各 iOS アプリで表示される Safari View Controller は、Cookie やローカルストレージ等データをそれぞれ別の場所に保存するようになると、 WWDC 2017 にて発表されました。 以下、その発表があった What’s New in Safari View Controller からの引用です。

    iOS 11 で Safari View Controller の Cookie 等の共有機能が無くなる (予定)
  • ブラウザキャッシュの設定をしてWordPressブログの表示スピードを上げる方法

    先日、PageSpeed Insightsというツールを知りました。 PageSpeed Insightsとは、ウェブページのコンテンツを解析し、ページの読み込み時間を短くするための方法を提案してくれるGoogle Developersのツールです。 早速、僕のブログも試してみたところ、速度がさんざんな結果になりました。 photo by DAVID MELCHOR DIAZ PageSpeed Insightsでのテスト結果 モバイルのテスト結果、43点。 パソコンのテスト結果、61点。 「これはいけませんぞ!」と思いましたが、とりあえず、いきなり全ての問題を一度に解決するのは不可能なので、まずはパソコンの方から修正していくことにしました。 パソコンの修正提案の概要 PageSpeed Insightsでは、サイトの表示スピードが高速になるように修正箇所を提案してくれます。 当ブログが今

    ブラウザキャッシュの設定をしてWordPressブログの表示スピードを上げる方法
  • HTTPキャッシュ。なぜ嫌われるのか。 - それマグで!

    忌み嫌われるキャッシュたち。 キャッシュはどうやら、世間では嫌われ者のようです。 ScrenCaptured_2016-03-05_0.54.33 どうして、そんなにキャッシュされるのがイヤなんだろうか。 そもそもキャッシュってなんだっけ? キャッシュとは、更新されていないコンテンツ(画像、CSS、JS、HTMLDNS結果など)を何度も何度も取得行かずに済むように、クライアントPC側で保存し再利用する仕組み。 つまり、転送量の節約。無駄な転送を控える。非常にエコな仕組みであります。 HTTPのエコ。HTTPはエコなプロトコルだったはず。 3つのR です。 Reduce Reuse Remix 。複数のファイルをそれぞれ、別途管理して1つのページとして構成(Remix)する仕組みです。 ブラウザのキャッシュを利用するメリット 通信料の節約、画面表示の高速化、戻るボタン対応など。 ブラウザは

    HTTPキャッシュ。なぜ嫌われるのか。 - それマグで!
  • キャッシュ設定でサイト表示を3倍速くする.htaccessの書き方 : おち研 技術部

    .htaccess にキャッシュを指示する Cache-Control や Expires を追記するとサイトの読み込み速度が向上します。.htaccessについての簡単な解説と、コピペで使える一般書式をご紹介。 .htaccess(どっと・えいちてぃー・あくせす) は、Apache Webサーバの動作を定義するためのファイルです。特定ページのアクセスを制御したり、エラーページ(404ページ)をカスタマイズしたり、様々な働きをします。 中でもブラウザキャッシュの設定はページの表示を軽くするために重要な働きをします。ブラウザからのリクエストをローカルに保存し、二度目以降はサーバに問い合わせずローカルから読むことで体感速度を劇的に向上させることが出来るからです。 ここでは.htaccess設定の中でも特にキャッシュ周りの項目について、Cache-Control および Expires の備忘録

    キャッシュ設定でサイト表示を3倍速くする.htaccessの書き方 : おち研 技術部