画像を簡単に中央寄せにする

CSS

下のようなHTMLの場合、 <div class="image"> <p><img src="/image/example.jpg" alt="example" /></p> </div> もっとも多く用いられるCSSは .image p { text-align: center; } だと思いますが、 今回はもっと簡単な方法。 image img { display: block; margin: auto; } また、右寄せ、左寄せの場合は下のようになる。 /* 右寄せ */ image im…

.htaccessのBasic認証とIP制限の設定方法

環境構築

.htaccessを利用しBasic認証で許可したIPアドレス以外からのサイトへのアクセスを制限する方法。 AuthType Basic AuthUserFile /path/to/.htpasswd # パスワードファイル AuthName "Please input your Account & Password" # Basic認証時のテキスト Require …

[subversion]ローカルファイルは残しつつリポジトリ内を削除するコマンド

svn delete [ファイルまたはディレクトリ] --keep-local--keep-localオプションを使えばOK！

指定したURLのスクリーンショットを画像を取得し表示させるショートコード

wordpress PHP

指定したURLのスクリーンショット画像を生成するwordpressのプラグイン『BM Shots』がありますが、アクセスの度に画像取得を実行するのが嫌だったので自分のサーバに画像を保存し保存された画像を表示するようなショートコードを作成しました。記載している…

WEB制作で役立つカラーツール『0to255』

WEBサービス

0to255：指定した色より明るい色と暗い色をグラデーションで表示してくれるサービス。

imap関数を使ってGmailのメールを取得する

PHP

以前、Gmailよりメールを取得し、データベースへ反映する機能の構築を実装したのでメモしておきます。はじめに、Gmailの設定でimapが有効になっていることを確認する。imapが有効になっていない場合は、有効にします。imap関数の詳しい情報はPHP: IMAP - Man…

Wordpressでプラグインを使わずにtwitterへ自動ツイートを実装してみる

PHP wordpress

TwitterOAuthライブラリ を使用している ライブラリ使用方法の参考記事：PHP+OAuthでTwitter TwitterへOAuthクライアントの登録 TwitterにOAuthアプリケーション情報を登録。アプリケーション登録等の手順は割愛。 → Twitter Applications | dev.twitter.com…

InstagramAPIを使って写真取得してみる

PHP

InstagramAPIを利用するには、以下の情報が必要となる ユーザー名 ユーザーID CLIENTID CLIENTSECRET AccessToken 1. Instagram Developer Documentationでクライアント登録 Developer Documentationへ → "ManageClients" → "Register new OAuth Client" で…

MacOSX固有コマンド『sips』を使って画像のリサイズをする

Mac 画像関連

基本コマンド sips --resampleWidth 580 hoge.jpg --out hoge_thumb.jpg 一括リサイズ for file in *.jpg; do sips --resampleWidth 580 $file --out ${file%.jpg}-thumb.jpg; done その他sipsコマンドいろいろまとめ 説明 オプション 概要 コマンド例 画像…