ご連絡頂いて、良さ気だったので ご紹介。以前記事にした、テキスト の両端を揃えるタイポグラフィ系 のスクリプト・slabTextを日本語 でも利用出来るようにし、且つWP で利用出来るようにしてくれました。 今年の1月くらいにご紹介したslabTextをWPで、且つ日本語で利用出来る、というプラグインです。slabTextに関しては以前の記事をご参照下さい。 テキストのサイズを自動調整して幅一杯に広げるレスポンシブWebデザイン対応のjQueryプラグイン・SLABTEXT 過去記事でも書いたように、普通に使っても日本語環境で使うのは若干微妙でした。（単語単位で半角スペースを入れる必要があった）これをうまく解消してくれているので需要も結構あるのでは無いかなと思います。 もともと目をつけていたスクリプトだったので日本語環境で利用出来るようになったのはとても嬉しいです。スクリプトの開発者さんは

「PageSpeed Insights」はあなたのウェブサイトのパフォーマンスを上げるためのTipsを教えてくれる拡張機能です。Google Chromeに入れることで、Chromeに内蔵されているデベロッパーツールを拡張できます。ウェブページの高速化を図るための提案をしてくれますよ。 以下に使ってみた様子を載せておきます。まずGoogle ChromeでPageSpeed Insightsへアクセスしましょう。Chromeへインストールします。そして、Chromeのデベロッパーツールを起動しましょう。Windowsの方は「F12」キーを押せば起動します。 パフォーマンス向上を図りたいウェブサイトを開いて、PageSpeed Insightで分析をしましょう。ページ再ロード後に結果が表示されます。 このように優先度ごとに対処方法を教えてくれます。こうすればもっとあなたのサイトを高速化できま

iPhoneなどApple製品に使われているRetinaディスプレイ。 従来のディスプレイよりも高解像度（1ピクセルの幅が78ミクロン）であることから Retinaディスプレイで画像を綺麗に表示するには、表示する倍のサイズで作成する必要があったり 特別な対処をする必要がでてきたりします。 そんなRetinaディスプレイに対して、jQuery（JavaScript）を使って判別し 個別に処理させる方法があったので紹介してみます。 ※webkitブラウザのみの対応です。 Retinaディスプレイかどうかを判別するプロパティは デバイス上で画像の1pxの単位を何pxとしてレンダリングしているかを見てくれる ————————————– window.devicePixelRatio ————————————– によって判別します。 Retinaディスプレイはここで取得する値が「2」になります。 こ

大規模障害のファーストサーバ、「データ復旧は不可能」 via ITmediaのような事故もありえるので、WordPressのDBバックアップを自動化する方法を調べてみました。定期的にSQLを叩いていたのですが、さすがはWordPress。そういうプラグインが結構あります。その中でも、BackWPupというプラグインが秀逸だったので、早速使ってみました。 バックアップ形式はXML形式（WPの管理画面からImportできる形式）だけでなく、DBからのダンプも可能です。WordPress本体のファイルもバックアップできます。 バックアップジョブも登録可能なので、自動でバックアップ可能。 レンタルサーバを使っている場合、大きなファイルのバックアップではメモリ不足で固まってしまうようです。上の「wp_ak_404_log」というテーブルは多分、404 Notifierというプラグインのログだと思うの

SEOが認知され始め出してから10年近い歴史が立ちましたが、人によって意見が違うことが多いのもSEOの難しくも面白い所。検索エンジンのアルゴリズム自体が日々進化しており、順位自体も相対的な関係の中で決まることから、その人の経験の差と共に意見が違ってくるのは当たり前といえば当たり前ともいえます。今回はQuick Sproutのカリスママーケッターが、あえて絶対的に守るべきSEOのルール作りにチャレンジしてみた大胆？！な書下ろし記事を。 — SEO Japan 昨年は、SEOのアルゴリズム、SEOの責任、そして、検索アルゴリズムのコンスタントな変化によってSEOの役目がここ数年で大きく変わってきた経緯がよく取り上げられていた。 その結果、多くの企業やSEO業者は、何をすればいいのか、そして、何に焦点を絞ればいいのか悩むことになった。つまり、何をもって良質なSEOと言うのか、そして、何が本当に重

Twitter Bootstrap用のテーマを 作成出来る、というジェネレーター 的なもの。それだけでなく、作成 しながらスマフォやタブレットで の表示状態も確認出来ます。 Twitter Bootstrapのデザイン作成ツールです。Twitter BootstrapはレスポンシブWebデザインに対応していますので、このジェネレーターでもスマフォやタブレットデバイスのサイズで表示確認が出来る様になっています。 確認しながら作成できます。リンク色とか背景色とかボタンのカラーとか。使い方はよくあるジェネレーターと相違ないので割愛します。 簡易的なものではありますが、上記のようにスマフォやタブレットデバイスのウィンドウサイズにリサイズして表示を確認する事が出来ます。 コードは通常のCSSだけでなくLESS形式でも発行可能です。 もう少し使い勝手が良くなると嬉しい。今後に期待です。Twitter

TypeSquare [タイプスクウェア] / フォントプラス / デコもじ｜ウェブフォントで、ホームページが、ブロ...他...全5件

突然だが、あなたのブログはしっかりとSEO対策を施しているだろうか？ SEOと言うと、被リンクや、キーワードのみに目が言ってしまいがちだが、その前に、あなたのブログがSEOに最適化された構造になっているかという点が非常に大事だ。 なぜなら、ブログをSEOに適した構造にすることで、より検索エンジンに評価されやすくなり、リンクの獲得戦略やキーワードの最適化から、最大の効果を得られるようになるからだ。 そこで、本日は、ブログを作ったら最初にやっておきべきブログSEOの１２の設定項目をご紹介する。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現したアプリメディアなど大きな成果を挙げ続けている。 各サイトの成功要因をインタビューしているので、 あなたのサイトに役立てて欲しい⇒25サイトの成功