WEBサービス アイコンフォントが手軽に使える「IcoMoon」の使い方
WEBサービスのモックアップ作成などでもお世話になる事が多いアイコンフォント。 今回は、数も種類も非常に豊富なアイコンの中から、自分が好きなモノを選んでダウンロードできるIcoMoonというサービスについて、その使い方と簡単なカスタマイズに...
WEBサービス 
Mac [Mac]別のMacマシンと画面共有して遠隔操作する方法
例えばデスクトップとノートパソコンのMacを所有している場合に、「画面共有」を有効にすることでノートパソコンの画面をデスクトップ上に表示して操作（遠隔操作）することができます。 複数のマシンが存在する環境で、共有サーバーにしているMacを遠...
WordPress [WordPress]ドメイン、サーバが変わった場合の移行方法のまとめ
今使っているドメイン（旧サイト）から新しいドメイン（新サイト）へWordPressブログをお引っ越しする方法のまとめです。 同一ドメインでのサーバ移行であれば ①データベースとWEBサイトのファイルを一式ダウンロード ↓ ②新環境へインポー...
ソーシャルメディア Facbeookで「一時的にアカウントをご利用いただけなくなっています」のエラーが出る場合
Facbeookへアクセスすると 一時的にアカウントをご利用いただけなくなっています。 当サイトに問題が発生したため、現在アカウントにアクセスできません。まもなく回復する見込みですので、しばらくしてからもう一度実行してください。 のメッセー...
WordPress [WP]URLを入力するだけでサイトのキャプチャを取得して表示できるプラグインBrowser Shots
指定したURLのスクリーンショットを撮影して、記事内に自動でサムネイル画像を表示してくれるというWordPressプラグインBrowser Shotsのご紹介です。 WordPress の記事投稿画面にてスクリーンショットの横幅（サイズ）と...
WordPress [WordPress]固定ページ等で投稿記事を一覧表示できるプラグインPosts in Page
投稿画面にショートコードを貼付けて、記事を一覧表示することができるプラグインPosts in Pageのご紹介です。 企業サイトで定番の「TOPページに最新投稿記事を5件表示したい」のような見せ方も、PHPをゴリゴリ触ることなく、記事を表示...
WordPress [WordPress]「下書きをプレビューする権限がありません。」エラーの対処法まとめ
WordPressの記事を書いていて、「プレビュー」ボタンを押したら稀に表示される下書きをプレビューする権限がありません。のメッセージ。 この「下書きをプレビューする権限がありません。」エラーが発生する場合の対処法をまとめました。 一般設定...
WEBサービス Dropboxで2段階認証を有効にしてセキュリティ強化を行う方法
Dropboxへのログインに2段階認証をかける方法です。 通常使うパソコンの他、別のパソコンやスマホ、iPadなどのタブレット経由でDropboxへログインする際に、従来のメールアドレスとパスワードの認証に加えて「6桁 のセキュリティコード...
WordPress [WP]さくらサーバーでWordPressのファイルアップロード上限を増やす方法
WordPressブログを運用していると、画像や音声、動画のメディアファイルをアップするには上限が2MBとか5MBだと足りないことがありますので、 今回はさくらサーバーでの設定方法になりますが、WordPressのファイルアップロード上限を...
HTML .htaccessで特定のURLを経由したアクセスのみ許可する方法
.htaccessで特定のURL（ページ）からのアクセスのみを受け入れる方法のご紹介です。 例えば「Bのページを経由した場合のみ、Aのページを表示する」というアクセス制御です。 特定のURL（ページ）を経由したアクセスの許可 からのアクセス...
WordPress [WordPress]テ−マファイルのウィルスチェック用プラグインAntiVirus
WordPressのテーマファイルをスキャンして、悪意あるコードなどの有無をチェックしてくれるプラグインがAntiVirusです。 WordPressの公式ではないテーマを利用する場合や、独自でテーマファイルを作成する場合、また公式テーマで...
jQueryプラグイン・ライブラリ [JS]jQueryのanimateによるアニメーションのサンプルまとめ
jQueryのanimateを使うことで、要素を横に動かしたり縦に動かしたりとアニメーションさせることができます。 また、jQuery Easing Pluginと併用することで、エフェクト付きの面白いアニメーションも実装することができます...
CSS [CSS]無料で使えるWEBフォント「Google Web Fonts」の使い方
Arial Black、Times、Verdana…など、WEBサイト制作時に指定するフォントはごく限られたモノになるかと思いますが、Google提供のサービスの1つであるGoogle Web Fontsを利用すると表現の幅が広がります。 ...
WordPress [WordPress]スパムコメント防止用プラグインAkismetの2013年9月時点の設定方法
WordPressの定番（というか最初から入っている）プラグインAkismetの2013年9月時点でのAPI キー取得からプラグイン利用方法までを簡単にまとめてみました。 Akismetはコメントの内容をチェックしてスパム対策を行うためのプ...
CSSプロパティ [jQuery]IE7、8でもbackground-size:containが利用できるプラグインjquery.backgroundSize
IE7、IE8のブラウザでもCSS3のbackground-size:containとbackground-size:coverを使用するためのjQuery プラグインがjquery.backgroundSizeです。 そこまでしてIE対応...
CSSプロパティ [CSS]リボン風帯のHTMLとCSSをWEB上で生成できる3D Ribbon Generator
WEB上で簡単に「リボン風帯」のデザインを作って、HTMLとCSSのコードを生成できるサービス3D Ribbon Generatorのご紹介です。 生成されるコードの量はかなり多いですが、リボン帯をCSS だけで一から作ろうと思うと結構大変...
WordPress [WordPress]バージョン情報を非表示にできるプラグインSecure WordPress
WordPress をインストールした後にサイトのソースコードを見てみると、<head> 内に現在利用しているWordPress 本体のバージョン情報が出力されているのが分かります。 このバージョン情報を非表示にしているサイトやブログは多い...
WordPress WordPress3.6.1でサイトが真っ白になった問題（の自己解決）
WordPress3.6.1にアップグレードするとサイトが真っ白になった。 ただし、管理者権限でログイン中の場合はサイトが見れる状態だったので…デバッグモードを有効にして調べてみると、この度刷新されてバージョン 3.0.1になったSecur...
Javascript・jQuery [jQuery]fadeIn()でページ読込み時にフェードインで要素を表示する
サイトにアクセスしたら、ページ全体をボワ〜ッと徐々にフェードインで表示させる方法です。 jQueryのfadeIn()を使うだけの簡単な処理ですし、フェードインの微調整（時間調整）次第で効果的な演出も可能になるかと思います。 fadeIn(...
WEBサービス ブログにFeedlyへの登録ボタンを設置する方法
Google Readerに替わるRSSフィードリーダーとして人気の高いFeedlyに、ブログのRSS を登録してもらうための「Follow on feedly」ボタンを設置する方法のご紹介です。 Feedly へアクセス 以下のページより...
CSSプロパティ [CSS]半角文字列を改行するword-breakとword-wrapの使い方と違い
divやtableなどの要素から半角文字が突き抜けて表示されないように、CSSで強制的に折り返してあげる方法のご紹介です。 今まで文字の折り返しと言えばword-breakを使う機会が多かったのですが、CSS3よりword-wrapプロパテ...
WordPress [WordPress]ログイン画面にBasic認証を掛ける方法
WordPressのログイン画面にBasic認証を掛ける方法のご紹介です。 WordPressのサイトが攻撃されたというニュースを目にする機会が多くなってきましたが、プラグインやテーマ、WordPress本体を常に最新の状態に保つようなセキ...
WEBサービス このサイトもしかして落ちてる？を調べることができる「Down for everyone or just me?」
いつも見ているサイトがたまに繋がらない…という時に、「もしかしてサイトが落ちてる？？」を調べることができるサービスがDown For Everyone or Just Meです。 Down For Everyone or Just Me へ...
jQueryプラグイン・ライブラリ [JS]レスポンシブ対応で画像や動画をLightbox風に表示できるMagnific Popup
レスポンシブWEBデザイン対応のLightbox系プラグインMagnific Popupのご紹介です。 Magnific Popup>はIE 7、8にも対応していて、画像や動画、Modalやメールフォーム、Ajax Popupなどオーバーレ...
Bootstrap [Bootstrap]Collapseの開閉速度を調整する方法
アコーディオンメニューを簡単に実現できるBootstrapのCollapseですが、開閉速度を早くしたり遅くしたり自由に調整したい場合の処理の方法です。 ※今回はバージョン3.0での実践を元に記事を書いております。 transition の...