WordPress超高速化ノウハウ:3.ファイルサイズの削減 前回からの続きです。 高速化のための対応項目 ・HTTPリクエスト減らせ・gzip圧縮しろ・ブラウザキャッシュ使え・画像サイズ削減しろ・HTML/CSS/JSを縮小化しろ・CSS/JSの読み込み順序を最適化しろ 今回は上… ゴトーまとめてみた2014.04.16 349
WordPress超高速化ノウハウ:2.gzip圧縮とブラウザキャッシュ 前回からの続きです。 高速化のための対応項目 ・HTTPリクエスト減らせ・gzip圧縮しろ・ブラウザキャッシュ使え・画像サイズ削減しろ・HTML/CSS/JSを縮小化しろ・CSS/JSの読み込み順序を最適化しろ 今回はg… ゴトーまとめてみた2014.04.16 856
WordPress超高速化ノウハウ:1.原因調査とHTTPリクエスト削減 自分が業務や個人的に行っているWordpress高速化ノウハウを紹介します。 WordPressを高速化する手法は多々ありますが、根本的解決からWordpressプラグインに頼る方法まで多岐にあり、解決すべき項目ごとに順… ゴトーまとめてみた2014.04.15 1,031
Sassで条件分岐(if)を使う 変数の値をもとに出力するCSSの分岐を行えます。 Sass $setting: true; @if $setting { //settingが有効(true)の場合出力される .test {margin: 0} } 上記… ゴトーハック2014.04.15 1,585
iPhone/iPadとiOSのバージョン判別 開いているデバイスかiPhoneかiPadか、そのうえでiOSのバージョンを判別するスクリプトです。 JavaScript var ua = navigator.userAgent; if(/iPhone/.test(u… ゴトーハック2014.04.14 2,106
jQuery利用例:HTMLを書き換える サンプルはこちら。http://jsdo.it/goto_jp/kq97 対象のオブジェクト内のHTMLを丸々書き換えます。 JavaScript $(function(){ //html()が空なら中身のHTMLを返す… ゴトーハック2014.04.14 1,320
jQuery利用例:位置座標の取得・制御 サンプルはこちら。http://jsdo.it/goto_jp/iCII 普通のWebサイト制作ではあまりサンプルのように動かす機会は少ないですが、画面上のポップアップ表示やモーダルウィンドウの類を操作する時には位置座標… ゴトーハック2014.04.11 1,879
jQuery利用例:幅と高さの取得・制御 サンプルはこちら。http://jsdo.it/goto_jp/vUtb jQueryで幅と高さの取得と制御は実に分かりやすく簡単です。 JavaScript $(".box").width(); $… ゴトーハック2014.04.11 1,287
jQuery利用例:CSSの取得と操作 サンプルはこちらhttp://jsdo.it/goto_jp/acoR 今回は内部的なデータの取り扱いの話になりますが、JavaScriptを使うことでCSSを切り替える方法はいくつかあります。そのための例を上記サンプル… ゴトーハック2014.04.10 259