まえおき さくらサーバのVPSでは、申込み後2週間の「お試し期間」というものがあります。お試し期間を過ぎると、自動的に月額課金の方へ移るようです。また、課金までに「確認CD」が記されたハガキが申込者住所に届きます。記載の「確認CD」をコントロールパネルから入力後、「本契約」となるようです。 今回は、このVPSのメールサーバ設定ではまってしまったので、備忘録として記載しておきます。 VPS環境は、CentOS5.x / メールサーバは Dovecot+Postfixを使用しています。 25番ポート接続不可 Dovecot+Postfixの設定はこちらを参考に設定しました。(SSL対応も記載されているのでメール通信暗号化に興味ある方はご覧ください） メールサーバ設定後、受信(POP3:110ポート)は受信できたのですが、送信がいっこうにできない。SMTP-Authの設定かと思いいろいろ設定しな

WordBench京都 2013年1月13日 （2015年7月27日　Contact Form 7 の表記を正しく修正しました）Read less

あなたのブログを美しくスマートに。 新しいブログデザインを提案するWordPressテーマ 「Chill」 パワーアップしたカスタムカラー機能を搭載。自由にオリジナル色を選べます。 テンプレートの色は「ピンク」と「ブラック」、そして「カスタムカラー」の3タイプを用意しております。「ピンク」はデモサイトで使用されているものです。「ブラック」は男性向けを意識してデザインされた配色です。これらはワンボタンで配色を一括変更することができます。 さらに「カスタムカラー」では、カラーコードからお好みの配色を選択することが出来ます。選択できるのは「メインカラー」「サブカラー」「グラデーションに利用する色」です（カスタムカラーの変更対象は、デモサイトでピンク色の部分が該当します）。簡単にはテンプレートの色が選べるので、オリジナル感をすぐに出すことが出来ます。 4つの人気レイアウトから選択できる。自由度が大

純粋なCSSを持つ、おしゃれなドロップ・ダウン・メニュー! CSS3のおかげで、従来と異なって、見栄えの良いメニューを作成するのに、コードと時間が沢山必要ではなくなりました。 この無料のCSS3メニューを使うことで、数回のクリックで、CSS3のみを使うことで、見栄えの良いボタンを作成可能。 無料ダウンロード ライブ・デモ 概要 CSS3は、ウェブサイトの構築方法を変えている。あるブラウザにおいて対応されていないためにCSS3を使い始めたがらない人が依然多くいるにもかかわらず、CSS3の格好良い新しい機能をもって、前進して素晴らしいことを行っている人たちもいる。ボタンやメニューの操作などの、見栄えの良いウェブサイトの要素を作成するのにJavaScriptと画像にあまり依存する必要はなくなりました。 画像とJavaScriptなしで、格好良い丸角の操作メニューを構築可能。また、新しいCSS3の

必要になりそうだったのでメモ。通常のPCサイトではタブ、スマフォ等の画面の狭いデバイスではアコーディオンで実装するスクリプトのご紹介です。jQuery依存になります。 Easy-Responsive-Tabs-to-AccordionはレスポンシブWebデザイン対応のWebサイトでタブコンテンツを使いやすくするライブラリです。アコーディオンの方がみやすくタップしやすいケースもあるので覚えておくと良いかも知れません。とはいえ先発ライブラリも確かあったはずなので使いやすいほうで。 動作サンプルです。直接見に行って実装エリアをリサイズすれば確認出来ると思います。 コード <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script> <sc

ドットインストール代表のライフハックブログ

Google Chrome 32でスマホのエミュレーションを行う Google Chrome 32になってスマホなどのエミュレーションを行う方法がわからなくなっていたのですが、教えてもらったのでメモっときます。 追記：最新バージョンでの利用方法は以下のエントリーに記述しました。 Google Chrome 37でスマホのエミュレーションを行う Macなら⌘ + option + i、WindowsならF12でデベロッパーツールを表示。 右上の アイコンをクリックして設定画面を表示。Overridesにある「Show 'Emulation' view in console drawer」にチェックを入れて設定画面を閉じます。(2014/1/31追記) 上部のタブで「Elements」を選択。 右上のアイコンをクリックすると画面下部にウィンドウが表示されます。 右側の「Emulation」タブ

Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

アイコンフォント、便利です。 自分でいちいちアイコンを書く必要がなくなるし、レティーナや高解像度のディスプレイでも表示が汚くならないし、アイコンフォント、便利です。 まだアイコンフォントを使ったことのない方は、導入面倒なんじゃないの？とお考えかもしれませんが、意外に簡単です。 簡単って言うか、一行です。嘘だと思ったら、ここから先の記事をどうぞ。 使い勝手のいいアイコンフォント「Font Awesome」 とにかく導入は手軽です。 Get Started with Font Awesome ＜head＞＜/head＞内に一行コードを書き足します。 <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> 必要なスタイルシートを外部から読み込むだけです。 メリ

【王道】いや強いわ、、大人気”レイトゲーム”のトリオ大会でハイグラ取ると大変なことに、、【フォートナイト】【ゆっくり実況】【チャプター3】【シーズン3】【トリオ大会】【えりまさん】

ずいぶん前のエントリー「『Google ドキュメント』のスプレッドシート−COUNTIF関数ではワイルドカードが使えません。正規表現も (T_T)」で言及していたGoogle ドキュメントの仕様について。まだボチボチとアクセスがあるようなので、再検証を……と思って試してみました。 なんと！　いつの間にかワイルドカードが使えるようになっているではありませんか！ えー……Google ドキュメントのヘルプもいつの間にか更新されてました 😯 COUNTIF : 関数 – Google ドキュメント ヘルプ http://docs.google.com/support/bin/answer.py?hl=ja&answer=155230 特定の条件に一致するセル範囲内の要素の数を返します。[範囲] は、条件を適用する範囲です。[条件] は、セルを数えるのに使用する数値形式または文字列形式の条件です

森田交一の曲が無料ダウンロードできるwebサービスです魔王魂は変態プロ作曲家森田交一が創設しました。 シャイニングスター・12345・ハルジオン・Burning Heart・月と狼といった有名曲のほかたくさんの高品質曲が無料でダウンロード可能です。 規約が激ユルで難しいこと考えなくてOK！商業OK！改変OK！18禁含むあらゆるコンテンツで使用可！許可も報告も必要なし！ 『この曲は自分が作った』といった偽った著作表記と盗作は禁止してます！ お笑い大好き人間が作ったサイトです！芸人さんの単独やネタ番組でのご利用も大歓迎！（吉本系芸人さんにも多くご利用いただいております！）

今までの a-blog cms では jQuery のバージョンが 1.2.6 という事で、最新のプラグイン的なものが動作しないでいたので、あまり導入のチャレンジをしていませんでしたが、a-blog cms 1.3.0 になって jQuery も最新版になった事から気にせず使えるようになったのが、とても嬉しいですね。 今回のエントリーでは、jQueryのプラグインで見えてない部分は画像の読み込みをしないでおいて、スクロールして表示されるようになってから読み込む「Lazyload.js」というのを試してみましたので、その実装方法をメモっておきます。 以前は jquery.dimensions.js というものが必要だったようですが、jQuery に含まれる事になったようで、現在のバージョン(1.4.2) では読み込まなくても問題なく動作するようです。 Lazyload.js download