レスポンシブの確認ツールの多くは単にブラウザのサイズを変更して確認するだけですが、レスポンシブがスタイルシートで定義されているかに基づいてページの確認ができるChromeの機能拡張を紹介します。
Chromeの機能拡張 -Responsive Inspector | コリス
レスポンシブの確認ツールの多くは単にブラウザのサイズを変更して確認するだけですが、レスポンシブがスタイルシートで定義されているかに基づいてページの確認ができるChromeの機能拡張を紹介します。
WordPress：プラグインの作成方法とスニペットをプラグイン化して管理する方法 - NxWorld
プラグインの作成とか開発って聞くと凄く難しそうなイメージがあったんですが、実際にやってみると簡易的なものであればかなり手軽に作成できたので、触りだけですが備忘録兼ねて紹介します。 また、いろいろとカスタマイズしている場合にカオスになりがちなfunctions.phpですが、それをプラグインを使って少しでも管理しやすくする方法も併せて紹介します。 プラグインってなに？ そもそもプラグインとは... プラグインは、WordPressの機能を拡張するためのツールです。 WordPressのコアは、柔軟性を保つため、不必要なコードでふくれあがってしまわないように設計されています。ユーザーそれぞれが特定のニーズに合ったプラグインを利用して、カスタム機能を取り入れられるように作られています。 プラグイン – WordPress Codex 日本語版 上記のようにCodexにも載っていますが、要はWor
さくらVPS512で、Yahoo!砲食らっても WordPress を平常運転させるための設定 - dogmap.jp
2010年の年末に、「カイ士伝」のさくらVPSへの引っ越しを手伝ったわけですが、その後も元気にサーバは動き続けているようです。 引っ越し当初は、Web サーバとして lighttpd を導入してたんですけど、僕の個人的な好みがかわって、途中で Nginx に切り替えました。 特に大きなトラブルもなくサクサクと動いてたようですが、昨日突然の Yahoo!砲で、平常時の数倍のアクセスがあったようです。 Yahoo!砲くらったけど月額980円のさくらVPSとチューニングでサーバー落とさず乗り切ったよ – カイ士伝 ただ、アクセスが大量にあった初日(1記事に5.5万PV)にもサーバ負荷が高くなってるとか気付かずに、余波でちょっと多くなってた翌日(1記事に1.3万PV)に気づいたというくらいの平常運転っぷり。 Nginx 痺れますわー。 僕は、カイ士伝の WordPress ダッシュボードにログイン
WordPressでSEO対策を考える人へ
いきなりですが、僕のブログはまだまだ記事数も年数も少ないですが、SEO対策の結果はかなりの結果を出しています。僕もそうですが、Wordpressでブログをやる方にとってSEO対策やアフィリエイトはとても関心のある事だと思います。なので、僕なりの手法を手前味噌ながらご紹介致します。 [追記] この記事の続きを書きました。 新しいはてなブックマークの現在とSEOの効果 スポンサーリンク 僕のWordPressのSEO対策の結果 まずは、僕のブログの検索キーワードの結果をお見せ致します。 （2013.04.13現在） 例えば、まず「痩せる」というキーワード。こちらは11,100,000件中5位にいます。 簡単！痩せる方法 ～運動してもやせない理由～ 「iphone カメラ アプリ」だと45,500,000件の中で1位です。 撮って比較！iPhoneおすすめカメラアプリの写真ランキング 他にも「カ
初心者でも3か月でwebサービスを必ず作れるようになる！Webサービス学習資料5選 | 就活の未来
最近のソーシャルメディアの台頭により、ここ数年において、Webは更に力を増したといえるでしょう。中でも現役の大学生が、様々なアイディアを形にし、それをWebサービスという形で発信し続けているのが印象的な人もいるかもしれません。 そこで、あなたもWebサービスを作成したいという欲求にかられるでしょう。 Webサービスを作っている人が身近にいれば、その人に聞けばよいかもしれません。 しかし、そうではない人も多いはずです。 そこで、今日は、そんなあなたがWebサービスを作成するにあたって、参考にすべき学習用の資料を5個選びました。これを頼りにあなたの思いをWebサービスに変えて、世界に届けてください。 Webサービスを作成するにあたって身につける必要があるもの 覚える必要があるのは以下のいくつかの言語です。 ・HTML ・CSS ・プログラミング言語1つ(PHP, Python, Rubyなどな
[JS]自分仕様のかなりかっこいいローディング用アニメーションを生成できる -Sonic Creator
かっこいいデザインのローディング用アニメーションのCanvas版、アニメーションGIF版、CSSスプライトPNG版を同時に作成できるオンラインサービスを紹介します。 Sonic Creatorの前に、まずはSonicのデモから。 Sonic Sonicは、HTML5 Canvasを使ってローディング用のアニメーションを作成する超軽量（約3K）のスクリプトで、実装方法などは下記をご覧ください。 かなりかっこいいデザインのローディング用アニメーションを生成するスクリプト -Sonic 今回紹介するのは、このSonicをコードベースでオンラインで簡単に設計でき、それをアニメーションGIFやCSSスプライト用のPNG画像を生成するオンラインツールです。
SEOに依存したビジネスに未来は無い
ネットビジネスの集客はSEOに頼る部分が大きいです。アメリカの一企業のさじ加減にビジネスの運命を握られているという状況は、気持ちよいものではありません。 検索エンジンからの集客を大事にする一方で、検索エンジン以外からの集客につなげていかないと、夜も安心して眠れません。 Googleに心臓を握られる恐怖 どのビジネスでも多かれ少なかれ、他社に依存する部分はあります。街のケーキ屋さんが細々とやっていけるのも、一方で大きな取引先にケーキを卸しているからという話はよくあるものです。他社に心臓を握られているビジネスは大きなリスクを抱えることになります。 SEOによる集客は、有限のキーワードで売り上げに有効な上位のスペースを奪い合うゼロサムゲームです。参入するプレーヤーが増えれば、競争は激化していきます。単価の高いキーワードでは、壮絶な足の引っ張り合いもあると聞きます。 Googleのアルゴリズムに人
WordPressの多言語化プラグインをqTranslateからWPMLに変更しました
2016年6月8日 Wordpress 過去に何度か記事にした、WordPressの多言語化プラグイン。昔からWPMLを使用していましたが、qTranslateの存在を知り、このブログではqTranslateを使っていました。ところがなんだか問題発生したようなので、WPMLに完全移行！その理由と移行手順を紹介します。 ↑私が10年以上利用している会計ソフト！ qTranslateとWPMLの違い ふたつのプラグインの違いをザックリと解説。使い方の説明は以下の過去記事をご覧頂ければと思います。 WordPressプラグイン「qTranslate」でブログを多言語化する WordPressプラグイン「WPML」でブログを多言語化する 翻訳記事の扱い 一番の違いは、ひとつの投稿記事に対する翻訳記事の扱い。qTranslateはすべての言語をひとつの記事としてまとめています。それに対しWPMLはデ
【その手があったか】 Evernoteのユニークな使い方をまとめてみた-Six Apart ブログ｜オウンドメディア運営者のための実践的情報とコミュニティ
Evernote、便利ですよね。私は公私共にフル活用していまして、Evernoteなしでは生きていけないレベルです。 自分では、そこそこフル活用している自負がありますが、そうはいっても我流です。なので、ときどき、「自分の使い方、これでいいのかな？もっと、上手な活用法があったりするのかな？」って思うんですよね。 なにしろ、取扱説明書はないし（書籍はありますが）、他人のEvernoteを見せてもらう機会もないですから、他人が何の目的でどう使っているのか、興味津々なわけですよ。 検索したり、人から話を聞いて調べてみた結果、「こんな使い方があるんだ」、「その手があったか」といろんな発見があったので、紹介しますね。 ＜目次＞ こんなかんじで、5つにカテゴライズしてみました。 (*^_^*) 定番 (´・ω・｀) へぇ～ (・∀・) ｲｲ!! （；^ω^） 私だけ？ (・∀・)オススメ ■1．(*^_
[CSS]コピペでOK！画像のホバー時用のかっこいい新しいエフェクトのまとめ
HTML 各デモのベースとなるHTMLです。 div要素のclassを変更して利用します。 <div class="pic"> <img src="image.jpg"> </div> 各デモで共通で使用するスタイルです。 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } body { background: #333; } .pic { border: 10px solid #fff; float: left; height: 300px; width: 300px; margin: 20px; overflow: hidden; -webkit-box-shadow: 5px 5px 5px #111
これは快適！Mac OS X上でWinのIE6/7/8/9/10など、さまざまなブラウザの確認ができるアプリ -Sauce
Macでウェブ制作に携わる人全員に伝えたい、Windows, Linux, Mac OS Xのさまざまなブラウザでの表示確認ができる無料のMac OS Xアプリを紹介します。 Boot CampやParallelsなどは必要なく動作します。 Sauce -App Store Sauce for Mac -Website Sauceは、約100種類のブラウザとOSの組み合わせでブラウザの表示確認ができるOS X用のアプリケーションで、簡単に起動・操作ができます。 Windows用のIE6/7/8/9/10をはじめChrome, Safari, Firefox, Opera、iPhone4/5/6, iPad4/5/6, Android4なども揃っています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
http://japan.internet.com/webtech/20130416/4.html
ごりゅご.com
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Verify you are a human
「初代Macintosh」を紹介する1985年のTV番組
地味だけどかなり便利！指定したカラーにホワイトとブラックを加えてカラーパレットを作成するサービス -HEXCOLORTOOL
Web制作会社に飛び込んだ新入社員にとりあえず読ませたいスライド
Lancers
